@charset "utf-8";
/* CSS Document created by Brandi Jones (bjones@4site.tv) 4/28/10 www.4site.tv */

/* make sure mobile browsers don't screw up text sizes */
html {-webkit-text-size-adjust:none}

body {
	padding:0px;
	padding-bottom:40px;
	margin:0px;
	font-family:"Trebuchet MS","Lucida Sans",Verdana,Arial,Helvetica,sans-serif;
	color:#575757;
	background:#06264c url(../images/framework/bkgr-int-header-top.jpg) center top no-repeat;
}

body#home {
	background:#06264c url(../images/framework/bkgr-home-new.jpg) center top no-repeat;
}

/*------------------------------typography, misc. elements-----------------------------*/

.clear {
	clear:both;
	font-size:0px;
}

h1, h2, h3, h4, h5, h6, p {
	margin-top:0px;
}

.noBotMarg {
	margin-bottom:2px;
}

p {
	font-size:13px;
	line-height:20px;
	margin-bottom:20px;
}

td {
	font-size:13px;
	line-height:20px;
	text-align:left;
}

td p {
	text-align:left;
}

h1 {
	font-size:24px;
	line-height:28px;
	color:#233355;
	font-weight:bold;
	margin-bottom:12px;
}

h1 span {
	color:#ba0001;
	font-style:italic;
}

h2 {
	font-size:16px;
	line-height:20px;
	color:#233355;
	font-weight:bold;
	margin-bottom:8px;
}

h2.highlights {
	background-image:url(../images/framework/title-highlights-new.gif);
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-9999px;
	margin:0px 0px 25px 45px;
	width:120px;
	height:34px;
	position:absolute;
	top:-20px;
	left:0;
}

h2.quickLinks {
	background-image:url(../images/framework/title-quick-links.gif);
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-9999px;
	margin:0px 0px 25px 0px;
	width:120px;
	height:34px;
}

body#home h2.quickLinks {
	margin:0px 0px 5px 0px;
}

h3 {
	font-size:13px;
	text-transform:uppercase;
	margin-bottom:7px;
	font-weight:bold;
	color:#4c82a8;
}

a:link, a:visited {
	color:#10a8a7;
	font-weight:bold;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

.left {
	float:left;
	margin:10px 20px 15px 10px;
	-moz-box-shadow:0 0 8px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0px 0 rgba(0, 0, 0, 0.3);
}

img.main-page-pic  {
	float:left;
	margin:7px 20px 15px -262px;
	-moz-box-shadow:0 0 8px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
}

img.default-page-pic  {
	float:left;
	margin: 0 20px 0px -298px;
	
}
.border {
	border: 3px solid #CCC;
}

.right {
	float:right;
	margin:0px 0px 15px 20px;
}

ul {
	margin:0px 0px 18px 0px;
	padding:0px;
	list-style-type:none;
}

#contentWrap ul { overflow:hidden; }

ul li {
	padding:0px 0px 15px 30px;
	font-size:13px;
	background-image:url(../images/framework/bullet-flourish.gif);
	background-position:left 2px;
	background-repeat:no-repeat;
}

ul.plain {
	margin:0px 0px 18px 30px;
	padding:0px;
	list-style-type:none;
}

ul.plain li {
	padding:0px 0px 14px 0px;
	font-size:12px;
	background-image:none;
}

ul.ruled {
	margin:0px 0px 0px 0px;
	padding:0px;
	list-style-type:none;
}

ul.ruled li {
	padding:10px 0px 10px 0px;
	font-size:12px;
	border-bottom:1px solid #c3c4c4;
	background-image:none;
}

.spaceBelow {
	margin-bottom:10px;	
}

/*--------------------------------------page layout--------------------------------------*/

#headerWrap {
	width:100%;
}

#header {
	position:relative;
	width:1050px;
	margin:0px auto 0px auto;
	height:207px;
	z-index:20;
}

body#home #header {
	height:567px;
}

img.logo {
	position:absolute;
	left:0px;
	top:20px;
}

