html, body { background: #FFF url('../images/topBlueBg.jpg') repeat-x; height: 100%; margin: 0px; padding: 0px; }

/*////////////////////////////////////////////////////
// START: MAIN LAYOUT ////////////////////////////////
////////////////////////////////////////////////////*/

div.holder {
	font-family: lucida grande,tahoma,verdana,arial,sans-serif;
	font-size: 12px;
	color: #333;
}

div.holder a {
	color: #d15606;
}
div.holder a:hover {
	color: #0FC0DA;
	text-decoration: none;
}

div.holder ul {
	margin: 0; padding: 0;
}
div.holder li {
	list-style: none;
}

div.header {
	width: 100%; height: 48px;
	background-color: #252A2D;
}

div.header_holder {
	position: relative; 
	margin-left: auto; margin-right: auto;
	width: 932px; height: 48px;
	background-color: #252A2D;
}
div.header_holder a {
	color: #FFF; 
	text-decoration: none;
	font-weight: bold;
}

div.header_holder ul {
	float: right; margin-top: 19px; margin-right: -8px;
}
div.header_holder li {
	display: inline;
	margin-right: 15px;
}

div.header_holder li.special a {
	color: #d15606;	
}
div.header_holder li.special a:hover {
	color: #0FC0DA;	
}

div.main {
	background: url('../images/middleBar4.jpg') no-repeat;
	position: relative; 
	margin-left: auto; margin-right: auto; margin-bottom: -100px; margin-top: 32px;
	width: 911px;
	padding-left: 28px; padding-right: 28px; padding-top: 17px; 
}

div.main_top { margin-bottom: 20px; }

div.footer {
	position: relative;
   	padding-top: 20px; padding-bottom: 100px; margin-top: 200px;
   	background-color: #2e3336;
}

div.footer a {
	color: #CCC;
	text-decoration: none;
}
div.footer a:hover {
	color: #fff;
}

div.footer ul {
	margin-left: 0px;
	font-family: Arial; font-size: 0.70em; color: #666;
	width: 940px;
	
	padding-top: 10px; padding-bottom: 10px;
	
	text-align: left;
	
	position: relative; 
	margin-left: auto; margin-right: auto; margin-bottom: 0px;
}

div.footer li {
	display: inline;
	list-style: none;
	margin-right: 10px;
}

div.footer_bar {
	background-color: #FFF;
	border-top: 1px #6f7175 solid;
	height: 80px; margin-bottom: -200px;
	margin-top: 100px;
}

div.footer_bar li {
	display: inline;
	list-style: none;
}

/*////////////////////////////////////////////////////
// END: MAIN LAYOUT //////////////////////////////////
////////////////////////////////////////////////////*/



/*////////////////////////////////////////////////////
// START: DIV ////////////////////////////////////////
////////////////////////////////////////////////////*/

div#big_wall {
	position: relative;
	margin-left: auto; margin-right: auto; margin-top:50px;
	z-index: 100;
	background-color: #FFF;
	width: 400px; max-height: 400px;
	border: 8px #185B8A solid;
	padding: 20px;
	overflow: auto;
}

div#cityList {}

div.cityHappenings {
	background-color: #FFF;
	padding: 10px;
	-moz-border-radius: 8px; -webkit-border-radius: 8px;
}

div.form_holder {
	background: #FFF url('../images/grayGradient.jpg') repeat-x;
	padding: 10px;
	border: 1px #CCC solid;
	color: #666; font-size: 16px;

}
div.form_holder a {
	color: #CCC;
}

div.fbconnect {
	float: right;
	margin-top:70px; margin-right: 68px;
	background-color: #eceff6;
	padding: 20px;
	border: 1px #d3d8e5 solid;
}

div#full_overlay {
	display: block; 
	position: fixed; 
	top: 0px; 
	left: 0px; 
	width: 100%; 
	height: 100%; 
	background-color: #000000; 
	z-index: 99; 
	opacity: 0.5; 
	filter: alpha(opacity = 50);
}

div.main_bottom {
	width: 879px;
	padding: 10px; margin-top: -20px;
	background-color: #e8f2f4; 	
	border-bottom: 2px #b7c8cc solid;
}

