/* BASIC
-------------------- */
body {
	margin: 0; padding: 20px; background: url('/img/bg_body.gif') #8aaafd; font-family: Arial, Helvetica, sans-serif; color: #000;}

img {
	border: 0;}

a {
	color: #44c;}

a:hover {
	color: #000;}

ul {
	margin-top: 0; margin-bottom: 0;}

form {
	margin: 0;}

.red {
	color: #a00; font-weight: bold; font-size: 1.2em;}

/* HEADER
-------------------- */

#header {
	padding: 12px; height: 26px; background: #000; border-top: 2px solid #ff0; border-bottom: 2px solid #ff0; color: #fff; font-size: 1.3em; font-weight: bold;}

#header a {
	color: #fff; text-decoration: none;}

/* TOP NAV
-------------------- */

#top_nav {
	margin: 10px 232px 0 0; padding: 0; border: 1px solid #000; background: url('/img/bg_featured_schools.jpg') repeat-x center center #44c;}

#top_nav ul {
	margin: 0; padding: 0; overflow: auto; height: 100%;}
	
#top_nav li {
	display: block; float: left; border-right: 1px solid #000; font-size: .8em; font-weight: bold; padding: 3px 0;}

#top_nav li a {
	color: #000; text-decoration: none; padding: 3px 10px;}

#top_nav li a:hover {
	background: #ff0; color: #000;}

#top_nav li.active {
	background: #ff0; color: #000; padding: 3px 10px;}
	
/* CONTENT
-------------------- */

#content {
	margin: 10px 232px 0 0; padding: 10px; border: 1px solid #000; background: #fff; overflow: auto; height: 100%;}

#content h1 {
	margin: 0; padding: 0; font-size: 1.1em;}

#content h2 {
	margin: 0; padding: 0; font-size: .9em;}

#content h2.gray {
	color: #444;}

#content h3 {
	margin: 30px 0 0 0; padding: 0; font-size: 1.1em;}

#content #intro {
	margin: 20px 0;}
	
#content #intro h2 {
	margin: 20px 0 0 0;}

#content #intro p {
	margin: 0 0 10px 0;}	
	
#content .image {
	float: right; margin: 0 0 0 20px; border: 1px solid #000;}

#content p {
	margin: 10px 0; font-size: .8em;}

/* MENUS
-------------------- */

#specialty_menu {
	margin: 38px 0 30px 0; * margin-top: 40px; padding: 10px; border-top: 1px solid #000; border-bottom: 1px solid #000; background: #eee; text-align: center;}

#specialty_menu h2 {
	display: inline;}

#specialty_menu ul {
	display: inline;}

#specialty_menu ul li {
	display: inline; font-size: .9em; font-weight: bold;}

#specialty_menu .space {
	padding: 0 5px;}

#state_menu {
	margin: 30px 0; padding: 10px; border-top: 1px solid #000; border-bottom: 1px solid #000; background: #eee;}
	
#state_menu ul {
	margin: 10px 0 0 0; padding: 0;}

#state_menu li {
	display: inline; margin: 0 1px; * margin: 0 2px; font-size: .8em; font-weight: bold;}

/* FOOTER
-------------------- */

#footer {
	margin: 10px 232px 0 0; padding: 10px; border: 1px solid #000; background: #fff; font-size: .8em;}

#footer ul {
	margin: 0; padding: 0;}

#footer li {
	display: inline;}

#footer #copyright {
	float: right; font-size: .8em; line-height: 1.75em; vertical-align: baseline;}
		
/* SIDEBAR
-------------------- */

#sidebar {
	position: absolute; top: 84px; right: 20px; padding: 10px; width: 200px; border: 1px solid #000; background: #fff;}

#sidebar h2 {
	margin: 0 0 5px 0; padding: 0; font-size: .9em;}

#sidebar ul {
	margin-bottom: 20px;}

#sidebar li {
	font-size: .7em; margin: 3px 0 3px -23px; *margin: 1px 0 1px -23px;}

#searchbox {}

#searchbox form {}

#searchbox input.text,
#searchbox select {
	margin-bottom: 4px; border: 1px solid #ddd; font-size: .7em;}

#searchbox #button {
	font-size: .7em;}

#searchbox .form_error {
	margin: 5px 0 2px 0; font-weight: bold; font-size: .7em;}
	
/* Email Optin Box */
#email_box_container { 
	background: url(/img/email_bg.jpg) no-repeat -40%; padding: 5px; border: 1px solid #4d4bd0; margin-top: 20px; width: 188px; }

#email_box_container .title { 
	font-size: 11px; font-weight: bold; margin-bottom: 5px; }

#email_box_container .copy { 
	font-size: 10px; margin-bottom: 10px; }	
	
/* SCHOOLS
-------------------- */

#schools {
	margin-top: 30px;}

#schools.online {
	border-top: 1px solid #000; padding-top: 10px;}

#schools h2 {
	margin-bottom: 30px;}

#schools .school_listing {
	font-size: .8em; border-bottom: 1px solid #ddd; margin: 0 0 10px 0; padding: 0 0 10px 0; clear: left;}

