@charset "utf-8";
/* Main CSS Document */

/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
fieldset, img {border:0;}
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal; font-weight:normal; margin: 0px; padding: 0px;}
div {position:relative;}
ul, li {list-style:none;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong {font-weight: bold;}
em {font-style: italic;}
a img {border: none;} /* Gets rid of IE's blue borders */
br.clear {clear:both;}


body {
	height: 96%;
	text-align: left;
	background:url(../images/bg_int.jpg) repeat-x 0 0 #161b1e;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
body.home {background-image:url(../images/bg.jpg);}
	
	

/* LINKS */
/* ----------------------------------------- */

a {text-decoration: none; color:#28abd8; outline: none;}
a:hover {color:#9bc06b;}

.email {width:147px; height:62px; background-image:url(../images/email_btn.png); background-position:0 0; float:left; display:block; cursor:pointer;}
	.email:hover {background-position:0 63px;}
	.email span {visibility:hidden; display:block; width:147px; height:62px;}
	.email a {display:block; width:147px; height:62px;}
	



/* TYPOGRAPHY */
/* ----------------------------------------- */
h2 {font-size:18px; margin-bottom: 20px;}
/*h2 {color:#266049; font-size:20px; line-height:24px;}*/
h2.small {color: #fff; font-size: 13px; text-align: center; margin-bottom: 15px;}

p {line-height: 19px; margin-bottom: 20px;}
	
dl {margin-bottom: 20px;}
dt {font-weight: bold; font-size: 13px; margin-bottom: 5px;}
dd {margin-bottom: 15px; line-height: 19px;}

ul.bullets, ul.no_bullets, ol {margin-bottom: 20px;}

ul.bullets li {list-style-type: disc; margin: 0px 0px 10px 18px;}

ul.no_bullets li {margin-bottom: 10px;}
ul.no_bullets h2 {margin-bottom: 10px;}

ol li {list-style-type: decimal; margin: 0px 0px 10px 18px;}
ol.pad {padding: 0px 0px 0px 5px;}

.green {color:#266049;}
.blue {color:#28abd8;}
.red, .contact-form span {color:#F39;}

.caption {padding: 0px 15px; font-size:12px; line-height:18px;}



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

#main_wrapper {width: 1020px; margin: 0px auto;}
#top_bar {width: 1020px; height: 40px; clear:both;}

#logo {display:block; width: 268px; height: 36px; float:left;}


/* NAVIGATION */
/* -----------------------------------------*/ 	
#nav {font-size:14px; font-weight:bold; color:#FFFFFF; width: 538px; float:right;}
	#nav li {float: left; height:40px; padding:0 1px;}
	#nav li.n_home, #nav li.n_home a {width: 50px;}
	#nav li.n_about, #nav li.n_about a {width: 90px;}
	#nav li.n_partners, #nav li.n_partners a {width: 120px;}
	#nav li.n_news, #nav li.n_news a {width: 85px;}
	#nav li.n_faq, #nav li.n_faq a {width: 60px;}
		
	#nav a {color:#FFFFFF; height:32px; display:block; text-align:center; padding-top:8px;}
	#nav a:hover, #nav .current {background:url(../images/btn_over.jpg) repeat-x 0 0;}

/* 2nd level nav */
#nav li ul {
			float: none;
			position: absolute; z-index: 200;
			left: -999em; /*in Opera, this propels the dropdown list out of view*/
			width: 150px;
			font-size: 12px;
			}
						
	#nav li:hover ul, #nav li.sfhover ul {left: auto;}
	
	#nav li:hover, #nav li.hover {position: static;} /*IE7 bug fixer -to prevent suckerfish drop menus from sticking*/
	
	#nav li ul li {clear: left; width: 150px; height: auto;}
				
	#nav li.n_about ul li a,
	#nav li.n_partners ul li a,
	#nav li.n_news ul li a,
	#nav li.n_faq ul li a {
					width: 118px; height: auto;
					color: #ffffff; text-align: left;
					padding: 8px 16px;
					background-color: #a2c673; 
						}
	
	#nav li ul li a:hover {background-image: none; color: #333; background-color: #8eb45c;}
	#nav li ul li a.current {background-image: none; color: #fff; background-color: #8eb45c;}


h3.header_link a {color:#fff;}
h3.header_link a:hover {color:#9bc06b;}
.current {color:#9bc06b;}

.sh_field {border:solid 1px #333; height:25px;}

/* HEADER */
/* -----------------------------------------*/ 	
#header {background-image:url(../images/bg-header.jpg); width:1020px; height: 220px; clear: both;}
	#logs {position:absolute; top:15px; right:0; width: 240px; z-index: 100; font-size:12px;}
	#logs a {
		height:20px; display:block; float:left; background-position:0 0; background-repeat: no-repeat;
		text-align: center; color: #fff; font-weight: bold; padding-top: 4px; margin-left: 8px;
		}
		#logs a.share {width:127px; background-image:url(../images/shareholder_login.png);}
		#logs a.board {width:97px; background-image:url(../images/board_login.png);}
	#logs a:hover, #sh_login:hover {background-position: 0px -25px; color: #666;}
	
	#sh_login, #sh_logout {
		height:33px; display:block; float:left; background-position:0 0; background-repeat: no-repeat;
		text-align: center; color: #fff; font-weight: bold;
		width:107px; background-image:url(../images/btn_logs.gif); border:none; cursor:pointer;
		}
	#sh_logout {line-height: 31px; margin-right: 20px;}
	#sh_login:hover, #sh_logout:hover {background-position: 0px -35px; color: #666;}
	
	
	.header_txt {background: url(../images/g-header-logo.png) no-repeat 0 0; width: 620px; height: 165px; padding: 55px 0px 0px 255px; float: left; z-index: 50;}
	.header_txt h1 {width: 537px; height: 155px; background-position: 0 0; background-repeat: no-repeat;}
	.header_txt h1 span {visibility: hidden;}
		h1.home_head {background-image: url(../images/header_txt_home.png);}
		h1.about_head {background-image: url(../images/header_txt_about.png);}
		h1.goals_head {background-image: url(../images/header_txt_goals.png);}
		h1.mission_head {background-image: url(../images/header_txt_mission_vision.png);}
		h1.funders_steer_head {background-image: url(../images/header_txt_funders_steering.png);}
		h1.partners_head {background-image: url(../images/header_txt_partnerships.png);}
		h1.funders_head {background-image: url(../images/header_txt_funders.png);}
		h1.practice_head {background-image: url(../images/header_txt_practitioners.png);}
		h1.policy_head {background-image: url(../images/header_txt_policymakers.png);}
		h1.employers_head {background-image: url(../images/header_txt_employers.png);}
		h1.involved_head {background-image: url(../images/header_txt_get_involved.png);}
		h1.news_head {background-image: url(../images/header_txt_news.png);}
		h1.faq_head {background-image: url(../images/header_txt_faq.png);}
		h1.contact_head {background-image: url(../images/header_txt_contact.png);}
		h1.sitemap_head {background-image: url(../images/header_txt_sitemap.png);}
		h1.learning_head {background-image: url(../images/header_txt_learning.png);}
		h1.stakeholders_head {background-image: url(../images/header_txt_stakeholder.png);}
		h1.board_head {background-image: url(../images/header_txt_board.png);}
		h1.funders_partners_head {background-image: url(../images/header_txt_funders_partners.png);}
		h1.residents_community_head {background-image: url(../images/header_txt_residents_community_members.png);}

	
	#rss {width:38px; float:right; margin:60px 0 0;}
	#rss li {height:33px; margin-bottom: 3px;}
	#rss a {height:33px; display:block; width: 38px; background-position:0 0; background-repeat: no-repeat; font-size: 5px;}
		#rss a.link_facebook {background-image:url(../images/rss_facebook.png);}	
		#rss a.link_twitter {background-image:url(../images/rss_twitter.png);}
		#rss a.link_rss {background-image:url(../images/rss_.png);}
	#rss a:hover {background-position:0 -34px;}
	#rss a span {visibility: hidden;}

	.crumbs {margin:0 0 20px 20px;}
	


/* CONTENT */
/* -----------------------------------------*/
#content-wrapper {padding: 60px 0px 20px 60px; /*background:url(../images/bg_burst3.png) no-repeat 0 0;*/ clear: both; overflow: hidden;}
#content-wrapper-home {padding: 15px 0px 0px 60px; background:url(../images/home_bg_int.jpg) no-repeat 19px 0px; clear: both; overflow: hidden; height: 340px;}
	/*#content-wrapper h3, #content-wrapper-home h3 {font-size:18px; margin:0 0 20px 0;}*/
	#content-wrapper img {display:inline-block;}
#news-wrapper { padding:60px 0 0 0;}

.left-col {width:400px; float:left; margin:0 0 0 20px;}
.left-col.short {width:240px;}
	.left-col h3 {font-size: 16px; margin: 20px 0px 5px; clear: both;}
	.left-col li {font-size: 14px; padding-bottom: 5px;}
.right-col {width:345px; float:left; margin:0 0 0 20px;}
.right-col.wide {width: 640px; margin-left: 40px;}
.top_space {padding-top: 25px;}	

.int_img {width: 390px; height: 304px; background: url(../images/bg-img.png) no-repeat 0 bottom;}
.int_img.vid {height:284px;}

/* home specific */
.home_images {display: block; width: 1020px; height: 352px;}

.who-u-are {width:388px;}
	.who-u-are li {width:388px; height:66px; margin-bottom: 4px;}
	.who-u-are a {width:388px; height:66px; display:block; background-position:0 0; background-repeat: no-repeat;}
	.who-u-are a span {visibility: hidden;}
		.who-u-are a.fund {background-image:url(../images/btn_fund.png);}	
		.who-u-are a.prac {background-image:url(../images/btn_prac.png);}
		.who-u-are a.policy {background-image:url(../images/btn_policy.png);}	
		.who-u-are a.employers {background-image:url(../images/btn_employers.png);}	
	.who-u-are a:hover {background-position:0 -70px;}


	
.address {color:#f6f3d9; font-weight:bold; float:left; display:inline-block; margin:0 0 0 20px;}
.left-col.short .address {margin-left:0px; float:none;}
.left-col.short .email_us {float:none;}
			
.footnote {width: 345px; color: #F6F3D9; font-size: 11px; font-weight: bold; background:url(../images/footer_line.jpg) repeat-x 0 0; padding-top: 10px;}

.form-left {width:350px; float:left; display:inline-block;}
.contact-form label {display:block; font-size:11px; margin:15px 0 0 0;}	
.contact-form input[type=text], .contact-form textarea {padding:5px 10px; border:solid 1px #333; width:300px;}
.contact-form input[type=radio], .contact-form p {display:inline-block; float:left; padding:0 23px 0 6px; margin:0;}
.contact-form input[type=submit] {padding:10px 20px; background-color:#28ABD8; text-align:center; text-transform:uppercase; border:none; color:#FFF; margin:25px 0 0 53px; cursor:pointer; display:inline-block; float:left;}
.contact-form input[type=submit]:hover {background-color:#94CA4C;}
.contact-form input[type=reset] {padding:10px 20px; background-color:#28ABD8; text-align:center; text-transform:uppercase; border:none; color:#FFF; margin:25px 0 0 25px; cursor:pointer; display:inline-block; float:left;}
.contact-form input[type=reset]:hover {background-color:#94CA4C;}

.sm-pdfs {width:295px; display:inline-block; float:left; margin:0 0 30px 20px;}
	.sm-pdfs li { padding-top:7px;}
#news-wrapper .int_img.vid { display:inline-block; float:left;}


/* FOOTER */
/* ----------------------------------------- */
#footer {background:url(../images/footer_line.jpg) repeat-x 0 0; width: 780px; padding:10px 0px 20px 0px; margin: 20px 0px 0px 80px; overflow:hidden; line-height: 20px;}


/* JPLAYER */
/* ----------------------------------------- */

div.jp-audio,
div.jp-video {

	/* Edit the font-size to counteract inherited font sizing.
	 * Eg. 1.25em = 1 / 0.8em
	 */

	font-size:1.25em;

	font-family:Verdana, Arial, sans-serif;
	line-height:1.6;
	color: #666;
}
div.jp-audio {
	width:285px;
}
div.jp-video-270p {
	width:480px;
}
div.jp-video-360p {
	width:640px;
}
div.jp-interface {
	position: relative;
	background-color:#eee;
	/* width:418px; */
	width:100%;
	border:1px solid #009be3;
}
div.jp-audio div.jp-type-single div.jp-interface {
	height:80px;
	border-bottom:none;
}
div.jp-audio div.jp-type-playlist div.jp-interface {
	height:80px;
}
div.jp-video div.jp-type-single div.jp-interface {
	height:60px;
	border-bottom:none;
}
div.jp-video div.jp-type-playlist div.jp-interface {
	height:60px;
}
div.jp-interface ul.jp-controls {
	list-style-type:none;
	padding:0;
	margin: 0;
}
div.jp-interface ul.jp-controls li {
	/* position: absolute; */
	display:inline;
}
div.jp-interface ul.jp-controls a {
	position: absolute;
	overflow:hidden;
	text-indent:-9999px;
}
a.jp-play,
a.jp-pause {
	width:40px;
	height:40px;
	z-index:1;
}
div.jp-audio div.jp-type-single a.jp-play,
div.jp-audio div.jp-type-single a.jp-pause {
	top:20px;
	left:10px;
}
div.jp-audio div.jp-type-playlist a.jp-play,
div.jp-audio div.jp-type-playlist a.jp-pause {
	top:20px;
	left:48px;
}
div.jp-video a.jp-play,
div.jp-video a.jp-pause {
	top:15px;
}
div.jp-video-270p div.jp-type-single a.jp-play,
div.jp-video-270p div.jp-type-single a.jp-pause {
	left:195px;
}
div.jp-video-270p div.jp-type-playlist a.jp-play,
div.jp-video-270p div.jp-type-playlist a.jp-pause {
	left:220px;
}
div.jp-video-360p div.jp-type-single a.jp-play,
div.jp-video-360p div.jp-type-single a.jp-pause {
	left:275px;
}
div.jp-video-360p div.jp-type-playlist a.jp-play,
div.jp-video-360p div.jp-type-playlist a.jp-pause {
	left:300px;
}
a.jp-play {
	background: url("../images/jplayer.blue.monday.jpg") 0 0 no-repeat;
}
a.jp-play:hover {
	background: url("../images/jplayer.blue.monday.jpg") -41px 0 no-repeat;
}
a.jp-pause {
	background: url("../images/jplayer.blue.monday.jpg") 0 -42px no-repeat;
	display: none;
}
a.jp-pause:hover {
	background: url("../images/jplayer.blue.monday.jpg") -41px -42px no-repeat;
}
div.jp-audio div.jp-type-single a.jp-stop {
	top:26px;
	left:57px;
}
div.jp-audio div.jp-type-playlist a.jp-stop {
	top:26px;
	left:126px;
}
div.jp-video a.jp-stop {
	top:21px;
}
div.jp-video-270p div.jp-type-single a.jp-stop {
	left:245px;
}
div.jp-video-270p div.jp-type-playlist a.jp-stop {
	left:298px;
}
div.jp-video-360p div.jp-type-single a.jp-stop {
	left:325px;
}
div.jp-video-360p div.jp-type-playlist a.jp-stop {
	left:378px;
}
a.jp-stop {
	background: url("../images/jplayer.blue.monday.jpg") 0 -83px no-repeat;
	width:28px;
	height:28px;
	z-index:1;
}
a.jp-stop:hover {
	background: url("../images/jplayer.blue.monday.jpg") -29px -83px no-repeat;
}
div.jp-audio div.jp-type-playlist a.jp-previous {
	left:20px;
	top:26px;
}
div.jp-video div.jp-type-playlist a.jp-previous {
	top:21px;
}
div.jp-video-270p div.jp-type-playlist a.jp-previous {
	left:192px;
}
div.jp-video-360p div.jp-type-playlist a.jp-previous {
	left:272px;
}
a.jp-previous {
	background: url("../images/jplayer.blue.monday.jpg") 0 -112px no-repeat;
	width:28px;
	height:28px;
}
a.jp-previous:hover {
	background: url("../images/jplayer.blue.monday.jpg") -29px -112px no-repeat;
}
div.jp-audio div.jp-type-playlist a.jp-next {
	left:88px;
	top:26px;
}
div.jp-video div.jp-type-playlist a.jp-next {
	top:21px;
}
div.jp-video-270p div.jp-type-playlist a.jp-next {
	left:260px;
}
div.jp-video-360p div.jp-type-playlist a.jp-next {
	left:340px;
}
a.jp-next {
	background: url("../images/jplayer.blue.monday.jpg") 0 -141px no-repeat;
	width:28px;
	height:28px;
}
a.jp-next:hover {
	background: url("../images/jplayer.blue.monday.jpg") -29px -141px no-repeat;
}
div.jp-progress {
	position: absolute;
	overflow:hidden;
	background-color: #ddd;
}
div.jp-audio div.jp-type-single div.jp-progress {
	top:32px;
	left:98px;
	width:106px;
	height:15px;
}
div.jp-audio div.jp-type-playlist div.jp-progress {
	top:32px;
	left:164px;
	width:122px;
	height:15px;
}
div.jp-video div.jp-progress {
	top:0px;
	left:0px;
	width:100%;
	height:10px;
}
div.jp-seek-bar {
	background: url("../images/jplayer.blue.monday.jpg") 0 -202px repeat-x;
	width:0px;
	/* height:15px; */
	height:100%;
	cursor: pointer;
}
div.jp-play-bar {
	background: url("../images/jplayer.blue.monday.jpg") 0 -218px repeat-x ;
	width:0px;
	/* height:15px; */
	height:100%;
}

/* The seeking class is added/removed inside jPlayer */
div.jp-seeking-bg {
	background: url("pbar-ani.gif");
}

a.jp-mute,
a.jp-unmute {
	width:18px;
	height:15px;
}
div.jp-audio div.jp-type-single a.jp-mute,
div.jp-audio div.jp-type-single a.jp-unmute {
	top:32px;
	left:218px;
}
div.jp-audio div.jp-type-playlist a.jp-mute,
div.jp-audio div.jp-type-playlist a.jp-unmute {
	top:32px;
	left:296px;
}
div.jp-video a.jp-mute,
div.jp-video a.jp-unmute {
	top:27px;
}
div.jp-video-270p div.jp-type-single a.jp-mute,
div.jp-video-270p div.jp-type-single a.jp-unmute {
	left:304px;
}
div.jp-video-270p div.jp-type-playlist a.jp-unmute,
div.jp-video-270p div.jp-type-playlist a.jp-mute {
	left:363px;
}
div.jp-video-360p div.jp-type-single a.jp-mute,
div.jp-video-360p div.jp-type-single a.jp-unmute {
	left:384px;
}
div.jp-video-360p div.jp-type-playlist a.jp-mute,
div.jp-video-360p div.jp-type-playlist a.jp-unmute {
	left:443px;
}
a.jp-mute {
	background: url("../images/jplayer.blue.monday.jpg") 0 -186px no-repeat;
}
a.jp-mute:hover {
	background: url("../images/jplayer.blue.monday.jpg") -19px -170px no-repeat;
}
a.jp-unmute {
	background: url("../images/jplayer.blue.monday.jpg") 0 -170px no-repeat;
	display: none;
}
a.jp-unmute:hover {
	background: url("../images/jplayer.blue.monday.jpg") -19px -186px no-repeat;
}
div.jp-volume-bar {
	position: absolute;
	overflow:hidden;
	background: url("../images/jplayer.blue.monday.jpg") 0 -250px repeat-x;
	width:30px;
	height:5px;
	cursor: pointer;
}
div.jp-audio div.jp-type-single div.jp-volume-bar {
	top:37px;
	left:244px;
}
div.jp-audio div.jp-type-playlist div.jp-volume-bar {
	top:37px;
	left:248px;
}
div.jp-video div.jp-volume-bar {
	top:32px;
}
div.jp-video-270p div.jp-type-single div.jp-volume-bar {
	left:332px;
}
div.jp-video-270p div.jp-type-playlist div.jp-volume-bar {
	left:391px;
}
div.jp-video-360p div.jp-type-single div.jp-volume-bar {
	left:412px;
}
div.jp-video-360p div.jp-type-playlist div.jp-volume-bar {
	left:471px;
}
div.jp-volume-bar-value {
	background: url("../images/jplayer.blue.monday.jpg") 0 -256px repeat-x;
	width:0px;
	height:5px;
}
div.jp-current-time,
div.jp-duration {
	position: absolute;
	font-size:.64em;
	font-style:oblique;
}
div.jp-duration {
	text-align: right;
}
div.jp-audio div.jp-type-single div.jp-current-time,
div.jp-audio div.jp-type-single div.jp-duration {
	top:49px;
	left:130px;
	width:104px;
}
div.jp-audio div.jp-type-playlist div.jp-current-time,
div.jp-audio div.jp-type-playlist div.jp-duration {
	top:49px;
	left:98px;
	width:122px;
}
div.jp-video div.jp-current-time,
div.jp-video div.jp-duration {
	top:10px;
	left:0px;
	width:98%;
	padding:0 1%;
}
div.jp-playlist {
	/* width:418px; */
	width:100%;
	background-color:#ccc;
	border:1px solid #009be3;
	border-top:none;
}
div.jp-playlist ul {
	list-style-type:none;
	margin:0;
	padding:0 20px;
	/* background-color:#ccc; */
	/* border:1px solid #009be3; */
	/* border-top:none; */
	/* width:378px; */
	font-size:.72em;
}


div.jp-type-single div.jp-playlist li {
	padding:5px 0 5px 20px;
	font-weight:bold;
}
div.jp-type-playlist div.jp-playlist li {
	padding:5px 0 4px 20px;
	border-bottom:1px solid #eee;
}
/*
div.jp-video div.jp-playlist li {
	padding:5px 0 5px 20px;
	font-weight:bold;
}
*/
div.jp-type-playlist div.jp-playlist li.jp-playlist-last {
	padding:5px 0 5px 20px;
	border-bottom:none;
}
div.jp-type-playlist div.jp-playlist li.jp-playlist-current {
	list-style-type:square;
	list-style-position:inside;
	padding-left:8px;
}
div.jp-type-playlist div.jp-playlist a {
	color: #666;
	text-decoration: none;
}
div.jp-type-playlist div.jp-playlist a:hover {
	color:#0d88c1;
}
div.jp-type-playlist div.jp-playlist a.jp-playlist-current {
	color:#0d88c1;
}
div.jp-type-playlist div.jp-playlist div.jp-free-media {
	display:inline;
	margin-left:20px;
}

div.jp-video div.jp-video-play {
	background: transparent url("../images/jplayer.blue.monday.video.play.png") no-repeat center;
	/* position: relative; */
	position: absolute;
	cursor:pointer;
	z-index:2;
}
div.jp-video div.jp-video-play:hover {
	background: transparent url("../images/jplayer.blue.monday.video.play.hover.png") no-repeat center;
}
div.jp-video-270p div.jp-video-play {
	top:-270px;
	width:480px;
	height:270px;
}
div.jp-video-360p div.jp-video-play {
	top:-360px;
	width:640px;
	height:360px;
}

div.jp-jplayer {
	width:0px;
	height:0px;
}
div.jp-video div.jp-jplayer {
	border:1px solid #009be3;
	border-bottom:none;
	z-index:1;
}
div.jp-video-270p div.jp-jplayer {
	width:480px;
	height:270px;
}
div.jp-video-360p div.jp-jplayer {
	width:640px;
	height:360px;
}
div.jp-jplayer {
	background-color: #000000;
}