div#register_form {
	width: 640px;
	position: relative; 
	margin-left: auto; margin-right: auto; margin-top: 20px;
	background-color: #F6F6F6;
	padding: 10px;
	border: 2px #EEE solid;	
}

div.search {
	margin-top: 35px;
	font-size: 14px;
}

div.two_column {
	margin-bottom: 40px;
}

div.two_column_left {
	position: relative;
	width: 66%;
	line-height: 1.6em;
	font-size: 13px;
}

div.two_column_right {
	float: right;
	position: relative;
	width: 30%;
	line-height: 1.6em;
}
div.two_column_right ul{
	margin-left: 15px;
}

div.two_column_background {
	background: #EEE url('../images/stripes.gif');
	padding: 20px; width: 858px;
	margin-bottom: 20px;
}

div.two_column_background_left {
	position: relative;
	width: 72%;
	line-height: 1.6em;
	font-size: 13px;
}

div.two_column_background_right {
	float: right;
	position: relative;
	width: 25%; margin-right: -7px;
	line-height: 1.6em;
}

div.two_column_background_right ul {
	list-style: square;
}

div.three_column { margin-bottom: 60px; margin-top: -10px; }

div.three_column_left {
	float: left;
	width: 280px;
	line-height: 1.8em;
}

div.three_column_center {
	width: 280px;
	margin-left: 320px;
	line-height: 1.8em;
	padding-top: 1px;
}

div.three_column_right {
	float: right;
	margin-right: -5px;
	width: 250px;
	line-height: 1.8em;
}

div.three_column2 { 
	margin-bottom: 30px; 
	border-top: 1px #CCC dotted; 
	width: 592px; 
	padding: 20px;
	font-size: 1.4em; 
}

div.three_column2 li {
	border-bottom: 1px #EEE solid;
}

div.three_column2 a {
	text-decoration: none;
}

div.three_column_left2 {
	float: left;
	width: 150px;
	line-height: 1.8em;
}

div.three_column_center2 {
	width: 150px;
	margin-left: 214px;
	line-height: 1.8em;
}

div.three_column_right2 {
	float: right;
	margin-right: 15px;
	width:150px;
	line-height: 1.8em;
}

div.map_holder {
	border: 1px #CCC solid;
	padding: 10px; 
	background-color: #FFF;
}

div#register_holder {
	position: relative; 
	margin-left: auto; margin-right: auto; top: -1100px;
	width: 400px; 
	background-color: #F6F6F6; 
	z-index: 100; 
}

div.stat_box {
	margin-top: 10px;
	background-color: #4b62a5;
	height: 100px;
	color: #FFF;
	padding-top: 20px;
}

div.stat_box ul {
	display: block;
	width: 575px;
	margin-left: 29px;
}

div.stat_box li {
	display: block; float: left;
	font-size: 65px; font-family: Georgia; font-weight: bold; text-align: center;
	margin-right: 30px;
	width: 110px; height: 100px;
}

div#outside {
	position: absolute;
	margin-top: -294px; margin-left: 631px;
	font-size: 1.1em;
	border: 1px #CCC dotted;
	padding-left: 40px; padding-top: 30px; padding-bottom: 20px; padding-right: 20px;
	width: 205px;
}
div#outside a {
	text-decoration: none;
}

div#outside ul {
	
}

div#outside ul li{
	margin-bottom: 4px;
}

div#upper_overlay {
	/*color: #FFFFFF; font-size: 11px;
	position: absolute; top: 0px;
	background-color: #333;
	opacity: 0.65; 
	width: 980px; height: 220px;
	text-align: center;
	padding-top: 80px; margin-left: -10px;*/
}
div#upper_overlay_holder {
	position: absolute; top: 0px;
	width: 100%;
	color: #FFFFFF;
}
/*////////////////////////////////////////////////////
// START: SPAN ///////////////////////////////////////
////////////////////////////////////////////////////*/

span.actionButton {
	float: right;
	margin-right: 0px; margin-top: -25px;
	font-size: 12px;
	font-family: lucida grande,tahoma,verdana,arial,sans-serif;
	color: #666;
}
span.actionButton a {
	font-family: lucida grande,tahoma,verdana,arial,sans-serif;
}

