@charset "utf-8";
* { margin:0px; padding:0px; outline:none;}
a { color: #0000cc; text-decoration:none;}
a:hover { color:#374df4; text-decoration:underline; }
a img{ border:none; }
body {
	font-family: Arial, Helvetica, Veranda, sans-serif;
	font-size:14px;
	background:  url(../images/background.jpg) repeat-x #cccccc;
	text-align: center; 
	color: #53360e;
}
#container {
	width: 900px;  
	background: #FFFFFF;
	margin: 0 auto; 
	text-align: left; 
	border-left:1px solid #888;
	border-right:1px solid #888;
	border-bottom:1px solid #888;
}
#header {
	width:900px;
	height:193px;
	background:url(/images/header2.jpg); 
}
#header-login { margin-left:490px;width:410px;padding-top:2px;}
#header-login input.login-email { background: url(../images/login-email.jpg) no-repeat; width:158px; height:18px; padding:2px 5px;}
#header-login input.login-password { background: url( ../images/login-pass.jpg) no-repeat; width:97px; padding: 2px 5px; height: 18px; }
.login-button { width:57px; height:20px;background:url(../images/login-red.gif) no-repeat center; background-position:0px 0px; cursor:pointer;}
.login-button:hover { background-position: 0 -20px; }


#logo { position:relative; top:-20px; left:10px; width:335px; }
#nav { text-align:center; }

#nav li {
	list-style:none;
	width:150px;
	height:32px;
	background:url(../images/nav-button.jpg);
	line-height:32px;
	color:#fff;
	float:left;
}
#nav li:hover, #nav li.active { 	background-position:0px 36px; }

#nav a{ display:block; color:#ffffff; text-decoration:none; }

#mainContent { 	background: #FFFFFF;  	clear:both; 	padding: 10px; }
#mainContent p { margin-bottom:20px; }
#footer {
	background: #0073ae;
	height:50px;
	color:#ffffff;
	font-size:12px;
}
#footer {
	padding: 10px;
	text-align:left;
	height: 40px;
	background: #5f6062;
}

#footer a { color: #ffffff; text-decoration:none; }
#footer a:hover { text-decoration:underline; }

.clear { clear:both; }
.left { float:left; }
.right { float:right; }

