/***************************************************************
RESET BROWSER VALUES SO EVERYONE IS THE SAME
***************************************************************/
@import url(../css/normalize.css);


/***************************************************************
TAG STYLES
***************************************************************/
body { margin: 0; color:#231f20; font-family: Arial, Helvetica, sans-serif; font-size: 13px; }
p { line-height: 17px; margin-bottom: 15px; }
h1 { font-family: Times, 'Times New Roman', serif; font-size: 28px; font-weight: normal; }
h2 { margin-bottom: 5px; font-size: 21px; font-weight: normal;
}
h3 { font-size: 13px; font-weight: normal; margin-bottom: 5px; }
h4 { font-size: 12px; margin-bottom: 3px; }
ul { margin-bottom: 20px;}
li { margin: 0 0 3px 20px;}
a { text-decoration: none; }

/***************************************************************
TAG SPECIFIC CLASSES
***************************************************************/
a.more { color: #b2b2b2; text-transform: uppercase; font-size: 10px; }
p.intro { color: #595959; font-size: 20px; line-height: 28px; }
input.fillin { color: #ccc; }
img.action { margin-bottom: -5px;}

/* section colors */
body.section_about_us h2, a { color: #00a2b3; }

h3 {
	font-weight: bold;
}


/***************************************************************
GENERIC CLASSES 
***************************************************************/
.clear { clear: both; height: 0px; font-size: 0px; line-height: 0px; }
.height_fix { line-height: 0px; font-size: 0px; }
.aqua { color: #00a2b3; }
.blue { color: #5a81b0; }
.orange { color: #e36f26; }
.peagreen { color: #c3bd30; }


/***************************************************************
SHARED AREAS
***************************************************************/
div#container { width: 975px; margin: 40px auto 20px auto; }

/* header area */
div#header { background: transparent url(../images/container_top.jpg) no-repeat; width: 975px; height: 44px; position: relative; z-index: 100; }
div#logo { width: 187px; height: 42px; padding: 3px 0 0 1px; }

/* topnav */
ul#topnav  { position: absolute; left: 190px; top: 0px; z-index: 1; }
ul#topnav li { list-style: none; display: block; margin: 0; padding: 0;font-size: 13px; position: absolute; width: 132px; }
ul#topnav li { background: transparent url(../images/topnav_div.png) no-repeat top left; }
ul#topnav li a { display: block; height: 20px; color: #808080; text-decoration: none; padding: 15px 15px 0px 15px; white-space: nowrap;  }
ul#topnav li ul { display: none; margin-top: -25px; }
ul#topnav li:hover { background: #fff url(../images/topnav_ovr.png) repeat-x top left; color: #f5561d; }
ul#topnav li:hover a { color: #fff; } /* to prevent slight bleed through */
ul#topnav li:hover ul { display: block; padding: 0; border-left: 2px solid #e6e6e6; border-right: 2px solid #e6e6e6; margin-bottom: 0; background-color: #fff;}
ul#topnav li:hover ul li { position: static; padding: 0; background: none; text-align: left; margin-left: -2px; font-size: 11px; width: auto; }
ul#topnav li:hover ul li:hover { border: none; }
ul#topnav li:hover ul li a { color: #808080; height: auto; padding: 2px 15px 2px 15px; background: none; }
ul#topnav li:hover ul li a:hover { color: #000; }
ul#topnav li:hover ul li.first { margin-left: -2px; padding-top: 3px;font-size: 13px;  }
ul#topnav li:hover ul li.first a:hover { color: #f5561d; }
ul#topnav li:hover ul li.last { border-bottom: 2px solid #e6e6e6; padding-bottom: 5px; }
li#topnav_1 { left: 0; z-index: 10; width: 126px !important; }
li#topnav_2 { left: 116px; z-index: 9; width: 126px !important; }
li#topnav_3 { left: 240px; z-index: 8;}
li#topnav_4 { left: 369px; z-index: 7; }
li#topnav_5 { left: 499px; z-index: 6;  width: 163px !important; }
li#topnav_6 { left: 615px; z-index: 5; }
li#topnav_6 { left: 660px; z-index: 4;  width: 103px !important; }

/* body */
div#body { background: transparent url(../images/container_shadow.jpg) repeat-y top right; border-left: 1px solid #d9d9d9; width: 966px; position: relative; }
div#body_inner {width: 916px; margin: auto; }

/* footer */
div#footer { background: transparent url(../images/container_bot.jpg) no-repeat; width: 965px; height: 44px; color: #6c6c6c; text-align: center; padding: 25px 10px 0 0;}
div#footer a { color: #6c6c6c; text-decoration: none; }

/* main panel */
div#main_panel { width: 716px; }
div#breadcrumb { font-size: 10px;color: #999; margin-bottom: 10px; width: 700px; height: 12px; }
div#breadcrumb li { list-style: none; margin: 0; display: block; float: left; }
div#breadcrumb span.arrow { padding: 0 3px; color: #999;}
div#breadcrumb a { font-size: 10px; text-decoration: underline; color: #999;}
div#main_content { padding: 0px 15px  20px 15px; }
div.main_content_right_panel { float: right; margin-left: 20px; width: 176px; }
div#main_content_body {  }
div#right_panel { float: right; }


/***************************************************************
OPTIONAL PANELS
***************************************************************/

/* generic vertical panel */
.vert_panel_header { background: transparent url(../images/vert_panel_header.jpg) no-repeat; color: #fff; text-align: center; width: 163px; height: 10px; padding: 0px 12px 0 0; text-transform: uppercase; }
.vert_panel_header_filled { background: transparent url(../images/vert_panel_header_filled.png) no-repeat; color: #fff; text-align: center; width: 163px; height: 43px; padding: 7px 12px 0 0; text-transform: uppercase; }
.vert_panel_body { width: 150px; background: #fff url(../images/vert_panel_shadow.jpg) repeat-y; padding: 0px 25px 10px 2px; }
.vert_panel_body h3 { text-align: center; }
.vert_panel_body ul { padding-left: 5px; margin-top: 10px; }
.vert_panel_body li { list-style: none; background-repeat: no-repeat; background-position: top left; margin-bottom: 7px; }
.vert_panel_footer { background: transparent url(../images/vert_panel_footer.jpg) no-repeat; height: 26px; margin-bottom: 20px; width: 176px; }

/* generic green vertical panel */
.vert_panel_green_header { background: transparent url(../images/vert_panel_green_header.jpg) no-repeat; color: #000; }
.vert_panel_green_body { width: 150px; background: #fff url(../images/vert_panel_green_shadow.jpg) repeat-y; padding: 10px 25px 10px 2px; color: #fff; }
.vert_panel_green_body h3 { color: #000; }
.vert_panel_green_body a { color: #fff; }
.vert_panel_green_footer { background: transparent url(../images/vert_panel_green_footer.jpg) no-repeat; height: 26px; }

/* right panels */
div#accredited_schools_vert {  height: 380px; overflow: hidden; padding: 0;}
div#accredited_schools_vert ul { height: 380px; overflow: hidden; padding: 0; }  /* overwrite vertical panel styles */
div#accredited_schools_vert li { display: block; height: 50px; padding: 10px 0 !important; margin: 0; text-align: center; }  /* overwrite vertical panel styles */
div#search_box { margin: 16px; }
div#search_box input { background: transparent url(../images/search_bg.png) no-repeat; height: 16px; width: 129px; border: none; padding: 3px; }

/* related_pages panel */
div#related_pages { margin-bottom: 20px;}
div#related_pages h3 { color: #000; margin-bottom: 8px; }
div#related_pages li { list-style: none; margin-left: 0; margin-bottom: 2px;}

/* checklist vert panel */
div.checklist { width: 155px;}
div.checklist li { background-image: url(../images/bullet_check.png); margin-left: 5px; padding-left: 23px; }

/* resource (green) vert panel */
div.resources { width: 160px;}
div.resources li { background-image: url(../images/bullet_green_arrow.png); line-height: 15px; margin-left: 5px; padding-left: 23px;  }

/* find school panel */
div#find_right_school_panel h2 { color: #00a2b3; font-size: 18px; text-transform: none; padding: 5px; text-align: center;}
div#find_right_school_panel table { margin-left: 10px;}
div#find_right_school_panel table td { padding: 2px 3px; vertical-align: top; }
div#find_right_school_panel .vert_panel_body { width: 160px; }
input#find_school_go { float: right; }


/***************************************************************
HOME
***************************************************************/
div#body { padding: 18px 8px 9px 0; }
div#home_feature { height: 241px; overflow: hidden; background: transparent url(../images/home_feature_laptop.jpg) no-repeat 175px top; position: relative; }

ul#home_feature_actions li { list-style: none; margin: 0; padding: 0; display: block; width: 175px;}
ul#home_feature_actions li a { display: block; }
div#home_feature_text { position: absolute; top: 0px; left: 417px; text-indent: -10000px; width: 499px; height: 241px; overflow: hidden; background: transparent url(../images/home_feature_online_degree_programs.jpg) no-repeat top left; }
div#home_cols { border-top: 1px solid #c6c6c6; border-left: 1px solid #c6c6c6; border-right: 1px solid #c6c6c6; }
div#home_cols h2 { font-size: 16px; }
div#home_cols h3 { color: #000; background: transparent url(../images/bullet_arrow.png) no-repeat 0 5px; text-indent: 15px; font-weight: bold; }
div.home_col { float: left; min-height: 300px; width: 210px; padding: 15px; border-right: 1px solid #c6c6c6; }
div#home_col4 { width: 160px; border: none; }
div#home_cols_bot { background: transparent url(../images/home_cols_bot.png) no-repeat; height: 17px; }

div#accredited_schools_horiz { position: relative; width: 916px; margin: 15px auto; overflow: hidden; }
div#accredited_schools_horiz ul { position: absolute; top: 0px; left: 110px;}
div#accredited_schools_horiz li { display: block; float: left; margin: 0; }
/***************************************************************
NEW STYLES
***************************************************************/
a.actionButton{
 margin-bottom: 5px; font-size: 21px;
}

h2.actionButton span.actionButton, a.actionButton span.actionButton
{
	background: url(../images/action_button_bg.gif) repeat-x 0 0;
	height: 30px;
	padding-left: 2px;
	white-space: nowrap;
	overflow:hidden;
	display: inline-block;
	padding-top: 6px;
	cursor: pointer;

}

h2.actionButton span.actionButton:hover, a.actionButton span.actionButton:hover {
	background: url(../images/action_button_bg.gif) repeat-x 0 -36px;
}

h2.actionButton  span.actionButton span.left, a.actionButton  span.actionButton span.left {
	display: inline-block;
	width: 10px;
	height: 36px;
	float:left;
	background-image: url(../images/action_button_round_l.gif);
	position: relative;
	top: -6px;
	left:-2px;
}

h2.actionButton span.right, a.actionButton span.right {
	display: inline-block;
	width: 10px;
	height: 36px;
	background-image: url(../images/action_button_round_r.gif);
	position: relative;
	top:0px;
	left: -9px;
}

h2.actionButton span.actionButton img, a.actionButton span.actionButton img {
	position: relative;
	top: -7px;
}

/* inline 300x250 banner holder */

#container .bannerHolder300 {
	float:right;
	margin:0 0 12px 12px;
	width:300px;
	height:250px;
	overflow:hidden;
}