span.actionButton2 {
	float: right;
	margin-right: 0px; margin-top: 0px;
	font-size: 12px;
	font-family: lucida grande,tahoma,verdana,arial,sans-serif;
	color: #666;
}
span.actionButton2 a {
	font-family: lucida grande,tahoma,verdana,arial,sans-serif;
}

span.bannerHolder {
	display: block; height: 250px; width: 899px;
	background: #333 url('../images/mainBannerBlank.jpg') repeat-x;
}

span.bannerHolder2 {
	display: block; height: 68px; width: 899px;
	background: #333 url('../images/mainBanner3.jpg') repeat-x;
	border-bottom: 5px #333 solid;
}
span.bannerHolder3 {
	display: block; height: 176px; width: 899px;
	background: #302518 url('../images/mainBanner4.jpg') repeat-x;
}

span.cityHeader {
	display: block;
	margin-bottom: 20px; margin-left: -20px;
	font-weight: bold; font-size: 0.80em;
}

span.header {
	display: block;
	font-size: 20px; color: #CCC; font-weight: bold;
	margin-bottom: 10px;
}

span.headline {
	color: #fff;
	font-size: 30px; font-family: arial, helvetica; 
	display: block;
	position: absolute;
	margin-top: 20px; margin-left: 20px;
	width: 530px;
}
span.joinButton {
	display: block;
	margin-top: 8px; margin-right: 6px;
	color: #333;
	font-family: lucida grande,tahoma,verdana,arial,sans-serif;
	background-color: #d5dae5;
	padding: 4px;
}

span.joinButton a {
	text-decoration: none;
}


span.logo_holder {
	display: block; 
	position: absolute;
	margin-left: -6px; margin-top: 12px;
}

span.mapHolder {
	border:  1px #CCC solid;
	background-color: #FFF;
	padding: 5px;
	display: block;
}

span.newmembers {
	display: block;
	margin-bottom: 20px;
	/*border: 1px #EEE solid;*/
	padding: 5px;
	width: 886px; 
}

span.normal {
	display: block; position: absolute; 
	margin-top: -30px; margin-left: 324px;
	font-size: 0.32em; font-weight: bold;
	background-color: #d3530e;
	padding: 3px;
}
span.normal a {
	color: #FFF; 
}
span.normal a:hover {
	color: #FFF; 
	text-decoration: none;
}

span.normalText {
	display: block; margin-top: 35px;
	font-size: 12px; font-family: lucida grande,tahoma,verdana,arial,sans-serif; font-weight: normal;
}

span.subheadline {
	color: #fff;
	font-size: 12px; font-weight: normal;
	display: block; margin-top: 10px;
}

span.text_highlight {
	font-size: 16px;
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
	color: #666;
}

span.tagLine {
	display: block; width: 750px;
	float: left;
	margin-top: -86px; margin-left: -16px;
	font-family: lucida grande,tahoma,verdana,arial,sans-serif; font-size: 17px; color: #FFF;
	background-color: #204A63;
	padding: 10px;
}

span.tagLine2 {
	display: block; width: 100%;
	float: left;
	margin-top: -86px; margin-left: -16px;
	font-family: lucida grande,tahoma,verdana,arial,sans-serif; font-size: 17px; color: #FFF;
	background-color: #204A63;
	padding: 10px;
}

span.twitter {
	display: block; float: right;
	margin-top: -60px; margin-right: 20%;
}
/*////////////////////////////////////////////////////
// START: FORM ///////////////////////////////////////
////////////////////////////////////////////////////*/

.button {
	background-color: #DC5103;
	border-top: 1px #F99963 solid; border-left: 1px #F99963 solid; 
	border-bottom: 1px #632502 solid; border-right: 1px #632502 solid; 
	color: #FFFFFF;
	font-family: lucida grande,tahoma,verdana,arial,sans-serif;
	font-size: 12px;
	padding: 4px;
	cursor: pointer;
}

.buttonb {
	background-color: #DC5103;
	border-top: 1px #F99963 solid; border-left: 1px #F99963 solid; 
	border-bottom: 1px #632502 solid; border-right: 1px #632502 solid; 
	color: #FFFFFF;
	font-family: lucida grande,tahoma,verdana,arial,sans-serif;
	font-size: 12px;
	padding: 4px;
	cursor: pointer;
}

