/* this line imports the css for the IE png fix */
@import "htc.css";

/* this CSS file sets up the design of the site */

/* -- General Layout Design -- */

body {
	position:relative;
	background:#e8e4da url(../images/body-bg.gif) repeat-x;
}
#container {
	width:986px;
	position:relative;
}
#pageWrapper {
	width: 986px;
	w\idth: 973px;
	position:relative;
	background:#e8e4da url(../images/page-wrapper-bg.gif) repeat-y;
	padding-left:13px;
	float:left;
}
#header {
	position:relative;
	width:960px;
	height:88px;
	background:url(../images/header-bg.jpg) no-repeat 0 0;
}
#globalNav {
	position:relative;
	width:960px;
	height:27px;
	he\ight:21px;
	padding-top:4px;
	background-color:#000;
	border-bottom:2px solid #3b6741;
}
#mainNav {
	width:960px;
	height:25px;
	background: url(../images/main-nav-bg.gif) repeat-x;
}
#contentWrapper {
	width:960px;
	background: url(../images/content-footer-graphic.jpg) no-repeat 100% bottom;
	padding-bottom:196px;
	position:static;
}
#innerWrapper {
	width:960px;
	padding-top: 10px;
	position:static;
	background: #f1f1f1 url(../images/main-content-bg.gif) repeat-x;
}
#mainContent {
	width:650px;
	w\idth:635px;
	padding-left: 15px;
	margin-right:14px;
	position:relative;
}
#sidebar {
	width:296px;
	position:relative;
}
#content-footer {
	width:960px;
	height:114px;
	position:absolute;
	bottom:0;
	left:14px;
	z-index:2;
	font-size:13px;
}
#footer {
	padding: 10px 0;
	background:#e8e4da url(../images/footer-bg.gif) no-repeat 0 0;
}

/* -- General Text Design -- */

h1 {
	font-size:131%;
	color:#000;
	font-weight:bold;
}
h2{
	font-size:116%;
	color:#FFFFFF;
	font-weight:bold;
	margin: 0 0 10px 0;
}
h3{
	font-size:108%;
	color:#999;
	font-weight:bold;
	margin: 10px 0 20px 0;
}
h4{
	font-size:108%;
	color:#000;
	font-weight:bold;
	margin:6px 0 8px 2px;
}
h5{
	font-size:93%;
	color:#FFFFFF;
	font-weight:normal;
}
h6{
	font-size:93%;
	color:#FFFFFF;
	font-weight:normal;
	font-style: italic;
}

p{
	font-size: 93%;
	color: #000;
	margin: 0 0 20px 0;
	line-height: 120%;
}

a {
	text-decoration: none;
}
#mainNav ul li a {
	color: #F8E344;
}
#secondaryNav, #secondaryNav a {
	color: #071CBB;
}

a:link, a:visited {}

a:hover {
	text-decoration: underline;
}

ul {
	list-style: disc outside;
	font-size: 93%;
	color: #00;
}

li {
	margin: 0 0 10px 0;
}

ul ul {
	font-size: 100%;
	margin: 0 0 0 10px;
}

ul ul li{
	margin: 0;
}

#header h1 {
	width:272px;
	height:88px;
	float:left;
}
#header h1 a{
	width:272px;
	height:88px;
	display:block;
	background:url(../images/header-logo.jpg) no-repeat 0 0;
	text-indent:-9999px;
}



/* -- Header - Controls styles -- */

#header .controls{
	width:227px;
	height:68px;
	position:absolute;
	top:10px;
	right:18px;
}
#header .controls .search-box{
	width:227px;
	height:32px;
	background:url(../images/controls-search-bg.gif) no-repeat 0 0;
	position:relative;
	margin-bottom:4px;
}
#header .controls form#search-form{
	position:relative;
}
#header .controls .search-box input.search-field{
	width:160px;
	height:16px;
	padding:0 !important;
	margin:8px 0 0 8px;
	float:left;
	border:none;
	background:none;
}
#header .controls .search-box input.search-btn{
	width:58px;
	height:32px;
	background:none;
	border:none;
	border-color:#fff;
	padding:0;
	margin:0;
	float:left;
	display:block !important;
}
#header .controls .search-box label.search-label {
	position:absolute;
	top:9px;
	right:10px;
	z-index:200;
	color:#3b6741;
	font-size:93%;
	display:none;
}
#header .controls a.quick-links, #header .controls a.apply-now{
	height:32px;
	display:block;
	color:#3b6741;
	text-indent:32px;
	line-height:32px;
	float:left;
}
#header .controls a.quick-links{
	width:115px;
	background:url(../images/controls-quick-links.jpg) no-repeat 0 0;
	display:none;
}
#header .controls a.apply-now{
	width:107px;
	text-indent:0;
	text-align:center;
	background:url(../images/controls-apply-now.jpg) no-repeat 0 0;
	margin-left:4px;
	margin-right:1px;
	float:right;
}