img.title {
	position:absolute;
	left:230px;
	top:39px;
	z-index:30;
}

body#home img.title {
	left:680px;
	top:72px;
}

div.navTop {
	position:absolute;
	width:400px;
	height:124px;
	font-size:11px;
	color:#a2a2a2;
	text-decoration:none;
	top:20px;
	right:70px;
	font-weight:normal;
	z-index:20;
	margin:0px;
	padding:8px 0px 0px 0px;
}

div.navTop p { display:block;}

div.navTop a:link, div.navTop a:visited {
	font-size:12px;
	color:#a2a2a2;
	text-decoration:none;
	font-weight:normal;
}

div.navTop a:hover {
	text-decoration:underline;
}

div.navTop a.donate:link, div.navTop a.donate:visited {
	color:#edac44;
	text-transform:uppercase;
}


/* Search

-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/*/



.search  { border:1px solid #d7d7d7; background:#fff; float:left; width:170px; padding:0; margin:0px; margin-left:10px; }

.search  form { padding:0; margin:0; }

.search input { float:left; background:transparent; color:#999999; border:0; width:140px; font-size:13px; padding:2px; }

input.submit { float:left; width:20px; }

.search fieldset { height:24px; }

.search input[style] { border:0 !important; }



p.socialmediaTop {
	font-size:11px;
	color:#08a7a2;
	text-decoration:none;
	font-weight:bold;
	z-index:20;
	margin:0px;
	padding:8px 0px 0px 0px;
	text-align:right;
	margin-right:0px;
}

p.socialmediaTop a:link, p.socialmediaTop a:visited {
	color:#08a7a2;
	text-decoration:underline;
}

#textUpdates{float:right;margin-right: -31px;padding-top: 8px;}
#textUpdates span{color:#666;}

.stButton .chicklets { color:#fff;}

div.utilityTop {
	width:500px;
	font-size:12px;
	margin-bottom:5px;
	overflow:hidden;
}

div.utilityTop span {
	display:block;
	float:left;	
	line-height:29px;
	margin-right:5px;
}


#slideshow-wrapper {
	height:348px;
	width:601px;
	position:relative;
	left:45px;
	top:229px;
}

#slideshow {
	position:relative;
	left:0px;
	top:0px;
	overflow:hidden;
	width:601px;
	height:309px;
	z-index:10;
}

#slideshow a {
	width:601px;
	height:309px;
	display:block;
	overflow:hidden;
	text-decoration:none;
}

#slideshow img {
	display:block;
}

#slideshow p {
	font-size:12px;
	font-style:italic;
	color:#b0a8a8;
	height:30px;
	margin:0px;
	padding:0px;
	text-align:right;
	padding:4px 10px 0px 0px;
}

#ss-pager {
	position:absolute;
	right:10px;
	bottom:0px;
	z-index:100;
	height:22px;
	width:auto;
}

#ss-pager a:link, #ss-pager a:visited {
	display:block;
	float:left;
	width:12px;
	height:12px;
	margin-right:5px;
	background-image:url(../images/framework/ss-bullet-off.png);
	text-decoration:none;
	text-indent:-9999px;
}

#ss-pager a:hover, #ss-pager a.activeSlide {
	background-image:url(../images/framework/ss-bullet-on.png);
}


.apply-but {
	position:absolute;
	left:662px;
	top:270px;
}

.info-but {
	position:absolute;
	left:662px;
	top:331px;
}

.attend-but{
	position:absolute;
	left:662px;
	top:395px;
}


/* Miscellaneous ---------------------------------------------------------------- */

a[style] { display:inline !important; }
.addthis_button { margin-left:10px; }

a.soc-media { margin-left:10px;  }

.tabs {
	position:relative;
	}

a.tab-applynow {
	display:block;
	width:150px;
	height:30px;
	background:url(/images/framework/tab-btn-applynow.png) center center no-repeat;
	text-indent:-9999px;
	position:absolute;
	top:24px;
	left:56px;
	border:0px solid #ccc;
	}