#schools .school_listing a {
	text-decoration: none;}

#schools .school_listing .logo {
	width: 120px; height: 60px; border: 1px solid #ddd; float: left;}

#schools .school_listing h2 {
	margin: 0; padding: 0; font-size: 1.1em;}

#schools .school_listing .school_info {
	margin-left: 150px;}

#schools .school_listing .location {
	margin: 10px 0; font-size: .85em;}

#schools .school_listing .blurb {
	margin: 10px 0; font-size: .9em;}

#schools .school_listing .programs {
	margin: 10px 0 5px 0; font-size: .9em;}

#schools .school_listing p {
	margin: 10px 0 5px 0; font-size: 1em;}

#schools .school_listing .btn_request {
	text-align: right;}

#schools .school_listing li a {
	font-size: .95em;}

/* FEATURED SCHOOLS
-------------------- */

#featured_schools {
	margin: 10px 0; padding: 0; background: #eee;}

#featured_schools h2 {
	background: url('/img/bg_featured_schools.jpg') repeat-x center center #44c;; height: 30px; line-height: 30px; padding: 0 10px; border: 1px solid #44c;}
	
#featured_schools #fs_content {
	padding: 10px 10px 5px 10px; border-width: 0 1px 1px 1px; border-color: #ddd; border-style: solid;}

#featured_schools #fs_content ul {
	margin-top: 0; margin-bottom: 10px;}
	
#featured_schools .school_listing {
	font-size: .8em; border-bottom: 1px solid #ddd; margin: 0 0 10px 0;}

#featured_schools .school_listing .logo {
	width: 120px; height: 60px; border: 1px solid #ddd;}

#featured_schools .school_listing .blurb {
	margin: 10px 0 5px 0; font-size: .9em; text-align: left;}

#featured_schools li {
	margin: 3px 0 3px -23px; *margin: 1px 0 1px -23px; font-size: .85em;}	

#featured_schools.inline_rt {
	float: right; width: 188px; margin: 0 0 0 30px;}

#article #featured_schools h2 {
	margin: 0;}
	
/* SCHOOL DESCRIPTION PAGES
-------------------- */

#school_description {
	margin: 30px 0;}

#school_description h2 {
	margin: 10px 0;}

#school_description h3 {
	margin: 20px 0 10px 0; font-size: .8em;}
	
#school_description .logo {
	float: right; margin: 0 0 15px 15px;}

#school_description li {
	font-size: .8em;}
	
#school_description img.button {
	display: block; margin: 20px 0 10px 0;}

/* CONTACT US
-------------------- */

form#contact {
	margin: 30px 0;}

form#contact .label {
	margin: 0 0 1px 0; font-size: .7em; font-weight: bold;}

form#contact .input {
	margin: 0 0 5px 0;}

form#contact input.input {
	width: 200px; border: 1px solid #ddd; background: #ffc;}

form#contact textarea {
	width: 400px; height: 100px; border: 1px solid #ddd; background: #ffc;}

/* PRIVACY POLICY
-------------------- */

#privacy h2 {
	margin: 30px 0 0 0;}
	
#privacy p {
	margin: 0 0 10px 0;}
	
/*	PARTNER SITES
-------------------- */

#affiliate h2 {
	margin: 20px 0 0 0;}

#affiliate li {
	font-size: .8em;}

/*	ARTICLES
-------------------- */

#article {
	margin: 20px 0 0 0;}

#article h2 {
	margin: 20px 0 0 0;}

#article li {
	font-size: .8em;}

#article ol li {
	margin-bottom: 5px;}

#article p {
	margin: 0 0 20px 0;}

#article .link {
	font-weight: bold; font-size: .7em;}

/* SITE MAP
-------------------- */

#sitemap {
	margin: 20px 0;}

#sitemap h2 {
	margin: 20px 0 5px 0; *margin: 20px 0 2px 0;}

#sitemap li {
	font-size: .8em;}

#sitemap .left {
	clear: left; float: left; width: 50%; padding-right: 30px; overflow: auto; height: 100%;}

#sitemap .right {
}

.sitemap_page {
	float: right; margin: 10px 0 0 0; font-size: .8em;}

/* 404 ERROR
-------------------- */

#err404 {
	width: 960px;
	margin: 20px auto;
	text-align: left;
	font-family: Verdana, Arial, sans-serif;
}
#err404 #box {
	background: #fff;
	padding: 100px;
	border: 2px solid #000;
	text-align: center;
}
#err404 h1 {
	margin: 50px 0 0 0;
	padding: 0;
	font-size: 1.5em;
	font-weight: normal;
}
#err404 h2 {
	margin: 0;
	padding: 0;
	font-size: 2em;
	font-weight: normal;
}
#err404 h3 {
	margin: 20px 0;
	padding: 0;
	font-weight: normal;	
}
#err404 h4 {
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	font-weight: normal;
}
#err404 a{
	color: #44c;
}
#err404 a:hover {
	background: none;
	color: #000;
}

#privacy h1 { font-size: 16px; }
#privacy h2 { font-size: 14px; }
#privacy h3 { font-size: 12px; }