/***********GENERAL STYLES***********/

body {
margin:0px;
padding:0px;
background:#ffffff;
font:10px verdana;
color:#333333;}

a {text-decoration:none;color:#333333;font-weight:bold;}

a:hover, a.sm:hover {text-decoration:underline;font-weight:bold;}

a.BODYmore:hover {text-decoration:none;}
a.sm {font-weight:bold;font-size:9px;text-decoration:none;}

.arrow {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 16px;
background:url(/navs/arrow.gif) no-repeat 0px 2px;}

b.red {color:#B8332C;}
b.grey {color:#666666;}
b.green {color:#006600;font-size:10px;}
b.sm {font-weight:bold;font-size:9px;}
.clr {clear:both}
.bottom {vertical-align:bottom}

.center {text-align:center;}

.dots {margin-top:1em;padding-bottom:1.2em;background:url(/navs/dots.gif) no-repeat bottom;}

form {margin:0px;padding:0px;}

/*needed for a bug in NS6 and mozilla...*/
img {border-width:0px;display:block;margin:0px;}
.BODYad {margin:0px 0px 1em 7px;border:1px solid #333333;}

.border {border:1px solid #333333;}
img.inline {display:inline;}

input.text {font:11px verdana;padding:0px 3px 1px 3px;background:#ffffff;}
input.button {font:bold 11px verdana;padding:1px 3px 2px 3px;}

label {cursor:hand;}
.NAVoptions {margin-top:15px;}
.NAVoptions table {width:502px;}
.NAVoptions td.right {vertical-align:top;}

p.sm {padding-top:1em;margin-top:0px;font:9px verdana;}
p.med {padding-top:1em;margin-top:0px;font:10px verdana;}
p.totop {text-align:right;margin:3em 0px 2em 0px;}

.right {text-align:right;}

select {padding:0px 0px 1px 1px;font:10px verdana;background:#ffffff;}
.sm {font:9px verdana;}
.sub {font:bold 10px verdana;letter-spacing:1px;}

#BODYsubnav {
margin-left:7px;
border:1px solid #cccccc;
border-top:none;
padding:2px 5px 3px 0px;
text-align:right;
background:#ffffff;
font:bold 9px verdana;
color:#666666;}

#BODYsubnav a {color:#666666;letter-spacing:1px;}
#BODYsubnav a:hover {text-decoration:none;}

table.center {margin-left:auto;margin-right:auto;text-align:left;}
.top {vertical-align:top;}


/***********SPECIFIC STYLES***********/

#SPONSOR {margin:0px;padding:0px;}

#BODYcontent {
margin:0px;
width:771px;
background:#FDFDE9;}

#BODYnavbar {
background:#639CCE;
padding:2px 0px 4px 7px;}

#BODYnavbar a {
color:#ffffff;
font:9px verdana;
font-weight:bold;
letter-spacing:1px;}

table#BODYtable {
width:771px;
margin:1em 0px 110px 0px;}

td#BODYmain {
vertical-align:top;
padding:0px 5px 0px 0px;
width:509px;}

td.BODYsingle_col {
vertical-align:top;
width:257px;}

#BODYtitle {
margin:0px 0px 0px 7px;
background:#cccccc;
padding:3px 0px 3px 7px;
font:bold 10px verdana;
letter-spacing:.2em;
text-transform:uppercase;}

#BODYtitle_icon {
margin:0px 0px 0px 7px;
background:#cccccc;
padding:2px;}

#BODYtitle_icon td {
font:bold 10px verdana;
letter-spacing:.2em;
text-transform:uppercase;}

#BODYtext {
padding:0px 0px 0px 7px;
font:11px verdana;}

#BODYtext table {font:11px verdana;}

.BODYfeature {
float:left;
background:#ffffff;
border:1px solid #333333;
margin:12px 7px 0px 0px;
width:225px;}

.BODYcaption {
border-top:1px solid #333333;
padding:3px 3px 5px 5px;
font:9px verdana;}

.BODYbar {
margin:2em 0px 0px 0px;
background:#cee7ff;
padding:2px 0px 4px 7px;
font:bold 10px verdana;
letter-spacing:.1em;}

#BODYnewsbar {
margin:4em 0px 10px 0px;
background:#cee7ff;
padding:2px 0px 4px 7px;
font-weight:bold;
letter-spacing:.1em;}

