body { margin: 0; padding: 0; font: normal 10pt Arial, Verdana; background: #333366;}

/*
Spacer Div
*/
div.spacer{
clear: both !important;
}

/*********************************************************
 * Clearing after floats fix                             *
 * http://www.positioniseverything.net/easyclearing.html *
 *********************************************************/

a { font: bold 9pt arial; color: #990000; text-decoration: none; }
a:hover { font: bold 9pt arial; color: #006699; text-decoration: underline; }

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix {	display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/* Admin CSS */
#adminAlert { padding: 5px; background: red; font: bold 18pt Trebuchet MS; color: #fff;}
/* End Admin CSS */


#mainLogo { height:100px; width: 575px; background-image:url("/images/logo.png"); background-repeat:no-repeat; }
h1.logo {display:none;}

#tagline { margin-bottom: 10px; padding-left: 40px; font: bold 10pt Trebuchet MS; color: #999; text-decoration: none; }

#navBarBox { padding: 5px; border-bottom: 1px solid #ddd; background-image: url("/images/navBack.png"); background-repeat:repeat-x;}
#navBar { margin: 0; padding: 0; }
#navBar li { display: inline; list-style-type: none;  padding-left: 25px; }
#navBar li a { font: bold 12pt Trebuchet MS; color: #000; text-decoration: none;}
#navBar li.active a { font: bold 12pt Trebuchet MS; color: #990000; text-decoration: none;}
#navBar li.highlight a { font: bold 12pt Trebuchet MS; color: #CC0000; text-decoration: none;}

#main { padding: 0px; background-color: #fff;}

/* #f4f2e5 */

#fullBlue { background-image: url("/images/blue-fade-back.png"); background-repeat:repeat; }

#mainLeft {
	width: 510px;
	background-color: #fff;
	padding: 5px;
	float: left;
	margin-right: 5px;
	border-right: 1px dotted #ddd;
	overflow: hidden;
}

#mainRight {
	width: 300px;
	padding: 5px;
	font: normal 9pt arial;
	float: left;
	background-color: #fff;
	overflow: hidden;
}

#mainRight a {
	font: bold 9pt arial;
	color: #990000;
}

/* extend Main Col to 600px */
#mainExtLeft {
	width: 610px;
	background-color: #fff;
	padding: 5px;
	float: left;
	margin-right: 5px;
	border-right: 1px dotted #ddd;
	overflow: hidden;
}

#mainExtRight {
	width: 200px;
	padding: 5px;
	background-color: #fff;
	float: left;
	overflow: hidden;
}