/* -- Home Main Feature styles -- */

.home #mainContent div.feature {
	width:625px;
	w\idth:595px;
	height:222px;
	he\ight:197px;
	padding-top:25px;
	padding-left:30px;
	margin-bottom:8px;
	background: url(../images/home-feature-Launch.jpg) no-repeat 0 0;
}
.home #mainContent div.feature h2{
	width:380px;
	line-height:138.5%;
	margin-bottom:10px;
	font-size:138.5%;
}
.home #mainContent div.feature h2 span.black{
	color:#000;
	font-size:197%;
	margin-left:-3px;
	line-height:120%;
}
.home #mainContent div.feature p{
	width:340px;
	font-size:100%;
	font-weight:bold;
}
.home #mainContent div.feature p a{
	color:#fff;
}
/* -- Tabbed Content styles -- */
.home #mainContent #tabbedContent{
	width:625px;
	background: url(../images/tabbed-content-white-bg.gif) repeat-y;
}
#tabbedContent ul#tabs{
	width:617px;
	height:39px;
	list-style: none;
	font-size: 100%;
	font-weight: bold;
	margin: 0;
	margin-left:4px;
	background-color: #f1f1f1;
}
#tabbedContent ul#tabs li{
	height:39px;
	margin: 0;
	float:left;
}
#tabbedContent ul#tabs li a{
	height:39px;
	line-height:43px;
	overflow:hidden;
	margin: 0;
	color:#fff;
	font-weight:bold;
	font-size:108%;
	display: block;
	text-align:center;
	background: url(../images/home-tabs.jpg) no-repeat 0 0;
}
#tabbedContent ul#tabs li a:hover, #tabbedContent ul#tabs li.current a{
	color:#3b6741;
	text-decoration:none;
}
#tabbedContent ul#tabs li#tab-news a{
	width:155px;
	background-position: 0 0;
}
#tabbedContent ul#tabs li#tab-why a{
	width:154px;
	background-position: -155px 0;
}
#tabbedContent ul#tabs li#tab-video a{
	width:153px;
	background-position: -310px 0;
}
#tabbedContent ul#tabs li#tab-success a{
	width:155px;
	background-position: -463px 0;
}

#tabbedContent ul#tabs li#tab-news a:hover, #tabbedContent ul#tabs li#tab-news.current a{
	background-position: 0 -39px;
}
#tabbedContent ul#tabs li#tab-why a:hover, #tabbedContent ul#tabs li#tab-why.current a{
	background-position: -155px -39px;
}
#tabbedContent ul#tabs li#tab-video a:hover, #tabbedContent ul#tabs li#tab-video.current a{
	background-position: -309px -39px;
}
#tabbedContent ul#tabs li#tab-success a:hover, #tabbedContent ul#tabs li#tab-success.current a{
	background-position: -462px -39px;
}

.home #mainContent #tabbedContent #content{
	width:625px;
	w\idth:585px;
	padding: 10px 20px 20px 20px;
	background: url(../images/tabbed-content-bg.gif) no-repeat 0 100%;
}
.home #mainContent #tabbedContent .news-tab-content{
	width:280px;
	margin-right:25px;
	float:left;
}
.home #mainContent #tabbedContent .events-tab-content{
	width:280px;
	float:left;
}
.home #mainContent #tabbedContent .events-tab-content h3{
	padding-left: 10px;
}
.home #mainContent #tabbedContent #content .events-tab-content ul, .home #mainContent #tabbedContent #content .news-tab-content ul {
	list-style-type:none;
}
.home #mainContent #tabbedContent #content .events-tab-content ul li, .home #mainContent #tabbedContent #content .news-tab-content ul li{
	width:280px;
	w\idth:270px;
	color: #333;
	padding:5px 0 8px 10px;
	border-bottom: 1px dotted #bfbdb6;
	float:left;
}
.home #mainContent #tabbedContent #content ul li.last {
	border-bottom: none;
}
.home #mainContent #tabbedContent #content .events-tab-content ul li a, .home #mainContent #tabbedContent #content .news-tab-content ul li a{
	padding:0 16px 0 0 !important;
	background: url(../images/list-arrows-orange.gif) no-repeat 100% 5px;
	color: #333 !important;
	line-height:127%;
	display:inline;
}
.home #mainContent #tabbedContent #content ul li a{
	color: #333 !important;
}
.home #mainContent #tabbedContent #content ul li a:hover{
	color: #336633 !important;
	text-decoration:underline;
}
.home #mainContent #tabbedContent #content .events-tab-content ul li a.no-arrows, .home #mainContent #tabbedContent #content .news-tab-content ul li a.no-arrows{
	background: none !important;
	padding-right:0 !important;
}
a.more-link:hover{
	color:#336633 !important;
}
.home #mainContent #tabbedContent .events-tab-content a.more-link,
.home #mainContent #tabbedContent .news-tab-content a.more-link,
.home #mainContent #tabbedContent .why-tab-content a.more-link,
.home #mainContent #tabbedContent .video-tab-content a.more-link,
.home #mainContent #tabbedContent .success-tab-content a.more-link {
	color:#333;
	padding:0 16px 0 0 !important;
	float:right;
	background: url(../images/list-arrows-orange.gif) no-repeat 100% 3px !important;
}
.home #mainContent #tabbedContent .events-tab-content li span.orange{
	color:#cc9933;
	margin-bottom:5px;
	display:block;
}
.home #mainContent #tabbedContent #content ul li div.img{
	margin: 0 16px 2px 0;
	float:left;
}
.home #mainContent #tabbedContent #content div.why-tab-content ul,
.home #mainContent #tabbedContent #content div.video-tab-content ul,
.home #mainContent #tabbedContent #content div.success-tab-content ul{
	list-style-type:disc;
	margin-left:20px;
}
/*
.home #mainContent #tabbedContent #content div.why-tab-content ul li,
.home #mainContent #tabbedContent #content div.video-tab-content ul li,
.home #mainContent #tabbedContent #content div.success-tab-content ul li {
	width:560px;
}*/

