/* NSEP Styles  */
@import url('/_assets/styles/reset.css');
@import url('/_assets/styles/typography.css');

/* Tags
------------------------------------------------------------------ */
body {  color: #333; } 
p { margin-bottom: 15px; line-height: 1.5em; } 
ul { margin-bottom: 15px; margin-left: 25px; list-style-type: square; }
ol { margin-bottom: 15px; margin-left: 25px; list-style-type: decimal; }
dl { margin-bottom: 15px; }
dl dt { padding-left: 0; margin-top: 10px; }
dl dd { margin-left: 15px; }
blockquote { background: #EEEAE1; color: #333; font-size: 90%; padding: 15px; margin-bottom: 15px; }
table { font-size: 100%; border-collapse: collapse; border-spacing: 0; }
td, th { text-align: left; vertical-align: top; } 
h1, h2, h3, h4, h5 { color: #004982; font-weight: normal; font-family: helvetica,arial,clean,sans-serif;margin-bottom: 7px; } 
h1 { font-size: 200%; margin-bottom: 5px; } 
h2 { font-size: 155%; } 
h3 { font-size: 140%; } 
h4 { font-size: 110%; } 
h5 { font-size: 100%; } 
small { font-size: 90%; } 
fieldset { padding: 5px 10px; background: #eee; border: 1px solid #ccc; margin-bottom: 15px; }

/* Links
------------------------------------------------------------------ */
a img { border: 0; } 
a, a:link, a:visited { color: #004982; cursor: pointer; } 
a:hover { color: #01225A; text-decoration: underline; } 
a.linkOut {background: url(../images/arrow-right.gif) no-repeat 100% 50%; _background: url(../images/arrow-right.gif) no-repeat 100% 0; padding-right:16px;}
a.phoneLink {color:#333; text-decoration: none;}

/* Clear (allows clearing floats without extra markup)
------------------------------------------------------------------ */
.clear:after, .clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear, .clearfix {zoom:1;} /* IE */

.left {float:left;}
.right {float:right;}
.center { text-align: center; } 

/* Lists
----------------------------------------------------------------------*/
ol, ul {margin-left: 50px;}
ul li, ol li{line-height: 2em;}
.noBullet, .noBullet ul {list-style-type:none; margin:0;}
.noBullet li {margin:5px 0; line-height: 1.3em;}
.starBullet {list-style-type:none; margin:0;}
.starBullet li a { padding-left:20px; background:url(../images/star.jpg) no-repeat 0 50%;}
.starBullet ul { list-style-type:none; margin-left:10px;}

/* TODO */
ul.todo {list-style-type: none;}
ul.todo li, ul.todo li ul.todo li {margin: 10px;}
ul.todo li a {background: url(../images/delete.gif) no-repeat 0 0; padding: 3px 0; padding-left: 20px; }
ul.todo li.done a {background: url(../images/accept.gif) no-repeat 0 0; padding-left: 20px;}
ul.bigList {list-style-type: none; margin: 0; width: 47%;}
ul.bigList li { padding:0 5px 30px 0; line-height:115%;}
ul.bigList li span {display: block; float:left;  font-size:225%; font-family: Arial; color: #bbb; font-weight:normal; padding-bottom:40px; padding-right: 10px;}

/* Main body stuff
-----------------------------------------------------------------------*/
body {
	background:#F7F5EF url(../images/inner_body_bg.jpg) repeat-x 0 0; 
	text-align:center;
	margin: 0;
	padding: 0;
}
#home {	background: #F7F5EF url(../images/home_body_bg.jpg) repeat-x 0 0; }
#tabbed {	background: #F7F5EF url(../images/tab-page-bg.png) repeat-x 0 0; }
#tabbed-employers {	background: #F7F5EF url(../images/tab-page-bg.png) repeat-x 0 0 }
#doc {width:910px;  margin: 0 auto; padding:0;  text-align: left; position:relative;}

/*  Header Styles - Navigation at top
---------------------------------------------------------------------*/
#hd { margin: 0; padding:2px 0 0 0;}
ul.globalNav { color: #fff; }
ul.globalNav li { list-style-type: none; width:auto;}
ul.globalNav li a:link, .globalNav li a:visited{ color:#fff; font-size: 90%; margin-right: 25px; _margin-right: 10px; margin-top:3px;}
ul.globalNav li ul li a:link, .globalNav ul li a:visited { display:block; margin:0; background:#00457D; color: #fff; padding: 5px 6px; border-bottom: 1px solid #19578A; width:12em; }
ul.globalNav li ul li a:hover {background: #B4C8D9; color:#00457D; text-decoration:none; padding-right: 10px; }

/* Branding */
#logo { position: absolute; top:0px; right: 0; width:160px; z-index: 4;}
#logo p {font-size: 85%; font-style: italic; color: #555; text-align: center;}

/* One-offs
------------------------------------------------------------------------*/
ul#fundingForStudents {margin: 0 0 15px 0;}
#audienceLinks { margin-top:40px; float: left; margin-right: 40px;}
ul#audiences li { margin: 10px 0;}
ul#audiences li a {color:#333;}
#whatPeopleSay .quote {background:transparent; color:#004682; font-size:160%; padding:15px 0 0 0 ; }
#whatPeopleSay .first {padding:0;}
#whatPeopleSay .quote  p { margin:0 0 5px 20px; padding:0; line-height: 120%;}
#whatPeopleSay .quote .credit {color:#666; font-size:65%; padding: 0; margin: 0 0 15px 20px; font-family:Arial, Helvetica, sans-serif; display:block;}
#whatPeopleSay .right {margin-left:30px;}
#whatPeopleSay .right p.center {margin-top:10px;}
li.area {font-weight:bold; text-transform:uppercase; list-style-type:none; font-size: 90%; padding-top: 10px; }
li.area ul {font-weight:normal; text-transform:none; padding:none; list-style-type:none; margin-left:0;}
.pictures {margin: 0 3% 3% 0; border: 3px solid #cbc1b0; float: left;}


/* Main Body styles - Main content area of pages
-----------------------------------------------------------------------*/
#bd { position: relative; margin: 5px 0; _margin: 0; padding: 0;	}
#fold {clear:both;}
.section { float:left; }
.section .title {  color:#22476D; color:#222; font-style:italic;}
.section em {font-weight:bold; font-size: 90%; display: block;}
#info {float:right}
.intro {margin-right:200px;}
.related {padding: 15px; border:1px solid #ccc; border-width: 0 1px 0 1px; background:#fff; float:right; margin:30px 0 10px 0;}
.results h2 {font-family:Georgia, "Times New Roman", Times, serif}
#programs {padding-top: 35px; font-size: 92%; height:150px;}
#programs div {float:left; width: 208px; margin: 0 3px; border-right: 1px solid #ccc; padding-left: 10px;}
#programs div span.programTitle {color:#CA676A; font-style:italic;}
#programs div h3 {color:#B3080D; }
#programs div ul {margin:0; padding:0; }
#programs div ul li a, #programs div a {font-weight:bold; font-size: 95%;}
#programs div ul li { list-style-type:none; float:left; margin-right: 10px; background: transparent; line-height:1em;}
#programs div ul li span, #programs div span { display:block;}
#programs div p, #programs div ul li p {margin: 5px 0 0 0; }

/* Board Member styles */
.nsep {padding-top:20px;}
#nseb p.board {clear:both; height: 125px;}
#nseb div, #goa div {margin-right:1.33%;}
#goa p.board {clear:both; height: 5.5em; width:275px;}
.board img {float:left; margin: 0 10px 0 0;}
.board .name {font-weight: bold; display: block; line-height: 1.7em; font-size:110%;}
.board .dept {text-transform:uppercase; font-size: 80%; display: block; font-family: Tahoma; }
.board .title { font-style:italic; color: #444; font-size: 90%; font-family: Georgia, Times, serif; line-height: 1.3em;}
.news-article {margin-bottom: 30px;}
.news-article h4 {color:#333; font-family:Georgia, "Times New Roman", Times, serif; font-size: 125%;}
.news-article span.location {font-weight:bold; text-transform:uppercase; color: #333; font-size: 90%;}
.news-article span.date {font-family:Georgia, "Times New Roman", Times, serif; color:#777; font-style:italic;}
.news-article span.pipe {margin:0 7px; color:#999;}
.feature  {height:320px; }
.feature p {font-size: 110%;}
.news {float:left; width: 70%;}
.news .news-article h4 {font-size: 175%;}
.news h3 {border-bottom: 1px solid #E8E7CF; margin-bottom: 20px;}

/* Footer styles 
--------------------------------------------------------------------------*/
#ft { clear:both; border-top: 1px solid #ddd; padding: 17px 0 40px 0; text-align: center; width:100%; height: 100px;	}
#ft .half { margin-right: 1%; width: 18%; padding-left: 5px; border-left: 1px solid #dddddd;	}
#ft  h1 {	font-size: 400%; margin-top: -20px; }
#ft h3 {	margin-bottom: 2px;	border-bottom: 1px solid #dddddd;}
#ft h3 a { margin: 0px; font-size: 80%; color: #777777; }
#ft a { text-decoration: none; }
#ft p { margin: 0px;	}
#ft p a { font-size: 85%; color: #777777; }
	
/* Layout Elements
--------------------------------------------------------------------------------*/
.half {width:46%; margin-right: 3%;}
.intro .half {width:46%; margin-right: 3%;}
.third {width:29%; margin-right: 3%;}
#home .third {width:28%; margin-right: 3%; }

/* mid for third*/
.mid { margin: 0  2%; }

/* Initiatives Page
---------------------------------------------------------------------------------*/
.initiatives {_margin-top: 20px;}
.initiatives div {width:125px; border-right: 1px solid #ccc; float: left; padding: 0 8px;}
.initiatives .last {border-right-width:0; padding-right:0;}
.initiatives .first {padding-left:0;}
.initiatives .title {background-color: #B3080D; padding: 5px 20px 1px 10px; width: auto; float:none; margin-bottom: 10px;}
.initiatives p {color:#B3080D; font-size:120%;}
.initiatives div span.subtitle {color: #555; display:block; margin-bottom: 10px; font-size:95%;}
.initiatives div p {color:#004682; font-size:100%; line-height: 115%;}
.initiatives div h3 {font-family: "Trebuchet MS"; font-size: 110%; font-weight: bold; letter-spacing: -.01em; word-spacing: -.05em; line-height: .5em; }
.initiatives div h3 a:link, .initiatives div h3 a:visited {text-decoration:none; color:#000000;}
.initiatives div h3 a:hover {text-decoration:underline;}
.learnMore {clear:both; }
.learnMore h2 {font-family:Georgia, "Times New Roman", Times, serif;}

/* Student profile Page
----------------------------------------------------------------------------------------*/
.profile {clear: both; margin-bottom: 50px;}
.profile h2 { padding:0; margin:0 0 7px 0; border-bottom: 2px solid #DED6C9; font-size: 175%;}
.profile h2.headline {font-family: "Avant Garde","Trebuchet MS", Verdana; font-size: 150%; color: #004682; font-weight: bold;}
.profile h3.program {border-bottom: 2px solid #DED6C9; padding-top:7px; display: inline; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color: #004682; float: left;}
.profile span {}
.profile img {float:left; margin: 5px 15px 8px 0;}
.profile p { margin-left: 215px;}

/* Global Nav
-----------------------------------------------------------------------------*/
.globalNav, .globalNav * { margin:0; padding:0; }
.globalNav { line-height:1.0; float:left; margin-bottom:1.5em; }
.globalNav ul { background: transparent; /*IE6 needs this*/ }
.globalNav li { float:left; list-style:none; position:relative; z-index:3; }
.globalNav a { color: #fff; display:block; float:left; text-decoration:none; padding: 5px; }
.globalNav li ul { float:none; top:-999em; 	position:absolute; display: block; width: 12em; }
.globalNav li:hover, .globalNav li.sfHover, .globalNav a:focus, .globalNav a:hover, .globalNav a:active { background: transparent; }
.globalNav li:hover ul, .globalNav li.sfHover ul { left:-1px; top:1.8em; }
.globalNav li:hover li ul, .globalNav li.sfHover li ul { top:-999em; }
.globalNav li li:hover ul, .globalNav li li.sfHover ul { left:9.45em; top:-1px; width:12em; }
.globalNav li li { background:#00457D; float:none; }
.globalNav li li li { background:#9AAEDB; }
.globalNav li li a { float:none; padding-right:0; width:7.45em; }
/* quick hacks for IE */
*html .globalNav li li { 	margin-bottom:-3px; }
*html .globalNav li li li { margin-bottom:-1px; }
*+html .globalNav li li { margin-bottom:-3px; }
*+html .globalNav li li li { margin-bottom:-1px; }