a.tab-requestinfo {
	display:block;
	width:150px;
	height:30px;
	background:url(/images/framework/tab-btn-requestinfo.png) center center no-repeat;
	text-indent:-9999px;
	position:absolute;
	top:24px;
	left:248px;
	border:0px solid #ccc;
	}


/* Side button ---------------------------------------- */

.side-buttons {
	float:right;
	border:1px solid #dddddd;
	padding:25px 15px 15px 15px;
	margin:10px;
	margin-left:25px;
	}

.side-buttons a {
	background:#02518d;
	color:white;
	padding:5px 12px;
	-moz-border-radius:14px;
	display:block;
	margin-bottom:8px;
	text-align:center;
	text-decoration:none;
	font-size:13px;
	}

.side-buttons a:hover {
	background:#00A2A1;
	color:white;
	}



/* NAV (horizontal HTML text) */

#nav {
	position:absolute;
	top:152px;
	left:45px;
	height:33px;
	width:985px;
	margin:0px;
	padding:0px;
	z-index:50;
}

body#home #nav {
	top:152px;
}

#nav li {
	display:inline;	
	list-style-type:none;
	position:relative;
	float:left;
	padding:0px;
	margin:0px;
	background-image:none;
}

#nav li a:link, #nav li a:visited {
	font-size:15px;
	color:white;
	width:136px;
	height:49px;
	padding:0px;
	margin:0px 5px 0px 0px;
	display:block;
	line-height:15px;
	text-decoration:none;
	text-indent:-9999px;
}

/* IE6 specific--fixes text-indent bug from above (anything in a wrapper
with "hasLayout" and neg. text-indent inside disappears in IE6, here the main nav!) */
* html #nav li a:link, * html #nav li a:visited {
	font-size:0px;
	color:#666;
	text-indent:0px;
}

#nav li.home a:link, #nav li.home a:visited {
	width:135px;
	background-image:url(../images/framework/nav-home.gif);
}

#nav li.program a:link, #nav li.program a:visited {
	width:134px;
	background-image:url(../images/framework/nav-program.gif);
}

#nav li.apply a:link, #nav li.apply a:visited {
	width:132px;
	background-image:url(../images/framework/nav-apply.gif);
}

#nav li.fellow a:link, #nav li.fellow a:visited {
	width:135px;
	background-image:url(../images/framework/nav-fellow.gif);
}

#nav li.faq a:link, #nav li.faq a:visited {
	width:130px;
	background-image:url(../images/framework/nav-faq.gif);
}

#nav li.contact a:link, #nav li.contact a:visited {
	width:133px;
	background-image:url(../images/framework/nav-contact.gif);
}

#nav li.application a:link, #nav li.application a:visited {
	width:137px;
	background-image:url(../images/framework/nav-app.gif);
}



/* IE6 specific (sets block links without taking up entire width of parent or needing to set explicit widths, 
other browsers don't seem to have this issue) */
* html #nav li a:link, * html #nav li a:visited {
	display:inline-block;
}

/* hover and specific page highlights */
#nav li.home a:hover {
	background-image:url(../images/framework/nav-home-on.gif);
}

#nav li.program a:hover {
	background-image:url(../images/framework/nav-program-on.gif);
}

#nav li.apply a:hover {
	background-image:url(../images/framework/nav-apply-on.gif);
}

#nav li.fellow a:hover {
	background-image:url(../images/framework/nav-fellow-on.gif);
}

#nav li.faq a:hover {
	background-image:url(../images/framework/nav-faq-on.gif);
}

#nav li.contact a:hover {
	background-image:url(../images/framework/nav-contact-on.gif);
}

#nav li.application a:hover {
	background-image:url(../images/framework/nav-app-on.gif);
}



/*####### IF DROPDOWNS #######*/

/*--IE sticky menu fix--*/
#nav ul li:hover {
	background-position: 0 0;
}