/* -- Sidebar Features styles -- */

#sidebar a.greyButton{
	width:132px;
	w\idth:120px;
	height:46px;
	he\ight:39px;
	color:#fff;
	padding:7px 0 0 12px;
	margin:0 6px 8px 0;
	line-height:116%;
	text-decoration:none;
	font-weight:bold;
	display:block;
	background: url(../images/side-btn-grey.gif) no-repeat 0 0;
	float:left;
}
#sidebar a.greyButton:hover{
	background-position: 0 -46px;
}
#sidebar div.feature {
	width:271px;
	height:75px;
	margin-bottom:5px;
	float:left;
}
#sidebar div.feature a{
	display:block;
	width:271px;
	w\idth:259px;
	height:75px;
	he\ight:63px;
	padding:12px 0 0 12px;
}
#sidebar div.two-line a{ /* allows for vertical centering of two lines of content */
	he\ight:54px;
	padding:21px 0 0 12px;
}
#sidebar div.feature a:hover{
	text-decoration:none;
}
#sidebar div.feature span.white{
	color:#fff;
	font-size:100%;
	display:block;
	margin-bottom:4px;
}
#sidebar div.feature span.yellow{
	color:#ffed00;
	font-size:116%;
	line-height:113%;
	font-weight:bold;
}



	/* sidebar feature backgrounds */

	#sidebar div.blank {
		background: url(../images/feature-bg-blank.png) no-repeat 0 0;
	}
	#sidebar div.on-course {
		background: url(../images/feature-bg-onCourse.gif) no-repeat 0 0;
	}
	#sidebar div.financial-aid {
		background: url(../images/feature-bg-financialAid.gif) no-repeat 0 0;
	}
	#sidebar div.print-media {
		background: url(../images/feature-bg-printMedia.gif) no-repeat 0 0;
	}
	#sidebar div.second-career {
		background: url(../images/feature-bg-second-career.gif) no-repeat 0 0;
	}
/* -- Content Footer styles -- */

#content-footer ul {
	width:960px;
	list-style-type:none;
	padding-top:5px;
}
#content-footer ul li{
	margin: 0;
	margin-right:18px;
	padding-top:0;
	padding-left:20px;
	float:left;
	color: #fff;
	font-size:93%;
	line-height:120%;
	border-left:1px solid #4f7755;
}
#content-footer ul li.contact-us, #content-footer ul li.privacy-policy{
	height:88px;
	he\ight:23px;
	margin: 0;
	padding-top:70px;
	border-left:none;
}
#content-footer ul li.contact-us{
	margin-left:38px;
}
#content-footer ul li.logo{
	width:178px;
	height:88px;
	padding-left:0;
	margin-right:0;
	text-indent:-9999px;
	background: url(../images/content-footer-logo.jpg) no-repeat 0 0;
}
#content-footer ul li a{
	color: #fff;
}
#content-footer ul li span.campus-location{
	color: #fff;
	font-weight:bold;
	line-height:200%;
	margin-top:-5px;
	display:block;
}
#content-footer p{
	margin: 6px 30px 0 0;
	text-align: center;
	color: #666;
}
#content-footer a{
	color: #0a822e;
}
/* -- Page Footer styles -- */

#footer .left {
	float:left;
	padding-left:30px;
}
#footer .right {
	float:right;
	padding-left:20px;
}
.footerNav li{
	margin: 0 20px 0 0;
	display: inline;
	color: #666;
}
.footerNav li a{
	color: #666;
}
#footer p{
	margin: 6px 32px 0 0;
	text-align: center;
	color: #666;
}
#footer a{
	color: #0a822e;
}