/* NSEP Styles  */


/* Reset CSS via eric meyer
----------------------------------------------- */
/* Don't forget to set a foreground and background color 
   on the 'html' or 'body' element! */
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,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}

/* Fonts
----------------------------------------------- */
/**
 * 84.5% for !IE, keywords for IE
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE < 6 and IE6 quirks mode.
 * 
 */
body {font:13px helvetica,arial,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}

/**
 * 99% for safari; 100% is too large
 */
select, input, textarea {font:99% verdana, arial,clean,sans-serif;}

/**
 * Bump up !IE to get to 13px equivalent
 */
pre, code {font:115% monospace;*font-size:100%;}

/**
 * Default line-height based on font-size rather than "computed-value"
 * see: http://www.w3.org/TR/CSS21/visudet.html#line-height
 */
body * {line-height:1.22em;}


/* 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;}

/* Typhography & Colors
------------------------------------------------------------------ */
.clear { clear: both; } 
.gray { color: #666; } 
.red { color: #d00; } 
.green { color: #090; } 
.brown { color: #c50; } 
.blue {color: #004982; }
.normal { font-weight: normal; } 
.big {font-size: 125%;}
.bigger {font-size: 150%;}

strong {font-weight:bold;}

/* border around anything  */
.outline {background: #CBC1B0; padding: 3px;}

/* Line break -- Horizontal Rule*/
.hr {background:url(../images/hr.jpg) repeat-x top left; width:90%; height: 30px;}
p.hr {background:url(../images/hr.jpg) repeat-x top left; width:100%; padding-top: 20px;}

/* Quotation with credit */
.quotes {width: 550px; float:left;}
.quote {padding:15px; background:#EEEAE1; font-family:Georgia, "Times New Roman", Times, serif;  line-height: 1.6em; }
.quote img {float:left; margin: 2px 15px 2px 0;}
.open-quote {background:url(../images/open-quote.gif) no-repeat 0% 50%; padding:2px 8px;}
.close-quote {background:url(../images/close-quote.gif) no-repeat 100% 50%; padding:2px 8px;}
.credit { font-style:italic; color:#444; margin:10px 0 0 0; }

.results .credit { font-style:italic; color:#444; font-size: 90%; margin:0; padding:0 0 20px 0; }


.pdf {padding: 5px 0 5px 20px; background: url(../images/pdf.gif) no-repeat 0 50%;}

/* 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;}
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;}


/* 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 ; border-bottom: 1px solid #E8E7CF; }
#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;}


/* 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: 7px; padding-bottom:400px; font-family:Georgia, "Times New Roman", Times, serif; font-size: 90%; text-align: center; width:100%;}
#ft a { margin: 0 10px; color: #777;}
#ft .name {color: #777;}

/* Layout Elements
--------------------------------------------------------------------------------*/
.half {width:43%; 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;}


/* Slideshow
--------------------------------------------------------------------------------------*/
													
#profiles {position:relative; margin-top: 0; float: left; }


/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-scope".
 */
.jcarousel-scope {
    background: #E9E2D5;
	width:550px;
    padding: 0;
	margin: 0;
}

/**
 * Similar styles will be applied by jCarousel. But we additionally
 * add it here for better displaying with browsers having
 * javascript disabled.
 */
.jcarousel-list {
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.jcarousel-list li {
    float: left;
    list-style: none;
    width: 550px;
    height: 230px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    position: absolute;
    bottom: 30px;
    right: 5px;
    width:20px;
    height: 20px;
    cursor: pointer;
    font-weight: bold;
	border:none;
	background: url(../images/next.gif) no-repeat 50% 50%;
}

.jcarousel-next-disabled {
	background: url(../images/next-disabled.gif) no-repeat 50% 50%;
	cursor: default;
}

.jcarousel-prev {
    position: absolute;
    bottom: 30px;
    left: 5px;
    width:20px;
    height: 20px;
    cursor: pointer;
    font-weight: bold;
	border:none;
	background: url(../images/prev.gif) no-repeat 50% 50%;
}

.jcarousel-prev-disabled {
	background: url(../images/prev-disabled.gif) no-repeat 50% 50%;
	cursor: default;
	}

/**
 * The controls.
 */
.jcarousel-controls {
    position:absolute; padding: 5px; z-index: 2; width: 540px; background: #D3CAB6; opacity: .9; filter: alpha(opacity=90); bottom: 0px;
}
.jcarousel-controls {display:block;}

.jcarousel-control {
    font-size: 75%;
    text-decoration: none;
    display: none;
    float: left;
    padding: 2px 5px;
    margin: 0 3px 0 3px;
    cursor: pointer;
    border: 0px solid #fff;
    color: #333;
    background-color: #fff;
    font-weight: normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.jcarousel-control:hover {
    background-color: #C60E15;
    font-weight: normal;
	text-decoration: none;
	color: #fff;
}

.jcarousel-controls a.selected {
    background-color: #C60E15;
    font-weight: normal;
	text-decoration: none;
	color: #fff;
}


.jcarousel-control:focus,
.jcarousel-control:active {
    outline: none;
}

.jcarousel-scroll {
    margin: 0;
    margin-top: 10px;
    padding: 0;
}

.jcarousel-scroll select {
    font-size: 11px;
}

.slideTitle a {float:right;}

/* 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;
}



/* TABBED INTERFACE */
#tabWrapper{padding-top:25px; _padding-top:30px;}

#tabbed-employers #tabWrapper{padding-top:17px; }

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */
.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 33px 0 0 10px;
	/*background:url(../images/tabs-bg.jpg) repeat-x ; */
	z-index: 1;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    margin: 0;
	
}
.tabs-nav a {
    display: block;
    position: relative;
    z-index: 2;
    padding: 13px 16px 10px 20px;
    color: #27537a;
    text-align: center;
    text-decoration: none;	
}
.tabs-nav li.tabs-selected { padding-right:5px; background:url(../images/tab-right.jpg) no-repeat 100% 0; z-index: 5;}
.tabs-nav li.tabs-selected a {
    color: #000;
	background: url(../images/tab-left.jpg) no-repeat;
	
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    outline: 0; /* @ Firefox, switch off dotted border */
}
.tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited,
.tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}
.tabs-container {
	
    padding: 2em 0em;
    background: url(../images/tab-container-bg.jpg) repeat-x; /* declare background color for container to avoid distorted fonts in IE while fading */
	}
/* Uncomment this if you want a little spinner to be shown next to the tab title while an Ajax tab gets loaded
.tabs-loading span {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}*/

/*=:project
    scalable Inman Flash Replacement (sIFR) version 3.

  =:file
    Copyright: 2006 Mark Wubben.
    Author: Mark Wubben, <http://novemberborn.net/>

  =:history
    * IFR: Shaun Inman
    * sIFR 1: Mike Davidson, Shaun Inman and Tomas Jogin
    * sIFR 2: Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

  =:license
    This software is licensed and provided under the CC-GNU LGPL.
    See <http://creativecommons.org/licenses/LGPL/2.1/>    
*/

/*---- sIFR ---
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
*/
/* 
  Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it.
  Conveniently, the object tab is always in a div, so we hide all divs directly inside the replaced element.


.sIFR-replaced > div {
  display: none !important;
}
*/
/*---- Header styling ---*/

h1.headline {
  font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans;
  line-height: 1.3em;
  color:#004682;
  background-color: transparent;
  font-weight:bold;
  letter-spacing: -.01em; word-spacing: -.05em;
  font-size: 240%;
 
}


h2.name, h2.headline {
  font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans;
  line-height: 1em;
  font-size: 20px;
  color:#004682;
  background-color: transparent;
  width:100%;
  font-weight: bold;
  letter-spacing: -.01em; word-spacing: -.05em;
 
}


#programs  h3, h3.alt-headline {
  font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans;
  line-height:1.3em;
  color:#B3080D;
  font-weight: bold;
  letter-spacing: -.01em; 
  word-spacing: -.05em;
  font-size:135%;
}

h3.title  {
  font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans;
  line-height: 1em;
  font-size: 120%;
  color:#333;
  font-weight: bold;
  letter-spacing: -.03em; word-spacing: -.09em;
}

h2.title {
  font-family: Helvetica, Arial, sans;
  line-height: 1.2em;
  color:#555;
  text-align: center;
  letter-spacing: -.01em; word-spacing: -.05em;
  font-size: 130%;
  margin-bottom: 0;
}

.initiatives h1{
  font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans;
  line-height: 1em;
  font-size: 30px;
  color: #ffffff; 
    font-weight: bold;
	letter-spacing: -.01em; word-spacing: -.05em;
}

/*.sIFR-active .initiatives div h3 {
  visibility: hidden;
  font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans
  line-height: 1.1em;
  _line-height: 1em;
  font-size: 13px;
  color: #004682; 
}
*/

.section  h3 {font-family: "Avant Garde","Trebuchet MS", Verdana; font-size: 120%; color: #222; font-weight: bold; letter-spacing: -.01em; word-spacing: -.05em;}

#home .section  h3 {font-family: "Avant Garde","Trebuchet MS", Verdana; font-size: 115%; color: #222; font-weight: bold; letter-spacing: -.015em; word-spacing: -.05em;}

a.banner {position: relative; left: -18px;}