blahdiv#index-sign-up{background: url("../images/sign-up2.jpg"); width:360px; }
div.brown-box-head-left{ background: url("../images/grey-top-left.jpg") no-repeat; float:left; width:16px; height:40px; }
div.brown-box-head-right{ background: url("../images/grey-top-right.jpg") no-repeat; float:right; width:20px; height:40px; }
div.brown-box-head-mid{ background: url("../images/grey-top-mid.jpg") repeat-x; height:40px; }
div.brown-box-head-mid div{ padding-top:8px; color:#fff;  line-height:32px;font-size:20px;}

div.brown-box-mid-cont{ background: #fff; }
div.brown-box-mid-right{ background: url("../images/brown-mid-right.jpg") repeat-y; background-position:right; width:100%;}
div.brown-box-mid-left{ background: url("../images/brown-mid-left.jpg") repeat-y; background-position:left; width:100%;}
div.brown-box-mid-mid{ margin-left:5px;margin-right:7px;padding:10px;background: url("../images/brown-mid-mid.jpg") repeat-x;}
div.brown-box-bottom-left{ background: url("../images/brown-bottom-left.jpg") no-repeat; float:left; width:122px; height:40px;}
div.brown-box-bottom-left:hover{ background-position:0 -40px;}
div.brown-box-bottom-left div{ width:100%;text-align:center;color:#fff; line-height:30px; font-weight:bold;}
div.brown-box-bottom-left div a{ color:#fff; display:block;text-decoration:none;}

div.brown-box-bottom-right{ background: url("../images/brown-bottom-right.jpg") no-repeat; float:right; width:20px; height:40px; }
div.brown-box-bottom-mid{ background: url("../images/brown-bottom-mid.jpg") repeat-x; height:40px; }
div.brown-box-bottom-mid div{ font-size:12px;margin-left:128px; line-height:30px; font-weight:bold; }

#index-house { float:right; }
#index-house img {}
#index-list { width: 240px; list-style-type:none;color:#000; font-weight:bold;font-size:14px;}
#index-list li { background:url("../images/pc-icon.gif") no-repeat center left; padding-left: 40px;margin:2px 0 8px 0;}


#background{position:absolute; z-index:1; width:360px; height:200px;}
#fixed{ position:absolute; z-index:10; width:360px; }
#index-sign-up { width:139px; height:202px;}
#index-sign-up .sign-up-content { font-size: 12px; font-weight:bold; padding: 20px 0 0 15px; }


#index-sign-up h1 { font-size: 16px; font-weight:bold; }
#index-sign-up h1 a { font-size: 16px; font-weight:bold; }
#index-sign-up ul { list-style-type:none; line-height:22px;margin-bottom:10px; }
#index-sign-up li:before { content: "- "; }


input.styled-input { border:0;background-color:transparent; color: #777}
input.sign-up-email { background: url(../images/sign-up-email.jpg) no-repeat; width:190px; height:17px; padding:3px 0 0 6px;}
input.sign-up-state { background: url( ../images/sign-up-state.jpg) no-repeat; width:72px; height: 17px; padding:3px 0 0 6px;}
.go-button { width:47px; height:17px;background:url(../images/go-red.gif) no-repeat center; background-position:0px 0px; border:none;cursor:pointer;}
.go-button:hover { background-position: 0 -17px; }

div.content-box { background:  url("../images/content-bg2.jpg") repeat-x #fff; font-size:14px;}
div.content-top-left{ background: url("../images/content-top-left.gif") no-repeat; float:left; width:13px; height:15px; }
div.content-top-right{ background: url("../images/content-top-right.gif") no-repeat; float:right; width:13px; height:15px; }
div.content-top-mid{ background: url("../images/content-top-mid.jpg") repeat-x; height:8px; }

div.content-mid-left{ background: url("../images/content-mid-left.jpg") repeat-y; background-position:left; width:100%;}
div.content-mid-right{ background: url("../images/content-mid-right.jpg") repeat-y; background-position:right; width:100%;}
div.content-mid-mid{ margin-left:5px;margin-right:5px;padding:10px;}

div.content-bottom-left{ background: url("../images/content-bottom-left.gif") no-repeat; float:left; width:13px; height:15px; margin-top:-7px;}
div.content-bottom-right{ background: url("../images/content-bottom-right.gif") no-repeat; float:right; width:13px; height:15px;margin-top:-7px; }
div.content-bottom-mid{ background: url("../images/content-bottom-mid.jpg") repeat-x; height:7px; }

div.content-box h1 { color:#1d1b66; font-size:20px; }

div#admin-sub-nav{float:right;}
#leads_table table {background:#eeeeee;width:100%;}
#leads_table thead { background:#aaaaaa; }
#leads_table th{ padding:2px 10px 2px 10px; border-bottom: 1px solid #333333; }
#leads_table td{ padding:2px 10px 2px 10px; }
#leads_table tr:hover { background:#aaaaaa; }
#leads_table .table-row-alt:hover{ background:#aaaaaa; }
#leads_table .table-row-alt { background: #cccccc; }
#leads_table .search { margin:10px 0 10px 10px; text-align:right; float:right; }

div#search-pages { margin:10px 10px 35px 0;}
div#search-pages  ul { list-style-type:none; line-height:22px;margin-bottom:10px; }
div#search-pages  ul li { float:left; border:1px solid #0000cc; width:20px; text-align:center;margin-right:5px;}
div#search-pages  ul li:hover { border:1px solid #374df4;} 
div#search-pages  ul li a { display:block; }

#email-form { margin:20px; }
#email-form h2 { margin-top:20px; }
 
#course-faq li { margin-bottom:10px; }

.red-strong { color: #aa0000; font-weight:bold; }

#reo-tools h4 { color: #aa0000; }

.contact-background{position:absolute; z-index:1; width:280px; height:110px; }
.contact-fixed{ position:absolute; z-index:10; width:280px; color:#fff; }
.contact-fixed a { color:#fff; text-decoration:underline; }

.course-background{position:absolute; z-index:1; width:630px; height:250px; }
.course-fixed{ position:absolute; z-index:10; width:590px; color:#53360e; }

.course-box { background:url(../images/course-box-bg.gif) repeat-x; border:1px solid #b3b3b3;margin:10px 0px;padding:10px; }
.course-box-head { font-size:18px; height:30px; line-height:30px; color:#ffffff; font-weight:bold; background: url(../images/course-end-cap-l.gif) #0073ae no-repeat right; }
.course-purchase-button { float:right;margin-top:20px; width:129px; height:23px; text-align:center; font-weight:bold;line-height:23px;background:url(../images/purchase-red.gif) no-repeat; background-position:0px 0px; border:none;cursor:pointer;color:#fff}
.course-purchase-button:hover { background-position: 0 -23px; }
.course-purchase-button a { color:white;display:block; }
.course-purchase-button a:hover { text-decoration:none; }

form.registration li {list-style:none;clear:both;}
form.registration label {display:block; float:left; width:100px;}
form.registration input { width:200px; margin-bottom:10px; }
form.registration .submit { margin-bottom:20px; width:129px; height:23px; text-align:center; font-weight:bold;line-height:23px;background:url(../images/purchase-red.gif) no-repeat; background-position:0px 0px; border:none;cursor:pointer;color:#fff}
form.registration .submit:hover { background-position: 0 -23px; }

label.error { display:inline; float: none; color: red; padding-left: .5em; vertical-align: top; }

.reo_feedback { border:2px solid red; background: #dddddd; text-align:center;font-weight:bold;font-size:14px;color:red;padding:20px; margin:20px;}

ul.short_list { margin-left: 40px; list-style:none; }
ul.short_list li { margin-bottom: 10px; }

ol { margin-left: 20px; }
ol li { margin: 5px; }