/*--1st level drop downs--*/
#nav ul {
	position: absolute;
	left: -999em;
	width:200px;	
	margin:0px;
	padding:0px;
	list-style-type:none;
	border-top:5px solid white;
	z-index:50;
	background-color:#161616;
}

/*--1st level dropdown list items--*/
#nav li li {
	margin:0px 0px 0px 0px;
	padding:0px;
	float:none;
	/*--fixes z-index stacking order in second/third level fly out menus--*/
	position:static;
}

/*--1st level dropdown nested links--*/
#nav li li a:link, #nav li li a:visited {
	display:block;
	margin:0px;
	padding:10px 30px 10px 15px;
	text-align:left;
	text-transform:none;
	font-family:"Trebuchet MS","Lucida Sans",Verdana,Arial,Helvetica,sans-serif;
	color:#333;
	font-size:12px;
	font-weight:normal;
	border:1px solid #CCC;
	border-top:none;
	background-color:white;
	height:auto;
	text-indent:0px;
}

/*--dropdown specific text colors--*/
#nav li.home li a:link, #nav li.home li a:visited {
	color:#ba0001;
}

#nav li.program li a:link, #nav li.program li a:visited {
	color:#025696;
}

#nav li.apply li a:link, #nav li.apply li a:visited {
	color:#d68900;
}

#nav li.fellow li a:link, #nav li.fellow li a:visited {
	color:#00a2a1;
}

#nav li.faq li a:link, #nav li.faq li a:visited {
	color:#ba0001;
}

#nav li.contact li a:link, #nav li.contact li a:visited {
	color:#025696;
}

#nav li.application li a:link, #nav li.application li a:visited {
	color:#d68900;
}

/* cancel out all previous background replacement images */
#nav li.home li a:link, #nav li.home li a:visited, #nav li.program li a:link, #nav li.program li a:visited, #nav li.apply li a:link, #nav li.apply li a:visited, #nav li.fellow li a:link, #nav li.fellow li a:visited, #nav li.faq li a:link, #nav li.faq li a:visited, #nav li.contact li a:link, #nav li.contact li a:visited, #nav li.application li a:link, #nav li.application li a:visited {
	width:auto;
	background-image:none;
}

#nav li li a:hover {
	background-color:#f5f5f5;
	color:white;
	background-image:none;
}

/*--1st level dropdown flyout--*/
#nav li:hover ul, #nav li.sfhover ul {
	left:0px;
	z-index:2000;
	/* (prevents sticking menu in IE7) */
	min-height:0;
}

* html #nav li.sfhover ul {
	left:1px;	
}

/* IE6 specific (set absolute top margin to work with li a "display:inline-block" fix above) */
* html #nav li.sfhover ul {
	top:49px;
}

/*--2nd level dropdown --*/
#nav li ul ul {
	margin: -30px 0 0 180px;
	border-top:1px solid #CCC;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;
}


/*####### END DROPDOWNS #######*/

#contentWrap {
	width:100%;
	background:transparent;
	padding:0px 0px 45px 0px;
	background:#fff url(../images/framework/bkgr-int-content-top.jpg) center top no-repeat;
}

body#home #contentWrap {
	width:100%;
	background-color:white;
	background-image:none;
	padding:35px 0px 45px 0px;
}

#content {
	position:relative;
	width:1050px;
	margin:0px auto 0px auto;
}

body#home #content {
	background-image:url(../images/framework/content-home-bg.jpg);
	padding-top:25px;
	}

#left {
	width:250px;
	margin-top:380px;
	margin-left:69px;
	background-image:none;
	border:0px solid yellow;
	float:left;
}

#right {
	width:656px;
	float:right;
	margin-right:45px;
	margin-top:70px;
	padding:0;
	border:0px solid red;
}

