/*************************************************************************
**************************************************************************
	
	
	ACE CREDIT National Guide Primary Styles
	
	Design by Tellenger, Inc. 
	Information Architecture and Wireframes: Stephanie Hay
	Visual Design, XHTML/CSS: Ben Hofer
	
	
***************************************************************************
**************************************************************************/



/**************************************************************************
	
	Settings

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

@charset "UTF-8";

/* Eric Meyer's Reset ***************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse; border-spacing: 0;
}
.natlguide caption, .natlguide th, .natlguide td {
	text-align: left; font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
	margin-left: 20px;
}


/* General Settings ********************************/

/* settings */
.clear {clear: both;}
.clearleft {clear: left;}
.clearright {clear: right;}

span.separator {display: none;}

img.alignleft {float: left; margin-right: 20px;}
img.alignright {float: right; margin-left: 20px;}
img.aligncenter {margin: 0 auto;}

/* general visual details */
a.button {float: right; background-position: center right; display: inline; background-repeat: no-repeat; height: 33px; font-weight:600; display: block; line-height: 31px; color: #fff!important; font-style: italic; font-size: 11px; padding-right: 40px; padding-left: 10px; text-align: right;}

ul, ol {margin-bottom: 20px; padding: 0;}



/* typography */

h1,h2,h3,h4,h5,h6,p,li,a,span.header3 {font-family: Georgia, "Times New Roman", Times, serif; text-decoration: none; color: #555;}

h3,h4,h5,h6,span.header3 {color: #2e3c66; margin:0 0 10px 0;}

h4 {
	font-size: 12px;
}

.selectBox {
	font-size: 10px; 
	color: #000000; 
} 	

p, td {font-size: 12px; line-height:18px;margin-bottom: 20px; }
ol {padding-left: 20px;}
ul li  {background:transparent url(../images/red-bullet-white.gif) no-repeat scroll left 5px; margin-bottom: 12px; font-size:12px;line-height:15px;padding-left:20px;list-style-position: outside; margin-left: 20px;}
ol li {font-size:12px;line-height:15px; margin-bottom: 12px; margin-left: 20px;}
ol.no-numbers li {list-style: none;}
ol.numbers li {list-style-type: decimal;} 

em {font-style: italic;}
strong {font-weight: bold;}

#sidebar p, #demographics p {font-family: Arial, Helvetica, sans-serif;}

#main-content p {font-family: Georgia, "Times New Roman", Times, serif; color: #555;}
#main-content td {font-family: Georgia, "Times New Roman", Times, serif; color: #555; vertical-align: top;}
#main-content th {font-family: Georgia, "Times New Roman", Times, serif; color: #555; font-weight: bold; vertical-align: top;}

#main-content p.important {font-size: 14px; line-height: 20px; margin-top: 0; }

#main-content a {color: #2f6d9d;}
#main-content a:hover, #main-content a:focus {color: #962E30;}

form button {background: url(../images/button-bg.jpg) repeat-x; height: 30px; font-size: 13px;line-height: 5px; cursor: pointer; border: none; width: 120px; margin-left : 20px; color: #fff; font-family: Georgia, "Times New Roman", Times, serif; padding-bottom: 2px; font-weight: bold; font-style: italic;}
* html form button {line-height: 30px;}
*+html form button {line-height: 30px;}

/**************************************************************************
	
	Primary Layout

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

body {background: url(../images/topbg.jpg) repeat-x;}

#content-wrapper {margin: 30px auto 0; width: 960px;}

#content {clear: both;}

#sidebar {width: 220px; margin: 0 20px 20px 0;float: left;}

#main-content {width: 720px; float: right; margin: 0 0 20px 0;}

#footer-wrapper {background-color: #306d9d; border-top: 3px solid #555;}

#footer {padding: 30px 0; margin: 0 auto; width: 960px;}

/**************************************************************************
	
	Header & Primary Navigation

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

#ace_logo {background: url(../images/logo.gif); width: 219px; height: 132px; text-indent: -9999px; float: left; margin: 0 20px 37px 0;}


#tabs { margin-bottom: 37px; float: left;}

/* primary nav */
#tabs ul {height: 47px; margin-bottom: 0; overflow: hidden;}
#tabs ul li {float: left;line-height: 14px; font-size: 12px; list-style:none; padding: 0; background-image: none; background-color: #656565;height:47px;margin: 0 5px 0 0;}
#tabs ul.hover li.hover {background-color: none;}
#tabs ul li.active {background-color: #5184ac;}
#tabs ul li a {display: block; font-weight: bold; padding-left: 10px; height: 47px; color: #fff; padding-top: 12px; font-family: Arial, Helvetica, sans-serif; text-transform:uppercase;}
#tabs ul li#about-tab a, #tabs ul li#contact-tab a, #tabs ul li#reviews-tab a {padding-top: 26px;}
#tabs ul li ul {display: none;}
#tabs ul li.hover a {background-color: #e5e5e5; color: #555; border-top: 1px solid #555; border-left: 1px solid #555; border-right:1px solid #555; overflow: visible;}
#tabs ul li a em {display: block; font-family: Georgia, "Times New Roman", Times, serif; text-transform: none;}

#guide-tab {width: 85px; z-index: 1!important;}
#course-tab {width: 134px;}
#institutions-tab {width: 110px; z-index: 1!important;}
#transcripts-tab {width: 113px;}
#reviews-tab {width: 87px;}
#about-tab {width:71px;}
#contact-tab {width: 80px;}

/* drop-downs */
#tabs ul li ul {padding: 2px 0 5px 0; position: absolute; z-index: 5; width: 200px; margin-top: -13px; height: auto;background-color: #e5e5e5;border-bottom: 1px solid #555; border-left: 1px solid #555; border-right:1px solid #555;}
#tabs ul li#about-tab ul, #tabs ul li#contact-tab ul, #tabs ul li#reviews-tab ul {margin-top: -27px;}
#tabs ul li ul li {float: none; background-color: #e5e5e5; color: #555; height:30px;margin:0;}
#tabs ul li ul li a {margin: 5px; padding: 0!important; font-weight: bold; text-indent: 10px; font-family: Georgia, "Times New Roman", Times, serif; color: #555; text-transform: none; font-style: italic; height: 30px; line-height: 30px;}
#tabs ul li.hover ul li a {border:none;}
#tabs ul li ul li a:hover, #tabs ul li ul li a:focus {background-color: #fff; border: none;}

*+html #tabs ul li ul li {margin-bottom: 5px;}

#tabs ul li#reviews-tab ul {margin-left: -115px;}
#tabs ul li#about-tab ul {margin-left: -131px;}
#tabs ul li#contact-tab ul {margin-left: -122px;}

/* title bar */
#titlebar {height: 86px; width: 710px; background: url(../images/titlebar.jpg); position: relative; z-index: 2;}

h2 {color: #fff; font-size: 30px; letter-spacing: 6px; font-weight: lighter; text-transform: uppercase; position: relative; top: 15px; left: 20px; margin:0;}
h2 em {color: #dedcdc; text-transform:none; letter-spacing: 0;}
h2 span.heading-description {font-size: 14px; color: #dedcdc; text-transform: uppercase; display: block; letter-spacing: 1.4px;}


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

	Content 

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


/* Sidebar	********************************/

#sidebar a { color: #306d9d}
#sidebar a:hover, #sidebar a:focus {color: #555;}
#sidebar a.button-large {font-size: 11px; font-weight: bold; background: url(../images/arrow-button-large.jpg) no-repeat; display: block; height: 42px; color: #fff; font-style:italic; line-height:39px; text-align: right; padding-right: 50px; margin-bottom: 20px;}
#sidebar a.button-large:hover, #sidebar a.button-large:focus {color: #fff;}
* html #sidebar a.button-large {letter-spacing: -1px;}
*+html #sidebar a.button-large {letter-spacing: -1px;}
#sidebar ul li {margin-left: 0;}

/* subNav */
#sidebar ul.subnav {background-color: #d8d7d7; padding: 4px 0; margin-bottom: 20px;}
#sidebar ul.subnav li {background-color: #e2e2e2; margin: 0 4px; border-bottom: 1px solid #fff; padding: 0; background-image: none;}
#sidebar ul.subnav li a {display: block; height: 40px; line-height: 40px;text-indent: 16px; font-size: 14px; }
#sidebar ul.subnav li a:hover, #sidebar ul.subnav li a:focus, #sidebar ul.subnav a.active {background: #bdd3dd url(../images/subnav-bg.jpg) repeat-x;}

/* tertiaryNav */
#sidebar ul.subnav li ul {background-color: #306d9d;margin-bottom:0;}
#sidebar ul.subnav li ul li {margin:0 0 0 40px;}
#sidebar ul.subnav li ul li a {height: 30px; font-size: 12px;line-height: 30px;}

/* callouts */
#sidebar div.callout {background: #6c6c6d; padding: 20px 0; zoom: 1;}
#sidebar div.callout p, #sidebar div.callout h4, #sidebar div.callout ul {margin: 0 20px 20px;}
#sidebar div.callout h4 {font-size: 14px; color: #fdfec2; margin-bottom: 10px;}
#sidebar div.callout h4 a { color: #fdfec2 ;}
#sidebar div.callout p {color: #fff;}
#sidebar div.callout p a {color: #bdf4ff; }
#sidebar div.callout a:hover, #sidebar div.callout a:focus {color: #efefef;}
#sidebar div.callout ul li {font-family: Arial, Helvetica, sans-serif; margin:0 0 4px; font-size: 11px; color: #fff;}
#sidebar div.callout ul li a {color: #cce9ef;}
#sidebar div.callout ul li a:hover, #sidebar div.callout ul li a:focus {color: #efefef;}
#sidebar div.callout a.button {background-image: url(../images/arrow-button-gray.gif); margin-right: 20px; display: inline;}
* html #sidebar div.callout a.button {letter-spacing: -1px;}
#sidebar div.callout ul li {background-image: url(../images/red-bullet-gray.gif);)}
* html #sidebar div.callout div.clear {display: inline;}
*+html #sidebar div.callout div.clear {display: inline;}

/* Main Content	*****************************/

/* images */
.floatLeft {
	float: left;
	margin-right: 20px;
}

.floatRight img {
	float: right;
	margin-left: 20px;
}

/* lists */
#main-content ul.col1{float: left; width: 200px; margin-right: 20px;} 
#main-content ul.col2{float: left; width: 200px; margin-right: 20px;} 
#main-content ul.col3{float: left; width: 200px; margin-right: 20px;} 
#main-content ol.col1{float: left; width: 200px; margin-right: 20px;} 
#main-content ol.col2{float: left; width: 200px; margin-right: 20px;}
#main-content ol.col3{float: left; width: 200px; margin-right: 20px;}

#main-content li {line-height: 15px;}
#main-content ul li {}
#main-content ol.col2 {margin-left: -20px;}
#main-content ol.col3 {margin-left: -20px;}

/* homepage */
#main-content p.hometext {width: 460px; float:left;}
#main-content img.person {position: relative; top: -120px; z-index: 3;}

/* homepage IE6 fixes */

* html #main-content img.person {margin: -220px 0 -4px; top: 0;}
* html #main-content .natlguide {margin-top: 0;}

/* homepage IE7 fixes */
*+html #main-content img.person {margin: -220px 0 -4px; top: 0;}
*+html #main-content .natlguide {margin-top: 0;}

/* guide itself */
.home .natlguide {margin-top:-120px; clear: both;}
.natlguide { background: #abc4c9 url(../images/guide-bg.jpg) repeat-x; padding: 10px 0; margin-bottom: 20px;}
.natlguide img {float: left; margin: 20px 10px 20px 20px; display: inline; }
.natlguide ul.col1, .natlguide ul.col2 {width: 210px;float: left; display: inline; margin: 20px;}
.natlguide ul li {background-image:none; margin:0 0 12px 0; padding-left:0;}
.natlguide ul li a {color:#306d9d; font-size: 12px; line-height: 14px;}
.natlguide ul li a:hover, #natlguide ul li a:focus {background-color: #306d9d; color: #fff!important;}
#main-content .natlguide ul.alphabet {text-align: center; margin: 0 20px 10px; background: url(../images/alphabet-bg.jpg) repeat-x; height: 33px; padding-left: 68px;}
#main-content .natlguide ul.alphabet li { height: 15px; margin: 9px 0; border-right: 1px solid #555;  float: left;display: inline; width: 20px;}
#main-content .natlguide ul.alphabet a {font-size: 12px; display: block; text-align: center; }
#main-content .natlgide ul.alphabet a:hover, #main-content .natlgide ul.alphabet a:focus {cursor: pointer; color: #fff; background-color: #306d9d;}

/* tables */
table {font-family: Arial, Helvetica, sans-serif!important;}
table a {font-family: Arial, Helvetica, sans-serif!important;}

#main-content table.dataTable td {
	padding-right: 20px;
}

#main-content .natlguide table {width: 700px; margin: 0 10px; x}
#main-content .natlguide table caption {margin-bottom: 5px; color: #213265;}
#main-content .natlguide td, th {font-size: 12px; height: 20px; line-height: 20px; padding: 0; vertical-align: middle;}
#main-content .natlguide td {color: #394774;}
#main-content .natlguide tr.alt {background-color: #e5e5e5;}

#main-content .natlguide thead {color: #fff; background-color: #656565;}

#main-content .natlguide table.org-course-listing td.data, table.org-course-listing th.data {text-align: right; padding-right: 5px;}

#main-content .natlguide table.form tr {}
#main-content .natlguide table.form td.text {width: 100%;}
#main-content .natlguide table.form th {width: 230px; font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #555; padding-bottom: 10px;}
#main-content .natlguide table.form td.course {width: 50px;}
#main-content .natlguide table.form td.exam {width: 300px;}
#main-content .natlguide table.form td input.text {width: 479px; margin: 4px 0; border: 1px solid #ccc;}
#main-content .natlguide table.form td input.radio {margin: 0 5px 0 0; padding: 0; width: 15px; display: inline!important;}
#main-content .natlguide table.form td select.text {
	border:1px solid #CCCCCC;
	margin:4px 0;
	width:479px;
}

#main-content .natlguide table.form td.radio {margin: 0; width: 15px;}
#main-content .natlguide table.form th.message {vertical-align: top; padding-top:6px;}
#main-content .natlguide table.form td textarea {width:479px; border: 1px solid #ccc; height: 150px; margin: 4px 0;}

#main-content .natlguide table.form td.formError p {color: #ff0000;}


.natlguide div.buttons {float: right; display: inline; margin: 10px 10px 0 ;}
.natlguide button {margin-left: 10px;}

.natlguide div.msg-copy {color: #555; font-size: 12px; height: 26px; line-height: 26px; margin-left: 10px;}
.natlguide div.msg-copy input {position: relative; top: 2px; margin-left: 0;}

/* Three Demographic Columns *****************/

#demographics {border-top: 3px solid #306d9d; padding-top:20px; margin-bottom: 30px;}
#demographics div.demographic {float: left; margin: 0 10px; width: 300px; display: inline;}
#demographics div.demographic img {float: left; margin-right: 10px;}
#demographics div.demographic div {float: left; width: 185px;}

#demographics h4 {color: #306d9d; font-size: 12px;;}
#demographics ul li {margin-left: 0; padding-left: 15px; margin-bottom: 7px;}
#demographics ul li a{font-family: Arial, Helvetica, sans-serif; margin-bottom: 4px; font-size: 11px; color:#2f6d9d;}
#demographics ul li a:hover, #demographics ul li a:focus {color: #962E30;;}
#demographics ul {margin-bottom: 20px;}

#demographics a.button {text-indent: 10px; background-image: url(../images/arrow-button-white.gif);}

/* widget style overrides */

div.autosuggestcontainer .yui-ac-content {width: 479px!important; top: 4px!important;}
div.autosuggestcontainer .yui-ac-shadow {background: none!important;}
div.autosuggestcontainer ul li {margin-bottom: 0px!important; text-indent: 2px;}




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

	Footer 

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

#footer ul {margin-bottom: 10px;text-align: center;}
#footer ul li {font-size: 11px; padding-left: 0; display: inline; margin:0 30px 0 0; list-style:none; background-image: none; }
#footer ul li a {color: #fff;}
#footer p {text-align: center; color: #fff; font-size: 11px; font-family: Arial, Helvetica, sans-serif;}
#footer p a {text-align: center; color: #eee; font-family: Arial, Helvetica, sans-serif;}