.BODYvideodots {
clear:both;
background: url(/navs/dots.gif) no-repeat top;
margin:3em 0px 0px 0px;
padding-top:3px;}

.BODYvideolink {
height:15px;
background:url(/navs/video.gif) no-repeat -30px 0px;
margin-top:3px;
font:bold 10px verdana;
padding-left:21px;}

.BODYvideolink a:hover {text-decoration:none}

.BODYarticlelink {
clear:both;
background:url(/navs/pointer.gif) no-repeat 0px 5px;
margin:0px;
padding-left:10px;}

.BODYarticlelink a:hover {text-decoration:none;}


/******MEMBERSHIP STYLES******/
form#MEMBERSHIP td  {padding-bottom:1.1em;}

form#MEMBERSHIP .BODYbar {
margin:1em 0px 5px 0px;
background:#cee7ff;
padding:2px 0px 4px 7px;
font-weight:bold;}

form#MEMBERSHIP input.text {
width:200px;
border:1px solid #cccccc;
padding:1px 0px 1px 1px;
background:#ffffff;}

form#MEMBERSHIP textarea, form#COMP textarea {
width:200px;
height:50px;
border:1px solid #cccccc;
padding:1px 0px 1px 1px;
font:10px verdana;
background:#ffffff;}


/******WEEK IN PHOTOS******/
.photo_col {
width:100px;
height:150px;
vertical-align:top;
border:1px solid #333333;
border-bottom:none;
padding:5px 5px 0px 5px;
background:#ffffff;}

.photo_col img {border:1px solid #333333;}
.photo_col p {margin:3px 0px 5px 0px;font-size:9px;}

.BODYview {
text-align:right;
border:1px solid #333333;
border-top:none;
padding:5px;
background:#ffffff;}

.BODYview a {font-size:9px;text-decoration:none;}
form#view_previous {margin-top:40px;text-align:right;} 
form#view_previous table {margin-left:auto;margin-right:0px;font-size:10px;text-align:left;}


/******DIARY******/
.DIARYentry {background:url(/navs/dots.gif) no-repeat bottom;
margin:.8em 0px 0px 0px;padding-bottom:1em;}

.DIARYentry a {text-decoration:none;font:bold 10px verdana;}
.DIARYentry li {font:normal 11px verdana;}

.month {padding:2px 7px 2px 7px;font:bold 10px verdana;border:1px solid #333333;text-transform:uppercase;}
.month a:hover {text-decoration:none;}
.spacer {width:2px;border-bottom:1px solid #333333;}

#month0 {border:1px solid #333333;background:#cccccc;}
#month1 {border:1px solid #333333;background:#cccccc;}
#month2 {border:1px solid #333333;background:#cccccc;}
#month3 {border:1px solid #333333;background:#cccccc;}

#calendars {border:1px solid #333333;border-top:none;background:#ffffff;padding:12px 0px 10px 26px;font:bold 10px verdana;}
#calendars td {font:bold 9px verdana;}
.calendar th {width:26px;font:bold 9px verdana;}

#calendar0 {display:none;}
#calendar1 {display:none;}
#calendar2 {display:none;}
#calendar3 {display:none;}

.calendar td {width:25px;height:25px;border:1px solid #333333;background:#ebebeb;color:#aaaaaa;text-align:center;}
.calendar a {text-decoration:none;color:#333333;}
.calendar #today {background:#cccccc;}
.calendar #today a {text-decoration:none;color:#ffffff;}



/******TRIVIA******/
table.BODYtabledata  {margin-top:1em;width:100%;}

table.BODYtabledata th {
border-bottom:1px solid #ffffff;
background-color:#cee7ff;
padding:3px 0px 4px 5px;
font:bold 10px verdana;
letter-spacing:1px;
text-align:left;}

.BODYtabledata td {
vertical-align:top;
border-bottom:1px solid #ffffff;
padding:3px 3px 4px 5px;
font:normal 10px verdana;
background:#F2F0DA;}

td.rightcol {
text-align:center;
background:#EAE8D4 !important;
font:bold 10px verdana;
white-space:nowrap;}

.triviaquestions td {
vertical-align:top;
margin:0px;
padding-bottom:.5em;}


/******COMPETITIONS******/
.BODYoutline {border:1px dashed #333333;vertical-align:top;}
.BODYcompbox {background:#FDFDC5;padding:0px 10px 10px 10px;}
.BODYcompbox td {vertical-align:top;}
.BODYsubhead {font:bold 10px verdana;
letter-spacing:1px;
padding-top:10px;
margin:0px 0px 10px 0px;
text-decoration:uppercase;}

form#COMP td  {padding-bottom:1.1em;}

form#COMP input.text {
width:140px;
border:1px solid #cccccc;
padding:1px 0px 1px 1px;
background:#ffffff;}

form#COMP textarea {
width:250px;
height:100px;
border:1px solid #cccccc;
padding:1px 0px 1px 1px;
background:#ffffff;}

.BODYprize {
margin:0px 0px 0px 15px;
padding:20px;
background-color:#ffffff;
vertical-align:bottom;
width:135px;
border:1px solid #333333;}

.BODYprize_desc {
margin:0px 0px 0px 15px;
width:165px;
background-color:#f1f1f1;
text-align:center;
border:1px solid #333333;
border-top:none;
padding:4px 5px 6px 5px;
font:bold 9px verdana;}



/******HOUSEMATES BIO******/
img.BIOpic {border:1px solid #333333;}
td.BIOinfo {vertical-align:top;padding-left:7px;font-size:10px;}
td.BIOinfo .arrow {height:13px;}
td.BIOinfo .arrow a:hover {text-decoration:none;}

.POLLdays {
position:absolute;
top:0px;
width:8px;
height:125px;
background-image:url(/navs/bar.gif);
background-repeat:no-repeat;}

.EVICTIONdays {
position:absolute;
top:0px;
width:8px;
height:125px;
background-image:url(/navs/eviction_day_bar.gif);
background-repeat:no-repeat;}

img.HMphoto {border:1px solid #333333;}


/***********HELP***********/

body.popup {background:#FDFDEA;}

#FAQ {width:502px;padding:5px;}

#FAQ td {font:normal 10px verdana;}
#FAQ p {font:normal 11px verdana;}

#FAQtitle {
margin-bottom:15px;;
background:#cccccc;
padding:3px 0px 3px 7px;
font:bold 10px verdana;
letter-spacing:.2em;
text-transform:uppercase;}

#FAQ select {width:140px;margin:2px 10px 3px 15px;}

#FAQ input.text {
width:140px;
height:15px;
margin:2px 10px 2px 15px;
font:normal 10px verdana;
border:1px solid #cccccc;
background:#ffffff;}

#bubble {
position:absolute;
left:313px;top:42px;
width:189px;
height:36px;
background:url(/navs/faq.gif) no-repeat;}

td.topic {height:35px;padding:2px 35px 3px 7px;font:normal 9px verdana;}
td.topic a:hover {text-decoration:none;}

td.FAQrightcol {background:#E8E6D1;}
td.FAQrightcol a, td.FAQrightcol a:hover {font-weight:normal;text-decoration:none !important;}

.FAQdots {
margin:3em 0px 10px 0px;
padding-top:7px;
font: bold 11px verdana;
background:url(/navs/dots.gif) no-repeat top;}

.FAQresponse {width:502px;}


/***********FOOTER STYLES***********/

#FOOTER {
width:771px;
margin:0px;
background:#f5f5f5 url(/navs/dots.gif) no-repeat top;
font:9px verdana;}

#FOOTERcredits {width:771px;}

#FOOTERcredits td {
padding:6px 12px 3px 12px;
text-align:center;
background:url(/navs/divider.gif) repeat-y left;
vertical-align:middle;}

#FOOTERcredits td img {display:inline;}

td#FOOTERlinks {
font:normal 9px verdana;
color:#000000;
padding-left:10px;
width:626px;
text-align:left;
background:none;}

td#FOOTERlinks a, td#FOOTERlinks a:hover {font:normal 9px verdana;text-decoration:none;}