/***************************************************************************************/
/* COMMON LAYOUT */
/***************************************************************************************/

html,body,div,span,table,tr,th,td,p,span,h1,h2,h3,h4,ul,ol,li,a,form { padding: 0px; margin: 0px; } /* Start with a clean slate */
* { font-family: Verdana;  }  /* Default font for all items */
* { -moz-box-sizing:border-box; box-sizing:border-box; -ms-box-sizing: content-box; }
html { min-height: 100%; margin-bottom: 1px; } /* Set height to 100% + 1px to force scroll bar in FF */
#ht { position: absolute; top: -2000px; width: 700px; } /* Hidden Text - Look up. WAAAY Up */
.clear { clear: both; height: 0px; overflow: hidden; } /* Used to clear floats without taking up space */
body { margin: 0px 0px 0px 0px;  background: #2919a0 url('../images/layout/bg.jpg') repeat-x; }
hr { border-color: #CCCCCC; border-width: 1px; border-top-style: solid; border-bottom-style: none; height: 1px; overflow: hidden; }
textarea, select, select * { color: #333333; font-size: 12px; }


ul, ol { margin-left: 25px; line-height: 20px; margin-bottom: 15px; }
ul li { list-style-type: square; }

.bordered { border: 1px solid #33CCFF; }

h1, h2, h3, h4, h5 { font-family: Verdana; font-weight: bold; }

h1, h1 a { color: #000099; font-size: 20px; line-height: 20px; font-weight: normal; margin: 0px 0px 15px 0px; }
h2, h2 a { color: #000000; font-size: 14px; margin: 0px 0px 15px 0px; }
h3, h3 a { color: #000000; font-size: 12px; margin: 0px 0px 15px 0px; }
p  { margin: 0px 0px 12px 0px; }
p, table, td, div, a  { color: #333333; font-size: 12px;  line-height: 17px; }
a  { color: #000080; font: normal 12px Verdana; text-decoration: none; }
a:hover { text-decoration: underline; }

.error { border: 3px solid #CC0000; padding: 10px; margin-bottom: 15px; }

.form-box { border: 2px solid #DDDDDD; padding: 10px 0px 10px 0px; }


/***************************************************************************************/
/* SPECIFIC TO THIS LAYOUT */
/***************************************************************************************/
#top {width:auto; background:#FFFFFF; text-align:center; font-size:10px; color:#FE7D00;}
#top a{color:#000080; font-size:10px}
#top a:hover{text-decoration:underline;}
#cont { width: 1000px; background: url('../images/layout/cont.jpg'); margin: 0px auto; }
#container { background: url('../images/layout/container-bg.jpg') no-repeat; }
#main { width: 950px; margin-left: 28px; }
#header { height: 125px; }
#logo { float: left; margin-left: 30px; border: none; }
#searchArea { float: right; text-align: right; margin-right: 25px; width: 500px; }
#nav { height: 30px; margin-top: 4px; margin-left: 5px; }
#nav a { color: #FFFFFF; font-size: 16px; padding: 5px 13px 5px 13px; line-height: 30px;  }
#nav a:hover { }

#leftColumn { width: 190px; float: left; }
#rightColumn { width: 180px; float: right; }
#body { width: 577px; float: left; }
#bodyInner { margin: 0px 25px 0px 25px; padding-top: 30px; }

#leftNav { margin: 0px 20px 0px 20px; padding-top: 25px; margin-bottom: 10px; }
#leftNav a { color: #0b0bee; font-size: 12px; line-height: 14px; padding: 2px 0px 2px 0px; display: block; }
#leftNav a:hover {  }



/* Navigation */


.clearit {
	clear: both;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
}
#p7menubar {
    float: left;
}

.hac {
	margin-left: 5px;
}
#p7menubar, #p7menubar ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	font-family: Arial;
}

#p7menubar li ul {
}

#p7menubar a {
	display: block;
	text-align: left;
}
#p7menubar a.trigger {
	color: #FFFFFF;
}
#p7menubar li {
	float: left;
	width: 9em;
	color: #FFFFFF;
	line-height: 26px;
	font-weight: normal;
	font-size: 11px;
	list-style-type: none;
}
#p7menubar li ul li {

}


#p7menubar li {position: relative;}

/* hide from IE mac \*/
#p7menubar li {position: static; width: auto;}

/* end hiding from IE5 mac */

#p7menubar li ul, #p7menubar ul li  { width: 100%; }
#p7menubar ul li a  {
	color: #FFFFFF;
}

#p7menubar ul li a:hover  {
    text-decoration: underline;
}
#p7menubar li ul {
	position: absolute;
	display: none;

}
#p7menubar li:hover a, #p7menubar a:focus,
#p7menubar a:active, #p7menubar li.p7hvr a {
}
#p7menubar li:hover ul, #p7menubar li.p7hvr ul {
	display: block;
}





#p7menubar li:hover a, #p7menubar a:focus,
#p7menubar a:active, #p7menubar li.p7hvr a {
/*    background: #33CCFF;*/
}


#p7menubar a:hover {
	color: #FFFFFF;
}


#p7menubar a { color: #FFFFFF; font-size: 16px; padding: 8px 20px 2px 20px; line-height: 30px; }
#p7menubar a:hover { color: #FFFFFF; text-decoration: underline; }

#p7menubar li ul { width: 210px; background: #e26000; margin-top: -1px; }

#p7menubar li ul li a { font-weight: normal; line-height: 22px; padding: 3px 15px 3px 15px; font-size: 12px; }




#newestMembers { background: #f3f4fa; margin: 0px 0px 0px 0px; padding-bottom: 5px;  }
#newestMembers span { float: right; line-height: 24px; width: 100px; display: block; }
#newestMembers a { clear: both; display: block; height: 32px; }
#newestMembers img { float: left; }


#newestMembersInner { margin: 0px 5px 0px 5px; padding-top: 10px; min-height: 160px; }
#newestMembers h2 { color: #0b0bee; font-size: 14px; font-weight: normal; }

.success { border: 3px solid #CC0000; padding: 10px; margin-bottom: 20px; }




#memberList { padding-bottom: 10px; width: 250px;  }
#memberList span { float: right; line-height: 24px; width: 220px; display: block; }
#memberList a { clear: both; display: block; height: 28px; }
#memberList img { float: left; }

#events { background: #f3f4fa; margin: 0px 10px 3px 10px;  }
#events strong {color:#000080;}
#events li {text-align:left;}