.button2 {
	background-color: #2584AE;
	border-top: 1px #89CDEB solid; border-left: 1px #89CDEB solid; 
	border-bottom: 1px #0B5170 solid; border-right: 1px #0B5170 solid; 
	color: #FFFFFF;
	font-family: lucida grande,tahoma,verdana,arial,sans-serif;
	font-size: 24px;
	padding: 10px;
	cursor: pointer;
}


.login_form {
	font-size: 16px;
	color: #21242D;
	border: 1px #CCCCCC solid;
	padding: 5px;
	width: 360px;
	background: #FFFFFF url('../images/grayGradient.png') repeat-x;
}

.shadow_form {
	font-size: 12px; font-family: arial, helvetica;
	color: #333;
	border: 1px #5B2609 solid;
	width: 160px;
	padding: 5px;
	background-color: #FFFFFF;
}

.shadow_form3 {
	font-size: 12px; font-family: arial, helvetica;
	color: #333;
	border: 1px #5B2609 solid;
	width: 160px;
	padding: 6px;
	background-color: #FFFFFF;

}
.shadow_form4b {
	font-size: 12px; font-family: arial, helvetica;
	color: #333;
	border: 1px #5B2609 solid;
	width: 160px;
	padding: 6px;
	background-color: #FFFFFF;
}

.form_fix {
	display: inline;
	MARGIN-TOP: 0pt; MARGIN-BOTTOM: 0pt;
}

/*////////////////////////////////////////////////////
// START: TABLE //////////////////////////////////////
////////////////////////////////////////////////////*/

td.error { color: #A5152D; }

td.tip { font-size: 11px;}

td.title2 { font-weight: bold;  color: #165777; }
td.title3 { background-color: #4088b2; font-size: 16px; font-family: lucida grande,tahoma,verdana,arial,sans-serif; color: #FFF; padding: 5px; margin-bottom: 10px;}

p.about {
	line-height:  1.9em;
	display: block;
	width: 870px;
	position: relative; 
	margin-left: auto; margin-right: auto;
}

#member_preview{
	position:absolute;
	border:1px solid #ccc;
	background-color:#FFFFFF;
	padding:2px;
	display:none;
	color:#fff;
	}





/**************************************************************************/


h1 {
	line-height: 1.3em;
	color: #1b4054;
	font-family: Arial, helvetica, grande,tahoma,verdana,arial,sans-serif;
}

h3 {
	margin: 0; padding: 0;
	color: #92a6aa;
}

h4 {
	border-bottom: 1px #aab3b7 dotted;
}

/* ERROR MESSAGE */
.error_message
{
       font-family:lucida grande,tahoma,verdana,arial,sans-serif;
       font-size:14px;
       display:none;
       padding:10px;
       border:1px solid #96BACA;
       background-color:#B3D6E5;
       margin-top:10px;
       margin-bottom:5px;
       color:#A5152D;
       width: 350px;
       font-weight: bold;
}

/* NOTIFICATION */
.notification
{
       font-family:lucida grande,tahoma,verdana,arial,sans-serif;
       font-size:14px;
       display:block;
       padding:10px;
       border:1px solid #96BACA;
       background-color:#B3D6E5;
       margin-top:10px;
       margin-bottom:5px;
       width: 350px;
       font-weight: bold;        
}


/* City Options */
/* Hector Buena 041210*/ 
ul#city_menu
{
	margin-left:285px;
	margin-top:3px;
	display:none;
	width:150px;
}
ul.city_menu
{
	position:absolute;
	margin-top:0em;
	left:500px;
	display:block;
	margin-right:0em;
	z-index:100;
}
ul.city_menu li
{
	background-color:#FFFFFF;
	border:1px solid #B3D6E5;
	display:block;
	width:150px;
}
ul.city_menu li a {
	padding: 3px;
	display:block;
	color: #2988b4;
}
ul.city_menu li a:hover {
	background-color: #b3d6e5;
	color:#FFF;
}

ul.city_menu li.menu_heading
{
	background-color:#26517C;
	color:#FFF;
	font-weight:bold;
	padding: 3px 0px 3px 0px;
}