.rightFeat {
	margin:15px 0px;
	padding:0 0px 20px 0;
	background-image:url(../images/framework/dash-horiz.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
}

.rightFeat h2 {
	color:#233355;
	font-size:16px;
	padding-top:20px;
	text-transform:uppercase;
	clear:both;
	margin-top:10px;
	background-image:url(../images/framework/dash-horiz.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

.rightFeat ul { 
	margin:18px 15px 10px 15px;
}

.rightFeat ul li { 
	font-size:12px;
}

/* Home -------------------------------------------------------- */

body#home .hp-section {
	width:304px;
	margin-left:0px;
	padding-left:24px;
	float:left;
	/*background-image:url(../images/framework/dash.gif);
	background-position:right top;
	background-repeat:repeat-y;*/
}

body#home .hp-sec-1 { padding-left:45px; }
body#home .hp-sec-2 .padding, body#home .hp-sec-3 .padding { padding:0 10px 0 8px;  }
body#home .hp-sec-3 { background:none;}




/* Footer */

#footer {
	width:1005px;
	clear:both;
	padding:30px 0px 0px 45px;
	margin:0px auto 0px auto;
}

#footer p, #footer a:link, #footer a:visited {
	color:white;
	font-size:12px;
	text-decoration:none;
	text-align:left;
	margin:0px;
}

/*-- Misc styles ---*/
table.chart {
	width:100%;
	margin-bottom:20px;
}

table.chart th {
	font-weight:bold;
	text-align:center;
	font-size:13px;
	padding:10px;
	border-bottom:2px solid #000000;
	vertical-align:bottom;
}

table.chart td {
	padding:5px 10px;
	border-bottom:1px solid #cfcfcf;
	font-size:11px;
	vertical-align:top;
}

table.staff {
}

table.staff td {
	padding:5px;
	text-align:center;
}

table.timeline {
	border:1px solid #CCCCCC;
	margin-bottom:20px;
	width:100%;
}

table.timeline th {
	border-bottom:2px solid #CCCCCC;
	padding:5px;
}

table.timeline td {
	padding:5px;
}

table.cohortData {
	border:1px solid #CCCCCC;
	border-collapse:collapse;
	margin-bottom:20px;
	width:75%;
}

table.cohortData td {
	border-bottom:1px solid #CCCCCC;
	padding:5px;
}

table.cohortData td.col1 {
}

table.cohortData td.col2 {
	text-align:center;
	width:15%;
}

.note {
	font-size:10px;
	font-style:italic;
}

ul.plain {
	list-style-type: disc;
}

ul.plain li {
	background-image:none;
}

ul.arrow li {
	background-image:url("/images/framework/bullet.gif");
	background-position:left 1px;
}

ul.checklist li {
	background-image:url("/images/framework/icon_checked.gif");
	background-position:left 1px;
}

ul#sitemap {
	margin-bottom:5px;
	padding-bottom:8px;
	list-style-type: disc;
}

ul#sitemap li {
	background-image:none;
	padding:0 0 8px 5px;
	list-style-type:disc;
	margin-left:15px;
}

ul#sitemap ul {
	margin-bottom:0px;
}

.toTop {
	text-align:right;
}

p.faq_q {
	font-weight:bold;
	color:#4c82a8;
	font-size:16px;
}

p.faq_a {
}

#nav li li.apply a:link {
	color:#FFFFFF;
	background-color:#00a2a1;
	font-weight:bold;
}
/*--------------------------------------print styles--------------------------------------*/

@media print {
	#header, body#home #header {height:auto; margin-bottom:25px;}
	img.title {position:static; margin-bottom:30px;}
	img.logo, .navTop, form.search, .video, #slideshow-captions, #slideshow, #ss-pager, #nav, #right, body#home #column-2 {display:none;}
	#contentWrap, #content, #left, #footer {width:auto !important; height:auto !important; min-height:0; position:static; margin:0px; padding:0px; border:none; float:none !important;}
	.left {margin-left:0px;}
	.featureBoxWrap, .featureBox {padding:0px;}
	body, p {color:black; background-image:none; background-color:white;}
	a, a:visited {text-decoration:underline;}
	#footer {background-image:none; text-align:left; margin:0px; padding:0px; padding-top:15px; margin-top:50px; border-top:1px solid #d4d4d4; height:auto;}
	#footer p {padding:0px;}
}