@charset "utf-8";
/* CSS Document */
*,object{margin:0; padding:0;}
body{ background:#fff}

a,p,td,div,h1,h2,h3,h4{font-family: Verdana, Arial, Helvetica, sans-serif;	/* font-size:10pt;*/ color:#5D1F00; top: 0px; left: 0px;} /* removed SPAN, interfered with RadEditor */
.clear{clear:both}
.clearLeft{clear: left}

a{color:#0087d9; text-decoration: none}
a:hover{ text-decoration:underline; color:#e4ab33}
a span{display:none}

/* --------------------- Major Layout styles --------------------- 
#PageWrap { margin: 15px auto; position:relative; width:801px} */
#PageWrap { margin: 15px auto;  width:801px} 
#Header {float: left; height: 97px; width: 801px; background:url("/images/headerBG.png") no-repeat; position: relative;}
	#Logo { display: block; height: 70px; width: 190px; position: absolute; background:url("/images/logo.png") no-repeat; left:20px; top:12px}
	#Test { background: url("/images/take-test.png") no-repeat; height: 43px;	width: 203px; position: absolute; left: 290px; top: 35px;}
	
	#FormWrap {	position: relative;	top: 35px; width: 270px; float: right; margin-right: 10px; font-size:12px; }
		.FormLogin  label { text-align: right; width: 80px; display: block; float: left; height: 21px; clear:left; color:#fff; white-space:nowrap;}
		.FormLogin  .TextInput { width: 80px; float:left;}
		.FormLogin  a { color:#fff; font-weight: bold; float:right; }
		.FormWelcome  label { display: block; float: right; height: 21px; color:#fff; white-space:nowrap; margin-right:10px; }
		.FormWelcome  a { color:#fff; font-weight: bold; float: right; margin-right:10px; }
		.FormWelcome  #divLinks { }
	

#BodyWrap { clear: left; float: left; width: 801px; position: relative; background-color:#F4EABD; }
#MinHight {	float: left; height: 388px; width: 1px;}
#ContentWrap { float: left; width: 800px; position: relative; }

#Footer { width:801px; height:165px; background:url("/images/footer-bg.png") no-repeat; float:left; clear:left; position:relative; margin: 0 0 15px;}
	#Footer p {	width:700px; color:#fff; float:left; font-size: 9px; text-align: center; margin: 0 50px;}
	#Footer p.first { margin: 5px 50px 5px 50px}
	#Footer p img{	margin: 5px 0 0 0; border: 0;}
	
	#Footer ul {width:400px; color:#fff; float:left; font-size: 8pt; text-align: center; margin: 0 200px 1px 200px; position:relative}
		#Footer li,#Footer a { display:inline; text-decoration:none; color:#fff; font-size: 10px; font-weight: bold;}
		#Footer li{ margin:0 5px}
		#Footer a:hover{ color:#000}
	#FooterLogo1{ background: url("/images/Footer-BBS-logo.png") no-repeat; height: 71px; width: 110px; position: absolute; left:20px; top:80px; z-index:5}
	#FooterLogo2{ background: url("/images/footer-BRN-logo.png") no-repeat; height: 55px; width: 95px; position: absolute; left:680px; top:90px; z-index:5}	


/*---------------------  main Nav with Fade  ---------------------- */
#navWrap{ background:#fff; padding:2px 0; float:left; clear:left;}
#nav{ height:27px; padding:0px; width:801px; position:relative; clear:left; background: url("/images/nav-ro-bg.gif") repeat-x    ; float:left; z-index: 999 !Important;}
	#nav a{ font-weight:bold;	text-decoration:none; color:#FFF; text-transform: uppercase; display:block; padding:5px 19px; font-size:10pt !Important; }
	#nav a:hover{background: url("/images/nav-ro-bg.gif") no-repeat; background-position: 0 -27px; color: #CCC}
.goaway{ display:none}
	#nav li{ display:inline; list-style:none; position:relative; float:left;}
		#nav li.selected{background-position: 0 -27px}
		
	
/*---------------------------------- level 1 drops*/
#nav li ul{ left:-9999px; top:27px; position:absolute; background:#000}
	.Drop2, .Drop2 li{ width:150px}
	.Drop3, .Drop3 li{ width:150px}
	.Drop4, .Drop4 li{ width:180px}
	.Drop5, .Drop5 li{ width:180px}
	.Drop6, .Drop6 li{ width:150px}
	.Drop7, .Drop7 li{ width:150px}
	.Drop7{margin-left:-70px}

#nav li ul li, #nav li ul li a{ height:auto}
#nav li ul li{ background:none}
#nav li ul li a,#nav li.active ul li a{ width:100%; color:#FFF; background:none; display:block; height:27px; padding:10px 0 0 17px; font-size:10pt !Important; text-transform: uppercase; background: url("/images/nav-ro-bg.gif") repeat-x                }
#nav li ul li>a{ width:auto}
#nav li ul li a:hover{ color: #CCC ; background: url("/images/nav-ro-bg.gif") no-repeat; background-position: 0 -17px; height:27px}	



/*---------------------  End Of main Nav Styles  ---------------------- */

/*------------------------Flash Styles ----------------------*/
#HomeFlash, .HomeNoFlash{ height: 388px; width: 800px; position: relative; z-index:10; float:left; clear:left}
.HomeNoFlash{background: url("/images/No-Flash-Homepage.jpg") no-repeat}
	#NoFlash a { height: 100%; width: 100%; display:block; position: absolute}
	.HomeNoFlash a img{ margin:35px 0 0 40px}


/*---------------------  Home Styles  ---------------------- */
#HomeBotNav { clear: left; float: left; height: 30px; width: 801px; background:#fff; padding:2px 0 }
#HomeBotNav ul{background:url("/images/bot-Nav-BG.jpg") repeat-x; height: 30px; width: 801px;}
#HomeBotNav ul li { display: inline; list-style-type: none;}
#HomeBotNav a{text-decoration:none; color:#FFF; text-transform: uppercase; display:block; padding:7px 30px; float:left}
#HomeBotNav a:hover{ background:url("/images/box-BotNav.png") no-repeat; background-position: 16px 8px; }