.pic { background-color: #ffffff; padding-top: 3px; padding-left: 3px; padding-right: 3px; padding-bottom: 3px; border: 1px solid #e1ddc7; }

hr {  border: 0 none; border-top: 1px dotted #ddd; } 

#grayBox { padding: 5px; border: 1px solid #999; background: #ddd url(/images/grayBoxTop.gif) repeat-x; }

#comHeader {}
#comHeader td { font: bold 14pt Arial; }

#aveTemps { border: 1px dotted #ddd; }
#aveTemps th { padding: 5px; font: normal 9pt Arial; background: #eee; }
#aveTemps td { padding: 5px; border-top: 1px dotted #ddd; font: normal 9pt Arial; }

#common { background: #f5f5f5; width: 100%; }
#common td { padding: 3px; font: normal 9pt Arial; }

#features { }
#features td { padding: 3px; font: normal 9pt Arial; }

#hotelList { width: 600px;}
#hotelList td { padding: 5px; border-bottom: 1px dotted #ddd; font: normal 10pt Arial; }
#hotelList td.icons { width: 200px; }
#hotelList a.hotelName { font-size: 13pt; }

#adminHList { padding: 3px; border: 1px dotted #ddd; }
#adminHList td { padding: 2px; border-bottom: 1px dotted #ddd; font: bold 9pt Arial; text-align: center; }
#adminHList td.name { padding: 2px; border-bottom: 1px dotted #ddd; font: normal 9pt Arial; text-align: left;}
#adminHList tr.mailed { background: #eae1c6; }

#memFlist { width: 450px; border-top: 1px dotted #999;}
#memFlist td { padding: 5px; border-bottom: 1px dotted #999; font: normal 8pt Arial; }
#memFlist a.name { font-size: 14pt; }
#memFlist td.icons { width: 200px; }


/* PAID FEATURES */

#bsTop {  margin: 0; width: 500px; background-image: url("/images/com_bs_top.gif"); background-repeat:no-repeat; }
#bsBody { padding: 20px; padding-top: 60px; padding-left: 50px; color: #fff; }
#bsBottom { width: 500px; height: 15px; background-image: url("/images/com_bs_bottom.gif"); background-repeat:no-repeat; clear:both; }

#awTop {  margin: 0; width: 500px; background-image: url("/images/com_aw_top.gif"); background-repeat:no-repeat; }
#awBody { padding: 20px; padding-top: 60px; padding-left: 50px; color: #fff; }
#awBottom { width: 500px; height: 15px; background-image: url("/images/com_aw_bottom.gif"); background-repeat:no-repeat; clear:both; }

/* END PAID FEATURES */

#boxTop {  margin: 0; width: 405px; background-image: url("/images/fBoxTop.gif"); background-repeat:no-repeat; }
#boxBody { margin-left: 10px; padding: 5px; font: normal 9pt arial, verdana;}
#boxBody small { font: normal 7pt arial, verdana; color: #555; }
#boxBottom { width: 405px; height: 15px; background-image: url("/images/fBoxBottom.gif"); background-repeat:no-repeat; clear:both; }

#boxTop500 {  margin: 0; width: 502px; background-image: url("/images/fBoxTop500.gif"); background-repeat:no-repeat; }
#boxTop500f {  margin: 0; width: 502px; background-image: url("/images/fBoxTop500f.gif"); background-repeat:no-repeat; }
#boxBody500 { margin-left: 10px; padding: 5px; font: normal 9pt arial, verdana;}
#boxBody500 h2 { font: bold 18pt arial, verdana; color: #990000;}
#boxBody500 small { font: normal 7pt arial, verdana; color: #555; }
#boxBottom500 { width: 502px; height: 15px; background-image: url("/images/fBoxBottom500.gif"); background-repeat:no-repeat; clear:both; }


#boxTop248 {  margin: 0; width: 250px; background-image: url("/images/fBoxTop248.gif"); background-repeat:no-repeat; }
#boxBody248 { margin-left: 10px; padding: 5px; font: normal 9pt arial, verdana;}
#boxBody248 small { font: normal 7pt arial, verdana; color: #555; }
#boxBottom248 { width: 250px; height: 15px; background-image: url("/images/fBoxBottom248.gif"); background-repeat:no-repeat; clear:both; }


#com { padding: 5px; width: 380px;}
#com td { font: normal 9pt Arial; }
#com td.text { width: 270px; }
#com td.button { width: 110px; }

#Flines { width: 500px; font: normal 9pt Arial; }
#Flines td { border-bottom: 1px dotted #ddd; vertical-align: top; }
#Flines span.date {font: normal 9pt Arial; color: #fff; }

#myLinks {margin: 0; padding: 5px; background: #333; border-bottom: 2px solid #ddd; }
#myLinks li { display: inline; list-style-type: none;  padding-left: 10px; }
#myLinks li a { font: normal 9pt Arial, Trebuchet MS, Arial; color: #fff; text-decoration: none; }
#myLinks li a:hover { color: #eee; text-decoration: underline; }

table#header {}
table#header td { font: normal 9pt Arial;}
table#header td.logo { width: 550px; }
table#header td.right { width: 200px; padding-top: 37px; vertical-align: top; color: #fff;}
table#header td.right a { color: #dfd35b; }

table#searchedMembers {}
table#searchedMembers td { margin: 0; padding: 10px; width: 120px; font: normal 9pt Arial; vertical-align: bottom; text-align: center; border-bottom: 1px dashed #eee; }

table#searchBox {}
table#searchBox td { padding: 4px; font: normal 9pt Arial;}
table#searchBox td.right { padding: 4px; font: bold 9pt Arial; text-align: right;}

table#searchedGroups { width: 500px;}
table#searchedGroups td { padding: 4px; font: normal 9pt Arial; border-bottom: 1px solid #eee;}
table#searchedGroups td.image { width: 130px; padding: 4px; font: normal 9pt Arial; border-bottom: 1px solid #eee;}

table#groups {}
table#groups td { padding: 4px; font: normal 8pt Arial; border-bottom: 1px solid #eee;}

#frontSteps { height: 245px; width: 505px; background-image: url("images/front-steps.gif"); background-repeat:no-repeat; clear:both; }
#frontStepsText { padding-top: 100px; padding-left: 10px; padding-right: 10px; overflow: hidden;  font: normal 10pt arial; line-height: 18px; color: #fff;}
#stepListBox { padding: 6px;}
#stepList { margin: 0; padding: 0; }
#stepList li { list-style-type: none;}

#invites { margin: 0; padding: 0px; }
#invites li { padding-top: 4px; padding-bottom: 4px; font: normal 8pt Arial; list-style-type: none; border-bottom: 1px solid #eee;}
#invites li.current { color: #333; }

table#signup-form { margin: 3px; }
table#signup-form td { font: normal 8pt arial; padding: 5px; }
table#signup-form td.left { padding: 5px; font: normal 14pt arial; text-align: right; vertical-align: top; }
table#signup-form td.center { padding: 5px; font: normal 14pt arial; text-align: center; }

h2.boxTitle { margin: 0px; padding-bottom: 5px; font: bold 18pt arial, verdana; color: #990000;}

h3 { font: bold 13pt arial, verdana; color: #333; border-bottom: 1px dotted #ddd;}

h3.heading { margin: 0; margin-top: 5px; padding: 5px; background: #f5f5f5; border: 1px dotted #ddd; font: bold 12pt arial, verdana; color: #333;}

.forms{ font: normal 13pt Verdana, Arial, Helvetica, sans-serif; background-image: url("/images/formback.gif"); padding: 2px; }

.errorMsg { font: bold 9pt Verdana, Arial, Helvetica, sans-serif; color: red; line-height: 14pt;}

.movieYear { color: #990000; } 

.year { font: normal 8pt Arial, Helvetica, sans-serif; color: #767676;}

.blue { color: #990000; }

.green { color: #333; }


#profileImgContainer { float: right; margin-right: 20px; margin-left: 5px; padding: 10px; border-left: 1px dashed #ccc; font: bold 9pt Trebuchet MS;}
#memberProfile{ float: right; margin-right: 20px; margin-left: 5px; padding: 10px; }
#profileImg { border: 7px solid #fff; }

#addPhoto { margin-left: auto; margin-right: auto; padding: 5px; background: #990000; border: 0px solid #fff; background-image: url("/images/abc-back-hl.gif"); text-align: center;}
#addPhoto a { font: bold 9pt Arial, Verdana; color: #fff;}
#addPhoto a:hover { font: bold 9pt Arial, Verdana; color: #006699;}



.post-date { width: 45px; height: 49px; background: url(/images/date-bg.png) no-repeat; }
.post-month { font-size: 11px; text-transform: uppercase; color: #fff; text-align: center; display:block; line-height: 11px; padding-top: 2px; margin-left: -3px; }
.post-day { font-size: 18px; text-transform: uppercase; color: #555; text-align: center; display:block; line-height: 18px; padding-top: 7px; margin-left: -3px; }

#cal { margin: 0; }
#cal td.cal { width: 50px; padding: 2px; border-bottom: 1px dotted #e1ddc7; }
#cal td { padding: 2px; border-bottom: 1px dotted #e1ddc7; font: normal 9pt Arial; }



#footerBox { padding: 10px; font: normal 8pt Trebuchet MS,Verdana, Arial, Helvetica, sans-serif; color: #fff; border-top: 1px solid #ddd;}
#footerBox a { font: bold 8pt Arial; color: #dfd35b;}