/* @override 
	http://cfww.dev.barkingdogstudios.com/css/screen.css
	http://worklifecanada.ca/css/screen.css
*/

/*************************************************
	Centre for Families, Work & Well-Being 
		
	Site by Barking Dog Studios
	http://www.barkingdogstudios.com/

*************************************************/
/* @group Main Styles */
* {
	border: 0;
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 16px;
}

a {
	text-decoration: none;
}

a:focus {
	outline: none;
}

.clear {
	clear: both;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	behavior: url("/css/csshover.htc");
	background-color: #504b46;
	padding: 10px 0 0 0;
	height: 100%;
}

#container {
	position: relative;
	width: 960px;
	margin: 0 auto;
}

#wrapper {
	width: 850px;
	border: 1px solid white;
	margin: 0 0 0 102px;
	background: url(../i/common/wrapper.gif) repeat-x bottom #fff;
	overflow: hidden;
}

.hr {
	background: url(../i/projects/divider_line-trans.png) repeat-x;
	display: block;
	width: 100%;
	height: 2px;
}

h1.big_red_header {
	margin: 0;
	padding: 25px 0 15px 10px;
	color: #900;
	font-size: 22px;
	font-weight: bold;
}

#projects_list_details h2.page_header {
	margin: 0;
	padding: 25px 0 70px 30px;
	color: #900;
	font-size: 22px;
	font-weight: bold;
}

#projects_list h1.big_red_header {
	margin: 0;
	padding: 25px 0 20px 20px;
	color: #900;
	font-size: 22px;
	font-weight: bold;
}

h1.big_red_header_events {
	margin: 0;
	padding: 25px 0 45px 10px;
	color: #900;
	font-size: 22px;
	font-weight: bold;
}

#news_events h1.big_red_header {
	margin: 0;
	padding: 25px 0 15px 10px;
	color: #900;
	font-size: 22px;
	font-weight: bold;
}

.page_h2 {
	padding: 30px 20px 10px 13px;
	font-size: 30px;
	line-height: 34px;
	font-weight: bold;
}
/* @end */

/* @group Header */
#header {
	width: 954px;
	height: 154px;
	background: url(../i/common/header_bg.gif) no-repeat 0 top;
	position: relative;
	z-index: 99999;
}

#header #uog_logo a {
	text-indent: -9999px;
	border: none;
	position: absolute;
	outline: none;
	width: 101px;
	height: 154px;
	left: 0;
	top: 0;
	display: block;
}

#header h1#cfww_logo a {
	text-indent: -9999px;
	border: none;
	position: absolute;
	outline: none;
	width: 852px;
	height: 101px;
	left: 102px;
	top: 0px;
	display: block;
}

#header ul.nav {
	position: absolute;
	top: 101px;
	left: 105px;
	list-style: none;
	z-index: 100;
}

#header ul.nav li {
	float: left;
}

#header ul.nav li a {
	position: relative;
	display: block;
	height: 53px;
	background: url(../i/common/header_nav.gif);
	text-indent: -600px;
	overflow: hidden;
	z-index: 1000;
}

#header ul.nav li.nav_about a {
	width: 87px;
	background-position: 0px 0px;
}

#header ul.nav li.nav_news a {
	width: 138px;
	background-position: -87px 0px;
}

#header ul.nav li.nav_projects a {
	width: 107px;
	background-position: -225px 0px;
}

#header ul.nav li.nav_people a {
	width: 87px;
	background-position: -332px 0px;
}

#header ul.nav li.nav_resources a {
	width: 118px;
	background-position: -419px 0px;
}

#header ul.nav li.nav_home a {
	position: absolute;
	top: -100px;
	left: 0;
	width: 850px;
	height: 98px;
	background: none;
	z-index: 9999;
}

#header ul.nav li.nav_about a:hover {
	background-position: 0px -53px;
}

#header ul.nav li.nav_news a:hover {
	background-position: -87px -53px;
}

#header ul.nav li.nav_projects a:hover {
	background-position: -225px -53px;
}

#header ul.nav li.nav_people a:hover {
	background-position: -332px -53px;
}

#header ul.nav li.nav_resources a:hover {
	background-position: -419px -53px;
}
/* @end */

/* @group Newsletter */
.newsletter_signup {
	position: absolute;
	top: 101px;
	right: 0px;
	width: 315px;
	height: 53px;
	background: url(../i/common/newsletter_signup_bg.gif);
	z-index: 2000;
}

.newsletter_signup h2 {
	position: absolute;
	top: 18px;
	left: 18px;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
}

.newsletter_signup .textfield {
	position: absolute;
	top: 25px;
	left: 17px;
	width: 218px;
	height: 18px;
	padding: 2px 0 0 2px;
	border: 1px solid #666;
	background: #fff url(../i/common/newsletter_signup_input.gif);
}

.newsletter_signup .join {
	position: absolute;
	top: 15px;
	right: 16px;
	width: 57px;
	height: 24px;
	background: url(../i/common/newsletter_signup_button.gif);
	cursor: pointer;
}

.newsletter_signup .join:hover {
	background: url(../i/common/newsletter_signup_button.gif) 0px -24px;
}

#newsletter_signup_full {
	display: none;
	position: absolute;
	top: 154px;
	right: 0px;
	width: 316px;
	background: #3c4b24 url(../i/newsletter/newsletter_bg.jpg) no-repeat;
	padding-bottom: 5px;
	z-index: 2001;
}

#newsletter_signup_full h2, #newsletter_signup_full h3 {
	position: absolute;
	top: 5px;
	left: 18px;
	font-size: 14px;
	color: #3f4d26;
	font-weight: bold;
}

#newsletter_signup_full h3 {
	top: 18px;
	font-size: 10px;
}

#newsletter_signup_full ul {
	position: relative;
	padding: 40px 18px 0 18px;
}

#newsletter_signup_full li {
	position: relative;
	display: block;
	padding: 3px 0;
	height: 30px;
}

#newsletter_signup_full li span {
	display: block;
	width: 70px;
	font-size: 12px;
	line-height: 14px;
	color: #222;
}

#newsletter_signup_full li input {
	position: absolute;
	font-size: 11px;
	right: 0;
	top: 20%;
	width: 196px;
	height: 19px;
	background: url(../i/newsletter/newsletter_input_bg.jpg);
	padding: 4px 3px 0 3px;
}

#newsletter_signup_full li input.subscribe {
	width: 166px;
	height: 24px;
	display: block;
	border: 0;
	background: url(../i/newsletter/newsletter_subscribe.gif);
	cursor: pointer;
}

#newsletter_signup_full li input.subscribe:hover {
	background: url(../i/newsletter/newsletter_subscribe.gif) 0px 24px;
}

#newsletter_signup_full p {
	color: #fff;
	padding: 3px 10px 3px 18px;
}

#newsletter_signup_full a {
	color: #fff;
}

#newsletter_signup_full a.close {
	color: #fff;
	position: absolute;
	bottom: 5px;
	right: 18px;
}

#newsletter_signup_full a:hover {
	text-decoration: underline;
}
/* @end */

/* @group Nav Rollovers */
#header ul.nav ul.subnav {
	display: none;
	list-style: none;
	background-color: #8f0202;
	position: absolute;
	top: 53px;
	border: 1px solid #fff;
	border-top: none;
	width: 150px;
	margin-left: -3px;
	cursor: pointer;
}

#header ul.nav ul.subnav li {
	float: none;
	background: url(../i/common/subnav_hr.gif) bottom repeat-x;
}

#header ul.nav li:hover ul.subnav {
	display: block;
}

#header ul.nav ul.subnav a {
	color: #fff;
	padding: 10px 20px;
	display: block;
	background: none;
	text-indent: 0px;
	overflow: visible;
	width: auto;
	height: auto;
}

#header ul.nav ul.subnav a:hover {
	background: url(../i/common/subnav_hover.gif) #6e0202;
}

/* @end */

/* @group Home Page */
#home {
	background: url(../i/normal/normal_bg.gif);
}

#home .left {
	width: 525px;
	margin-right: 10px;
	float: left;
}

#home .left .top, #home .left .bottom {
	position: relative;
	width: 515px;
	margin: 0 0 0 10px;
	background: url(../i/common/bottom_right.gif) -5px 0;
}

#home .left .top {
	background: url(../i/common/arrow_blue.gif) #e8f1f1 no-repeat bottom;
}

#home .left .top img {
	border-top: 10px solid #fff;
	width: 515px;
	display: block;
}

#home .left .top h2 {
	color: #069;
	font-size: 18px;
	font-weight: bold;
	line-height: 18px;
	padding: 5px 10px;
}

#home .left .top p {
	color: #222;
	line-height: 15px;
	padding: 0px 10px 35px;
}

#home .left .top a.learn_more, #home .right .top a.learn_more {
	display: block;
	width: 470px;
	height: 18px;
	text-align: right;
	position: absolute;
	bottom: 0;
	right: 40px;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
}

#home .left .top a.learn_more:hover, #home .right .top a.learn_more:hover {
	color: #000;
}

#home .left .bottom {
	position: relative;
	overflow: hidden;
	width: 515px;
}

#home .left .bottom ul {
	width: 237px;
	float: left;
	padding: 10px 5px 40px 15px;
	list-style: none;
}

#home .left .bottom ul li {
	padding: 0 0 10px 0;
}

#home .left .bottom ul.bottom_left h2, #home .left .bottom ul.bottom_right h2 {
	color: #069;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #ececec;
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
}

#home .left .bottom ul.bottom_left h3, #home .left .bottom ul.bottom_right h3 {
	color: #069;
	font-size: 12px;
	font-weight: bold;
}

#home .left .bottom ul.bottom_left p, #home .left .bottom ul.bottom_right p {
	font-size: 11px;
}

/* This styles the bottom left links */
#home .left .bottom ul.bottom_left a, #home .left .bottom ul.bottom_left li h3 a {
	color: #369;
	font-size: 12px;
	font-weight: bold;
}

#home .left .bottom ul.bottom_left a:hover {
	color: #000;
	font-weight: bold;
}

/* This styles the bottom right links */
#home .left .bottom ul.bottom_left a, #home .left .bottom ul.bottom_right a {
	color: #81a24c;
	font-weight: bold;
}

#home .left .bottom ul.bottom_left a, #home .left .bottom ul.bottom_right a:hover {
	color: #000;
	font-weight: bold;
}

#home .left .bottom ul.bottom_right a.view_all {
	position: relative;
	display: block;
	width: 145px;
	height: 13px;
	padding: 2px 0 0 0;
	background: url(../i/common/projects_all_arrow.gif) top right no-repeat;
	text-transform: uppercase;
	font-weight: bold;
	color: #069;
}

#home .left .bottom ul.bottom_left a.view_all {
	position: relative;
	bottom: 0;
	display: block;
	width: 145px;
	height: 13px;
	padding: 2px 0 0 0;
	background: url(../i/common/projects_all_arrow.gif) top right no-repeat;
	text-transform: uppercase;
	font-weight: bold;
	color: #069;
}

#home .left .bottom ul.bottom_right a.view_all {
	width: 170px;
	background: url(../i/common/recent_all_arrow.gif) right no-repeat;
	color: #81a24c;
}

#home .left .bottom ul.bottom_left a.view_all:hover, #home .left .bottom ul.bottom_right a.view_all:hover {
	color: #000;
}

#home .left .bottom ul.bottom_right {
	background: url(../i/common/bottom_right.gif);
}

#home .left .bottom ul.bottom_right h2, #home .left .bottom ul.bottom_right h3 {
	color: #81a24c;
}

#home .left .bottom ul.bottom_left a.read_more {
	color: #069;
	font-weight: bold;
	text-decoration: none;
}

#home .left .bottom ul.bottom_right a.read_more {
	color: #81a24c;
	font-weight: bold;
}

#home .left .bottom ul.bottom_left a.read_more:hover, #home .left .bottom ul.bottom_right a.read_more:hover {
	color: #000;
}

#home .right {
	width: 304px;
	float: left;
}

#home .right .top, #home .right .bottom {
	position: relative;
	width: 304px;
}

#home .right .top {
	background: url(../i/common/arrow_red.gif) #e5e3db no-repeat bottom;
	padding: 0 0 30px 0;
}

#home .right .top h2 {
	color: #900;
	font-size: 22px;
	font-weight: bold;
	line-height: 22px;
	padding: 5px 20px;
}

#home .right .top p {
	color: #222;
	overflow: hidden;
	font-size: 13px;
	line-height: 20px;
	padding: 0 20px 12px 20px;
}

#home .right .top a.learn_more {
	width: 250px;
}

#home .right .bottom {
	position: relative;
	width: 304px;
	height: 352px;
	background: url(../i/common/project_websites_bg.gif);
}

#home .right .bottom h2 {
	font-size: 17px;
	font-weight: bold;
	padding: 10px 0 0 18px;
	color: #fff;
}

#home .right .bottom ul {
	position: absolute;
	top: 40px;
	left: 0;
	list-style: none;
}

#home .right .bottom li a {
	display: block;
	width: 304px;
	height: 49px;
	color: #333;
}

#home .right .bottom li a em {
	font-style: normal;
	position: relative;
	left: 95px;
	display: block;
	width: 200px;
}

#home .right .bottom li.fira {
	background: url(../i/common/project_websites_fira.gif) 18px 4px no-repeat;
}

#home .right .bottom li.fira a em {
	top: 10px;
}

#home .right .bottom li.rwmc {
	background: url(../i/common/project_websites_rwmc.gif) 18px 4px no-repeat;
}

#home .right .bottom li.rwmc a em {
	top: 18px;
}

#home .right .bottom li.rwl {
	background: url(../i/common/project_websites_rwl.gif) 18px 4px no-repeat;
}

#home .right .bottom li.rwl a em {
	top: 18px;
}

#home .right .bottom li.stress {
	background: url(../i/common/project_websites_stress.gif) 18px 4px no-repeat;
}

#home .right .bottom li.stress a em {
	top: 18px;
}

#home .right .bottom li.elderabuse {
	background: url(../i/common/project_websites_elderabuse.gif) 18px 4px no-repeat;
}

#home .right .bottom li.elderabuse a em {
	top: 18px;
}

#home .right .bottom li.workfamflict {
	background: url(../i/common/project_websites_workfamflict.gif) 18px 4px no-repeat;
}

#home .right .bottom li.workfamflict a em {
	top: 18px;
}

#home .right .bottom li a:hover em {
	color: #000;
}

#home .right .bottom p {
	position: absolute;
	left: 18px;
	bottom: 30px;
	width: 265px;
	color: #fff;
}

#home .right .bottom p a {
	text-decoration: underline;
	color: #fff;
}

#home .right .bottom p a:hover {
	text-decoration: underline;
	color: #000;
}
/* @end */

/* @group Normal Page */
#normal {
	background: url(../i/normal/normal_bg.gif);
}

#normal .left .top_image img {
	display: block;
	border-top: 10px solid #fff;
	width: 515px;
}

#normal .left .copy {
	padding: 0 0 0 10px;
}

#normal .left .copy h1 {
	margin: 0;
	padding: 25px 0 15px 10px;
	color: #900;
	font-size: 22px;
	font-weight: bold;
}

#normal .left .copy h2 {
	color: #000;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	padding: 10px;
}

#normal .left .copy h3 {
	color: #000;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	padding: 10px;
}

#normal .left .copy p {
	color: #222;
	overflow: hidden;
	line-height: 18px;
	padding: 0px 10px 15px 10px;
}

#normal .left .copy p a {
	color: #900;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px solid #900;
}

#normal .left .copy p a:hover {
	color: #333;
	text-decoration: none;
	border: none;
}

#normal .left .copy ol, #normal .left .copy ul {
	list-style-position: outside;
	padding: 5px 10px 5px 30px;
}

#normal .left .copy li {
	padding: 0px 0px 10px 0px;
}

#normal .left .copy li p {
	padding: 0px 0px 0px 0px;
}

#normal .left .copy li a {
	color: #900;
	text-decoration: underline;
}

#normal .left .copy li a:hover {
	color: #000;
	text-decoration: underline;
}

#normal .left {
	width: 535px;
	float: left;
}

#normal .right {
	display: block;
	width: 304px;
	float: left;
	border-right: 10px solid #fff;
}

#normal .right ul {
	position: relative;
	width: 250px;
	padding: 10px 5px 35px 25px;
	list-style: none;
}

#normal .right ul li {
	padding: 0 0 10px 0;
}

#normal .right ul.right_left h2, #normal .right ul.right_right h2 {
	color: #069;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #ececec;
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
}

#normal .right ul.right_left h3, #normal .right ul.right_right h3 {
	color: #069;
	font-size: 12px;
	font-weight: bold;
}

#normal .right ul.right_left h3 a {
	color: #81a24c;
}

#normal .right ul.right_right h3 a {
	color: #069;
}

#normal .right ul.right_left h3 a:hover, #normal .right ul.right_right h3 a:hover {
	color: #000;
}

#normal .right ul.right_left p, #normal .right ul.right_right p {
	font-size: 11px;
}

#normal .right ul.right_left a.view_all, #normal .right ul.right_right a.view_all {
	position: absolute;
	bottom: 15px;
	display: block;
	width: 145px;
	height: 13px;
	padding: 2px 0 0 0;
	background: url(../i/common/projects_all_arrow.gif) top right no-repeat;
	text-transform: uppercase;
	font-weight: bold;
	color: #069;
}

#normal .right ul.right_left a.view_all {
	width: 170px;
	background: url(../i/common/recent_all_arrow.gif) right no-repeat;
	color: #81a24c;
}

#normal .right ul.right_left a.view_all:hover, #normal .right ul.right_right a.view_all:hover {
	color: #000;
}

#normal .right ul.right_left h2, #normal .right ul.right_left h3 {
	color: #81a24c;
}

#normal .right ul.right_right a.read_more {
	color: #069;
	font-weight: bold;
}

#normal .right ul.right_left a.read_more {
	color: #81a24c;
	font-weight: bold;
}

#normal .right ul.right_right a.read_more:hover, #normal .right ul.right_left a.read_more:hover {
	color: #000;
}
/* @end */

/* @group Projects Page */
/*#projects {
	background: transparent #fff;
}*/

#projects .page_h2 {
	color: #069;
}

#projects p {
	margin: 0 15px 0 15px;
}

#projects ul, #projects li {
	list-style: none;
}

#projects ul.categories {
	position: relative;
	left: 5px;
}

/* The height needs to be set because each block uses the same background image. */
#projects li.categories_block {
	position: relative;
	width: 200px;
	height: 300px;
	margin: 0 5px;
	padding: 0 0 80px 0;
	float: left;
	background: url(../i/projects/round_corner_bottom-trans.png) no-repeat bottom;
}

#projects li.categories_block.block1 {
	background-color: #6c6761;
}

#projects li.categories_block.block2 {
	background-color: #8ec043;
}

#projects li.categories_block.block3 {
	background-color: #5a9aa2;
}

#projects li.categories_block.block4 {
	background-color: #d59d2e;
}

/*Used to style header links on the Project and Research Themes page */
ul.categories li.categories_block h3 a {
	margin: 0;
	padding: 0;
	color: #fff;
	font: 12px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
}

ul.categories li.categories_block h3 a:hover {
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	border-bottom: 1px dotted #fff;
}

#projects li.categories_block.block5 h3 a {
	color: #333;
}

#projects li.categories_block.block5 h3 a:hover {
	color: #333;
	text-decoration: none;
	border-bottom: 1px dotted #333;
}

#projects li.categories_block.block5 {

/* Other Block */
	width: 831px;
	height: 45px;
	margin: 40px 0 10px 0;
	padding: 0;
	background: url(../i/projects/other_bg.gif) no-repeat;
	position: relative;
	left: 5px;
}

#projects li.categories_block.block5 .hr {
	display: none;
}

#projects li.categories_block.block5 h3 {
	width: auto;
	height: auto;
	background: transparent;
	padding: 0;
	margin: 0;
}

#projects li.categories_block.block5 h3 {
	position: absolute;
	top: -20px;
	left: 10px;
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	color: #069;
}

#projects li.categories_block.block5 h4 {
	float: left;
	color: #000;
	margin: 0;
	padding: 6px 10px 0 22px;
	background-color: transparent;
}

#projects li.categories_block h3 {
	padding: 100px 13px 10px 13px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	background: url(../i/projects/round_corner_top_grad-trans.png) no-repeat top;
	height: 30px;
}

#projects li.categories_block h4 {
	background: transparent url(../i/projects/h4_bg-trans.png);
	padding: 5px 13px;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
}

#projects li.categories_block img {
	position: absolute;
	top: 2px;
	left: 2px;
}

#projects ul.categories ul.subcategories {
	margin-top: 6px;
	padding-left: 4px;
}

#projects ul.categories li.categories_block.block5 ul.subcategories {
	float: left;
	margin: 7px 0 0 0;
	padding: 0;
}

#projects ul.categories li.categories_block.block5 ul.subcategories li {
	margin: 0;
	padding: 0;
}

#projects ul.categories li.categories_block.block5 ul.subcategories li a {
	margin: 0;
	padding: 0;
}

#projects ul.categories ul.subcategories li {
	margin: 0;
	padding-bottom: 2px;
}

#projects ul.categories .subcategories li a {
	display: block;
	font: bold 12px/15px Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 0 10px;
	margin: 0 10px 0 12px;
	background: url(../i/projects/li_bullet-trans.png) 0 4px no-repeat;
}

/* Styles the Main Projects page cat/subcat listings*/
#projects ul.categories li.categories_block.block1 .subcategories li a:hover em {
	color: #333;
}

#projects ul.categories li.categories_block.block2 .subcategories li a:hover em {
	color: #666633;
}

#projects ul.categories li.categories_block.block3 .subcategories li a:hover em {
	color: #336666;
}

#projects ul.categories li.categories_block.block4 .subcategories li a:hover em {
	color: #963;
}

#projects ul.categories li.categories_block.block5 .subcategories li a:hover em {
	color: #333;
}

#projects li.categories_block.block5 .subcategories li a {
	color: #069;
}

#projects li.categories_block .subcategories li em {
	font-size: 10px;
	font-style: normal;
	padding: 0 0 0 3px;
}
/* @end */

/* @group Project List */
#body_copy {
	margin: 0 0 0 20px;
	padding: 0;
	font: 12px/15px Arial, Helvetica, sans-serif;
	color: #333;
	width: 800px;
}

#body_copy p {
	margin: 0;
	padding-bottom: 12px;
}

#body_copy p a {
	color: #069;
	font-size: 12px;
	font-weight: bold;
}

#body_copy p a:hover {
	color: #000;
	font-size: 12px;
	font-weight: bold;
}

#body_copy ol {
	margin: 0 0 12px 30px;
	padding: 0;
}

#body_copy ol li {
	margin: 0;
	padding-bottom: 8px;
}

#body_copy ul {
	margin: 0 0 12px 30px;
	padding: 0;
}

#body_copy ul li {
	margin: 0;
	padding-bottom: 8px;
}


/********** PROJECTS LISTINGS - Added Aug 4/2009 **********/
#projects_list .copy.projectlist {
	margin: 0 auto 10px;
	padding: 0;
	width: 828px;
	overflow: hidden;
}

#projects_list ul.projects h4 {
	position: relative;
	padding: 10px 15px;
	font-size: 24px;
	line-height: 28px;
	font-weight: bold;
	color: #fff;
}

#projects_list ul.projects.sc1 {
	left: 0 !Important;
	border-top: 1px solid #56524d;
}

#projects_list ul.projects.sc1 h4 {
	background: #6c6761;
	border-top: 1px solid #898580;
	border-bottom: 1px solid #56524d;
}

#projects_list ul.projects.sc2 {
	border-top: 1px solid #719935;
}

#projects_list ul.projects.sc2 h4 {
	background: #8ec043;
	border-top: 1px solid #a4cc68;
	border-bottom: 1px solid #719935;
}

#projects_list ul.projects.sc3 {
	border-top: 1px solid #487b81;
}

#projects_list ul.projects.sc3 h4 {
	background: #5a9aa2;
	border-top: 1px solid #7baeb4;
	border-bottom: 1px solid #487b81;
}

#projects_list ul.projects.sc4 {
	border-top: 1px solid #aa7d24;
}

#projects_list ul.projects.sc4 h4 {
	background: #d59d2e;
	border-top: 1px solid #ddb057;
	border-bottom: 1px solid #aa7d24;
}

#projects_list ul.projects.sc5 {
	border-top: 1px solid #56524d;
}

#projects_list ul.projects.sc5 h4 {
	background: #6c6761;
	border-top: 1px solid #898580;
	border-bottom: 1px solid #56524d;
}

#projects_list ul.projects {
	position: relative;
	margin: 38px 0 0 0;
	padding: 0;
	list-style: none;
	width: 830px;
}

#projects_list ul.projects li {
	position: relative;
	padding-bottom: 10px;
	overflow: hidden;
}

#projects_list ul.projects li a.readmore {
	position: absolute;
	right: 5px;
	bottom: 0;
	display: block;
	width: 104px;
	height: 30px;
	background: url(../i/projects/read_more.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer !important;	
}

#projects_list h4 a.see_articles {
	position: absolute;
	bottom: 0;
	right: 5px;
	display: block;
	width: 108px;
	height: 30px;
	background: url(../i/projects/see_topics.png) right no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	border: none;
}

#project_body_copy.sc1 {
	background-color: #6c6761;
	border-top: 1px solid #898580;
	border-bottom: 1px solid #56524d;
}

#project_body_copy.sc2 {
	background-color: #8ec043;
	border-top: 1px solid #a4cc68;
	border-bottom: 1px solid #719935;
}

#project_body_copy.sc3 {
	background-color: #5a9aa2;
	border-top: 1px solid #7baeb4;
	border-bottom: 1px solid #487b81;
}

#project_body_copy.sc4 {
	background-color: #d59d2e;
	border-top: 1px solid #ddb057;
	border-bottom: 1px solid #aa7d24;
}

#project_body_copy.sc5 {
	background-color: #6c6761;
	border-top: 1px solid #898580;
	border-bottom: 1px solid #56524d;
}

#project_body_copy a {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}

#project_body_copy a:hover {
	color: #efefef;
	font-weight: bold;
	text-decoration: none;
}

#project_body_copy ol {
	margin: 10px 10px 8px 25px;
	padding: 0;
	width: 750px !important;
	list-style: decimal !important;
	list-style-type: decimal !important;
	list-style-position: inside !important;
	background-color: transparent !important;
} 

#project_body_copy ol li, #project_body_copy ul li {
	margin: 0;
	padding: 0 0 4px 0 !important;
	width: 750px !important;
	background-color: transparent !important;
	border: none !important;
}

#project_body_copy ul  {
	margin: 10px 10px 8px 25px;
	padding: 0 0 0 0;
	width: 750px !important;
	list-style: square !important;
	list-style-type: square !important;
	list-style-position: inside !important;
	background-color: transparent !important;
} 

#projects_list ul.projects.sc1 li {
	background-color: #b3ada8;
	border-top: 1px solid #cdc9c5;
	border-bottom: 1px solid #9a9692;
}

#projects_list ul.projects.sc1 li.alt {
	background-color: #c1bcb7;
}

#projects_list ul.projects.sc2 li {
	background-color: #7fac3c;
	border-top: 1px solid #a3c372;
	border-bottom: 1px solid #70903f;
}

#projects_list ul.projects.sc2 li.alt {
	background-color: #8cb44f;
}

#projects_list ul.projects.sc3 li {
	background-color: #508a91;
	border-top: 1px solid #73a1a7;
	border-bottom: 1px solid #406e74;
}

#projects_list ul.projects.sc3 li.alt {
	background-color: #61959c;
}

#projects_list ul.projects.sc4 li {
	background-color: #bf8c29;
	border-top: 1px solid #cba353;
	border-bottom: 1px solid #987020;
}

#projects_list ul.projects.sc4 li.alt {
	background-color: #c5973c;
}

#projects_list ul.projects.sc5 li {
	background-color: #b3ada8;
	border-top: 1px solid #cdc9c5;
	border-bottom: 1px solid #9a9692;
}

#projects_list ul.projects.sc5 li.alt {
	background-color: #c1bcb7;
}


/*********** PROJECT DETAILS **********/
#projects_details_wrapper {
	border-top: 1px solid #56524d;
}

#projects_list.details #projects_details_wrapper {
	margin-top: 38px;
}

#projects_list.details #projects_details_wrapper h4 {
	position: relative;
	padding: 10px 15px;
	font-size: 24px;
	line-height: 28px;
	font-weight: bold;
	color: #fff;
	background: #6c6761;
	border-top: 1px solid #898580;
	border-bottom: 1px solid #56524d;
}

#projects_list.details #projects_details_wrapper h5 {
	position: relative;
	padding: 0 15px;
	font-size: 12px;
	line-height: 28px;
	font-weight: bold;
	color: #fff;
	background: #6c6761;
	border-top: 1px solid #898580;
	border-bottom: 1px solid #56524d;
}

#projects_details_wrapper img {
	float: right;
	padding: 10px 0 10px 10px;
}

#projects_details_wrapper .project_details_content h1 {
	margin-bottom: 8px;
	padding: 0;
	font-size: 18px;
	font-weight: bold;
}

#projects_details_wrapper .project_details_content {
	padding: 10px 15px;
	font-size: 12px;
	color: #333;
	background: #b3ada8;
}

#projects_details_wrapper .project_details_content p {
	padding-bottom: 5px;
	font-size: 12px;
	color: #333;
}

.project_details_content p.MsoNormal {
	font-size: 12px !important;
	color: #333 !important;
}

.project_details_content ul, .project_details_content ol {
	margin: 5px 25px 10px;
	font-size: 12px !important;
	color: #333 !important;
	background: transparent !important;
}

#projects_details_wrapper .project_details_content a {
	color: #069;
	font-weight: bold;
}

#projects_details_wrapper .project_details_content a:hover {
	color: #000;
	font-weight: bold;
	text-decoration: underline;
}

#projects_list_details_wrapper a.see_articles {
	position: absolute;
	bottom: 2px;
	right: 5px;
	display: block;
	width: 115px;
	height: 30px;
	background: url(../i/projects/see_topics.png) right no-repeat;
	text-indent: -500px;
	overflow: hidden;
}

/* Hides the Other tab on Project List page */
#projects_list li.block5 h3 {
	display: none;
}

#projects_list .block2 a.readmore {
	position: relative;
	left: 720px;
	display: block;
	width: 104px;
	height: 30px;
	background: url(../i/projects/read_more.png) no-repeat;
	text-indent: -500px;
	overflow: hidden;
}

#projects_list .title, #projects_list .title a {
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	color: #000;
	padding: 10px 7px;
}

#projects_list .people {
	float: left;
	position: relative;
	width: 150px;
	padding: 0 10px 10px 15px;
}

#projects_list ul.projects li .summary {
	width: 450px;
	float: left;
	position: relative; 
	left: 80px;
	padding: 0;
}
/* @end */

/* @group News and Events */
#news_events_detail .tab_news .left p a {
	color: #069;
	font-weight: bold;
	text-decoration: underline;
}

#news_events_detail .tab_news .left p a:hover {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

#news_events_detail .tab_events .left p a {
	color: #069;
	font-weight: bold;
	text-decoration: underline;
}

#news_events_detail .tab_events .left p a:hover {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

#news_events .copy {
	width: 830px;
	margin: 0 0 0 10px;
	color: #333;
}

#news_events h1 {
	background: url(../i/projects/round_corner_top.png) top no-repeat;
}

#news_events .tab_news h1 {
	background-color: #81a24d;
}

#news_events .tab_events h1 {
	background-color: #7da3b1;
}

#news_events h1 span {
	display: block;
	width: 180px;
	padding: 3px 0 0 15px;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	color: #fff;
}

#news_events ul.listing {
	margin-bottom: 10px;
	padding: 0;
}

#news_events ul.listing li {
	position: relative;
	list-style: none;
	width: 830px;
}

#news_events ul.listing li:hover {
	background: url(../i/common/1x1-trans.png);
}

#news_events .title {
	display: block;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	color: #000;
	padding: 10px 15px;
}

#news_events .sub_title {
	display: block;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	color: #000;
	padding: 0px 15px 10px 15px;
	margin: -5px 0 0 0;
}

#news_events .date {
	width: 140px;
	padding: 0 10px 10px 15px;
}

#news_events .people {
	width: 600px;
	margin-left: 170px;
	padding: 0 0 20px 0;
}

#news_events .pagination {
	padding: 5px;
	text-align: right;
	padding-bottom: 10px;
}

#news_events .pagination ul li {
	display: block;
	width: 18px;
	height: 18px;
	float: left;
}

#news_events .pagination ul li a {
	display: block;
	width: 18px;
	height: 18px;
	float: left;
	color: #333;
	text-align: center;
}

#news_events .pagination ul li a:hover {
	color: #fff;
	background-color: #547d15;
}

#news_events .pagination ul li.previous, #news_events .pagination ul li.next {
	display: block;
	width: 18px;
	height: 18px;
	background: url(../i/common/pagination_previous.gif);
	text-indent: -1000px;
	overflow: hidden;
}

#news_events .pagination ul li.next {
	background: url(../i/common/pagination_next.gif);
}

#news_events .pagination ul li.previous a:hover {
	background: transparent url(../i/common/pagination_previous.gif);
}

#news_events .pagination ul li.next a:hover {
	background: transparent url(../i/common/pagination_next.gif);
}

#news_events .img_placeholder {
	position: absolute;
	top: 212px;
	right: 16px;
	display: block;
	width: 410px;
	height: 39px;
	background: url(../i/news_events/cfww-news-image.jpg) no-repeat;
	z-index: 198;
}

#news_events_detail .img_placeholder {
	position: absolute;
	top: 211px;
	right: 17px;
	display: block;
	width: 410px;
	height: 39px;
	background: url(../i/news_events/image_placeholder.jpg) no-repeat;
	z-index: 198;
}

.tab_news {
	position: relative;
	background-color: #81a24d;
	margin: 39px 0 40px 0;
	padding: 0;
	z-index: 200;
}

.tab_news h1 {
	position: absolute;
	top: -39px;
	background-color: #81a24d;
	width: 200px;
	height: 39px;
}

.tab_news ul.listing {
	background-color: #cfdeb7;
}

.tab_news ul.listing .alt {
	background-color: #c5d6a9;
}

.tab_events ul.listing {
	background-color: #cbdae0;
}

.tab_events ul.listing .alt {
	background-color: #cbdae0;
}

/* The width and height are set to 100% so that the entire listing block is clickable */
.tab_events ul.listing a {
	position: absolute;
	right: 5px;
	bottom: 0;
	cursor: pointer !important;
	display: block;
	width: 105px;
	height: 30px;
	background: url(../i/news_events/read_more-blue.png) no-repeat right bottom;
	text-indent: -9999px;
	overflow: hidden;
}

.tab_news ul.listing a {
	position: absolute;
	right: 5px;
	bottom: 0;
	display: block;
	width: 105px;
	height: 30px;
	background: url(../i/news_events/read_more.png) no-repeat right bottom;
	text-indent: -9999px;
	cursor: pointer !important;
	overflow: hidden;
}

.tab_events ul.filter, .tab_news ul.filter {
	display: block;
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	color: #fff;
	list-style: none;
	padding: 15px 0 0 0;
	height: 35px;
}

.tab_events ul.filter li, .tab_news ul.filter li {
	float: left;
	padding: 5px;
}

.tab_events ul.filter li a, .tab_news ul.filter li a {
	padding: 5px;
	color: #fff;
}

.tab_events ul.filter li a:hover, .tab_news ul.filter li a:hover {
	background-color: #39550c;
}

.tab_events ul.filter li.show, .tab_news ul.filter li.show {
	font-size: 16px;
}

.tab_events ul.filter li.keyword, .tab_news ul.filter li.keyword {
	display: block;
}

.tab_events ul.filter li.keyword em, .tab_news ul.filter li.keyword em {
	float: left;
	font-style: normal;
	padding: 5px;
	margin: -5px 0 0 0;
}

.tab_events ul.filter li.keyword span, .tab_news ul.filter li.keyword span {
	position: relative;
	float: left;
	height: 20px;
}

.tab_events ul.filter li.keyword span .text_box, .tab_news ul.filter li.keyword span .text_box {
	width: 134px;
	height: 17px;
	padding: 3px 3px 0 3px;
	background: url(../i/news_events/input.gif);
	border: 0;
}

.tab_events ul.filter li.keyword span .submit, .tab_news ul.filter li.keyword span .submit {
	position: absolute;
	right: -62px;
	width: 58px;
	height: 20px;
	background: url(../i/news_events/search.png);
	border: 0;
	cursor: pointer;
}

.tab_news ul.filter li.keyword span .submit:hover {
	background: url(../i/news_events/search.png) 0px 20px;
}

.tab_events h1 span a, .tab_news h1 span a {
	color: white;
}

/* Had to add another wrapper called .event_detail_container so that I could position this only on the event detail page */
.event_detail_container .tab_events {
	position: relative;
	top: -1px;
	background-color: #7da3b1;
	margin: 25px 0 10px 0;
	padding: 0;
	width: 830px;
	z-index: 199;
	background: url(../i/news_events/events_bg.gif) #CBDAE0 repeat-y right bottom;
}

.tab_events {
	background-color: #7da3b1;
	margin-top: -30px;
	z-index: 199;
}

.tab_events h1 {
	position: absolute;
	top: -39px;
	left: 210px;
	background-color: #7da3b1;
	width: 200px;
	height: 39px;
}

#news_events_detail .tab_events h1 {
	position: absolute;
	top: -39px;
	left: 210px;
	background-color: #7da3b1;
	width: 200px;
	height: 39px;
}

.container {
	position: relative;
	display: block;
}

#news_events_detail .copy {
	width: 830px;
	margin: 0 0 0 10px;
	color: #333;
}

#news_events_detail h1 {
	background: url(../i/projects/round_corner_top.png) top no-repeat;
}

#news_events_detail .tab_news h1 {
	background-color: #81a24d;
}

#news_events_detail h1 span {
	display: block;
	width: 180px;
	padding: 3px 0 0 15px;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	color: #fff;
}

#news_events_detail .tab_events {
	background: url(../i/news_events/events_right_bg.gif) #CBDAE0 repeat-y right bottom;
}

#news_events_detail .tab_news {
	background: url(../i/news_events/news_bg.gif) #cfdeb7 repeat-y;
	width: 830px;
}

#news_events_detail .tab_news h2 {
	position: relative;
	background-color: #81a24d;
	margin: 0;
	padding: 10px 0 5px 15px;
	width: 815px;
	overflow: hidden;
	font-size: 14px;
	color: #fff;
}

#news_events_detail .tab_events h2 {
	position: relative;
	background-color: #7DA3B1;
	margin: 0 !important;
	padding: 10px 0 5px 15px;
	width: 815px;
	overflow: hidden;
	font-size: 14px;
	color: #fff;
}

#news_events_detail .tab_events h2 a.see_articles {
	display: block;
	position: absolute;
	right: 5px;
	bottom: 0;
	width: 132px;
	height: 30px;
	background: #7DA3B1 url(../i/news_events/see_all_events.gif) no-repeat right bottom;
}

#news_events_detail .tab_news h2 a.see_articles {
	display: block;
	position: absolute;
	right: 5px;
	bottom: 0;
	width: 150px;
	height: 32px;
	background: #81a24d url(../i/news_events/see_all_news.gif) no-repeat right bottom;
}

#news_events_detail .tab_events h2 a.see_articles span, #news_events_detail .tab_news h2 a.see_articles span {
	display: none;
}

#news_events_detail .tab_events .left, #news_events_detail .tab_news .left {
	float: left;
	width: 520px;
}

#news_events_detail .tab_events .left p, #news_events_detail .tab_news .left p {
	color: #333;
	padding: 15px;
	font-size: 14px;
	line-height: 18px;
}

#news_events_detail .tab_events .right, #news_events_detail .tab_news .right {
	float: left;
	width: 300px;
}

#news_events_detail .tab_events .right img, #news_events_detail .tab_news .right img {
	padding: 10px;
	border: none;
}

#news_events_detail .tab_events .right p , #news_events_detail .tab_news .right p {
	padding: 0 10px;
}
/* @end */

/* @group Resources */
#resources_list {
	width: 830px;
}

#resources_list a.resource_link {
	display: block;
	float: right;
	position: relative;
	top: 15px;
	margin: 0 10px 0 0;
	padding: 0;
	color: #069;
	font-weight: bold;
	text-decoration: underline;
}

#resources_list a:hover.resource_link {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

#resources_list .copy {
	position: relative;
	left: 10px;
	margin: 0 0 14px 0;
	background: #c9d2da url(../i/resources/resource_list_right_bg.jpg) repeat-y 530px bottom;
	overflow: hidden;
}

#resources_list .left {
	float: left;
	width: 530px;
	overflow: hidden;
	background: #c9d2da url(../i/resources/results_bg.gif) repeat-y right top !important;
}

#resources_list .left .resource_details_top .hr {
	width: 100%;
}

#resources_list .left .resource_details_bottom .hr {
	margin: 0 auto 20px auto;
	padding-right: 22px;
	width: 488px;
}

#resources_list .left h1 {
	font: bold 18px/20px Arial, Helvetica, sans-serif;
	color: #fff;
	background: url(../i/projects/round_corner_top.png) top no-repeat;
}

#resources_list .left .tab_news h1 {
	background-color: #81a24d;
}

#resources_list .left .tab_events h1 {
	background-color: #7da3b1;
}

#resources_list .left h1 span {
	display: block;
	width: 180px;
	padding: 3px 0 0 15px;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	color: #fff;
}

/* Added a large margin-bottom so that the ul.listing text wouldn't disappear under the .display_results div that is absolutely positioned */
#resources_list .left ul.listing {
	position: relative;
	z-index: 999;
	float: left;
	width: 530px;
	margin-bottom: 120px;
	background-color: #c9d2da;
	overflow: hidden;
}

#resources_list .left ul.listing h4.source {
	margin: 0;
	padding: 0 0 0 14px;
}

#resources_list .left ul.listing li {
	position: relative;
	margin: 0;
	padding: 0;
	width: 530px;
	list-style: none;
	overflow: hidden;
	background-color: #c9d2da;
}

#resources_list .left ul.listing li.alt {
	background-color: #bac6d0;
}

#resources_list div.copy div.left ul.listing li a {
	color: #000;
	display: block;
	width: 100%;
	height: 100%;
}

#resources_list .left .title {
	display: block;
	font-size: 14px !important;
	line-height: 16px;
	font-weight: bold;
	color: #000;
	padding: 10px 15px;
}

#resources_list .left .sub_title {
	display: block;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	color: #000;
	padding: 0px 15px 10px 15px;
	margin: -5px 0 0 0;
}

#resources_list .left .date {
	width: 140px;
	padding: 0 10px 10px 0;
	font-weight: normal;
}

#resources_list div.copy div.left ul.listing li .summary {
	margin: 0;
	padding: 10px 10px 8px 15px;
	width: 500px;
	font-size: 12px;
	font-style: italic;
}

#resources_list div.copy div.left ul.listing li div.people {
	margin: 0;
	padding: 0 0 2px 15px;
	font-size: 11px;
}

#resources_list div.copy div.left ul.listing li ul#resource_meta {
	margin: 0;
	padding: 0 0 12px 15px;
	list-style: none;
	overflow: hidden;
	background-color: transparent;
}

#resources_list div.copy div.left ul.listing li ul#resource_meta li {
	float: left;
	margin: 0;
	padding: 0;
	background-color: transparent;
}

#resources_list div.copy div.left ul.listing li ul#resource_meta li:hover {
	background: transparent;
}

#resources_list div.copy div.left ul.listing li ul#resource_meta li.file_info {
	font-size: 11px;
	padding-right: 4px;
}

#resources_list div.copy div.left ul.listing li ul#resource_meta li.file_size {
	font-size: 11px;
	padding-right: 8px;
}

#resources_list div.copy div.left ul.listing li ul#resource_meta li.published {
	font-size: 11px;
}

#resources_list ul.filter {
	display: block;
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	color: #fff;
	list-style: none;
	padding: 22px 0 0 10px;
	height: 45px;
	background: #8a9cae url(../i/resources/detail_title_bg.jpg) no-repeat left top;
}

#resources_list ul.filter li {
	float: left;
	padding: 5px;
}

#resources_list ul.filter li a {
	padding: 5px;
	color: #fff;
}

#resources_list ul.filter li a:hover {
	background-color: #369;
}

#resources_list ul.filter li.show {
	font-size: 16px;
}

/* Positioned this absolute so that it was always at the bottom of the .copy div */
#resources_list .left .results {
	clear: left;
	position: absolute;
	bottom: 0;
	width: 800px;
	height: 100px;
	background: #8a9cae url(../i/resources/resource_list_right_bg.jpg) repeat-y 530px bottom;
	padding: 10px 16px 10px 14px;
}

/* Syles the pagination on the resource pages */
#resources_list .left .results .pagination {
	float: right;
	position: relative;
	top: -15px;
	right: 300px;
}

#resources_list .left .results .pagination ul {
	overflow: hidden;
	list-style: none;
}

#resources_list .left .results .pagination ul li {
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
}

#resources_list .left .results .pagination ul li a {
	color: #333;
	text-align: center;
	display: block;
	padding: 2px 8px;
	font-weight: bold;
}

#resources_list .left .results .pagination ul li a:hover {
	color: #fff;
}

#resources_list .left .results .displaying_results {
	font: italic 12px Arial, Helvetica, sans-serif;
	color: #fff;
}

#resources_list .left .results .pagination ul li.next a {
	display: block;
	width: 18px;
	height: 18px;
	background: url(../i/common/pagination_next.gif) no-repeat 1px 1px;
	text-indent: -1000px;
	overflow: hidden;
}

#resources_list .left .results .pagination ul li.previous a {
	display: block;
	width: 18px;
	height: 18px;
	background: url(../i/common/pagination_previous.gif) no-repeat right 1px;
	text-indent: -1000px;
	overflow: hidden;
}

#resources_list .right {
	float: left;
	position: relative;
	width: 300px;
	margin: 0;
	padding: 0;
}

#resources_list .right input.search {
	width: 265px;
	height: 18px;
	padding: 5px 5px 0 5px;
	background: url(../i/resources/search_bg.gif);
	position: relative;
	top: 6px;
	left: 12px;
	margin: 0 0 5px 0;
	font-size: 12px;
	color: #222;
}

#resources_list .right select {
	width: 275px;
	height: 22px;
	position: relative;
	left: 12px;
	margin: 10px 0 5px 0;
	font-size: 11px;
}

#resources_list .right h2 {
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	padding: 10px 0 10px 12px;
}

#resources_list .right p {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	padding: 20px 0 10px 0;
	text-align: center;
}

#resources_list .right form {
	margin: 0;
	padding: 0;
}

#resources_list .right ul {
	margin: 0;
	padding: 2px 0 0 0;
}

#resources_list .right ul li {
	position: relative;
	padding: 5px 0 5px 0;
	border-bottom: 1px solid #425569;
	border-top: 1px solid #75889c;
	list-style: none;
}

.site_1 em {
	top: 4px !important;
}

.site_2 em {
	top: 11px !important;
}

.site_3 em {
	top: 11px !important;
}

.site_4 em {
	top: 18px !important;
}

.site_1, .site_2, .site_3, .site_4 {
	color: #fff;
	font-size: 12px;
	height: 39px;
}

.site_1 {
	background: url(../i/resources/site_search_1.jpg) 70px 5px no-repeat;
}

.site_2 {
	background: url(../i/resources/site_search_2.jpg) 70px 5px no-repeat;
}

.site_3 {
	background: url(../i/resources/site_search_3.jpg) 70px 5px no-repeat;
}

.site_4 {
	background: url(../i/resources/site_search_4.jpg) 70px 5px no-repeat;
}

#resources_list .right ul li.first {
	border-top: none;
}

#resources_list .right ul li.last {
	border-bottom: none;
}

#resources_list .right ul li em {
	font-style: normal;
	line-height: 14px;
	display: block;
	position: absolute;
	top: 0px;
	left: 150px;
	width: 100px;
}

#resources_list .right ul li input {
	position: relative;
	left: 40px;
	top: 8px;
}

/* Adds the background gradient to the search button on the resources page */
#search_resources_wrapper {
	clear: left;
	margin-top: 10px;
	padding: 0;
	height: 58px;
	background: #516880 url(../i/resources/resource_list_bg.jpg) no-repeat right bottom;
}

input.search_resources {
	display: block;
	position: relative;
	top: 12px;
	left: 70px;
	width: 170px;
	height: 24px;
	background: url(../i/resources/search_resources.gif);
	cursor: pointer;
}

input.search_resources:hover {
	background: url(../i/resources/search_resources.gif) 0 -24px;
}

h2.detail_title {
	display: block;
	font-size: 14px !important;
	line-height: 16px;
	font-weight: bold;
	color: #fff;
	padding: 10px 15px 10px 15px;
	background: #8a9cae url(../i/resources/detail_title_bg.jpg) no-repeat 0 top;
}

.resource_details_top p.published {
	width: 295px;
	padding: 15px 15px 12px 15px;
}

.resource_details_top p.published em {
	font-weight: bold;
	color: #334e6b;
	font-style: normal;
}

.resource_details_top p.authors {
	width: 295px;
	padding: 0 15px 15px 15px;
}

.resource_details_top p.authors em {
	font-weight: bold;
	color: #334e6b;
	font-style: normal;
}

a.download_resource {
	display: block;
	float: right;
	position: relative;
	top: 9px;
	right: 6px;
	margin: 0;
	padding: 10px 5px 2px 5px;
	width: 178px;
	height: 50px;
	background: url(../i/resources/download_resources.gif) no-repeat;
	text-align: center;
	color: #333;
}

a.download_resource:hover {
	background: url(../i/resources/download_resources.gif) no-repeat 0 -62px;
}

.resource_details_top {
	background-color: #c9d2da;
}

.resource_details_bottom {
	position: relative;
	margin: 0;
	padding: 0 15px 20px 15px;
	font-size: 14px;
	line-height: 19px;
	background-color: #c9d2da;
}

.resource_details_bottom p {
	font-size: 14px;
	line-height: 19px;
	color: #333;
	padding-bottom: 6px;
}

.resource_details_bottom img {
	border: none;
	float: right;
	margin: 0 0 5px 10px;
}

/* Wrapper clears both .left and .right divs then floats the a.resource_listing to the right */
.resource_listing_wrapper {
	clear: both;
	float: left;
	margin: -51px 0 0 0;
	padding: 0;
	width: 830px;
	height: 51px;
	overflow: hidden;
}

a.resource_listing {
	float: right;
	position: relative;
	top: 20px;
	right: 305px;
	display: block;
	margin: 0;
	padding: 0;
	width: 188px;
	height: 31px;
	background: url(../i/resources/resource_listing.gif);
	text-indent: -2000px;
	overflow: hidden;
}
/* @end */

/* @group Footer */
#footer {
	position: relative;
	width: 850px;
	height: 70px;
	background: url(../i/common/footer_bg.gif) no-repeat;
	margin: 0 0 0 104px;
	clear: both;
}

#footer p {
	font-size: 11px;
	width: 852px;
	height: 30px;
	color: #fff;
	top: 8px;
	position: absolute;
	text-align: center;
	padding-left: 10px;
}

#footer .logo {
	position: absolute;
	top: 7px;
	left: 35px;
	width: 19px;
	height: 18px;
	background: url(../i/common/footer_cfww_logo.gif);
}

#footer a {
	font-size: 11px;
	color: #fff;
}

#footer a:hover {
	color: #ccc;
}

/* @end */

/* @group Project Body Copy */

/* Styles for the descripting on each project list seciton */
#project_body_copy {
	position: relative;
	margin: 0;
	padding: 10px 15px 15px 15px;
	font: 12px/15px Arial, Helvetica, sans-serif;
	color: #fff;
	width: 800px;
}
/* @end */


/***** Categories *****/
#projects_list ul.categories {
	position: relative;
	z-index: 9999 !important;
	margin: 0 auto;
	padding: 0;
	width: 830px;
	list-style: none;
}

#projects_list ul.categories li {
	float: left;
	margin: 0;
	padding: 0;
	width: 200px;
	height: 38px;
}

#projects_list ul.categories li h3 {
	padding: 4px 0 0 15px;
	font: bold 12px/16px Arial, Helvetica, sans-serif !important;
	color: #fff;
}

#projects_list ul.categories li.block1 {
	background: #6c6761 url(../i/projects/round_corner_top.png) no-repeat 0 0;
}

#projects_list ul.categories li.block2 {
	margin-left: 10px;
	background: #8ec043 url(../i/projects/round_corner_top.png) no-repeat 0 0;	
}

#projects_list ul.categories li.block3 {
	margin-left: 10px;
	background: #5a9aa2 url(../i/projects/round_corner_top.png) no-repeat 0 0;	
}

#projects_list ul.categories li.block4 {
	margin-left: 10px;
	background: #d59d2e url(../i/projects/round_corner_top.png) no-repeat 0 0;	
}

#projects_list ul.categories li.block5 {
	display: none !important;
}

#projects_list ul.categories li:hover ul.subcategories {
	display: block;
}


/***** Subcategories *****/
#projects_list ul.subcategories {
	display: none;
	position: absolute !important;
	z-index: 9999 !important;
	top: 38px;
	width: 200px;
	list-style: none;
}

#projects_list ul.subcategories li {
	margin: 0;
	padding: 0;
	width: 200px;
	height: auto !important;
}

#projects_list ul.subcategories li:hover {
	background: rgba(255,255,255,0.1);
}

#projects_list ul.subcategories li a {
	display: block;
	padding: 5px 15px;
	width: 170px;
	text-decoration: none;
	font: bold 11px/14px Arial, Helvetica, sans-serif;
	color: #fff;
}

#projects_list ul.subcategories li a em {
	font-style: normal !important;
}

/***** Colors for each category *****/
#projects_list ul.subcategories.sc1 {
	background-color: #6c6761;
	border-top: 1px solid #56524d;
}

#projects_list ul.subcategories.sc2 {
	background-color: #8ec043;
	border-top: 1px solid #719935;
}

#projects_list ul.subcategories.sc3 {
	background-color: #5a9aa2;
	border-top: 1px solid #487b81;
}

#projects_list ul.subcategories.sc4 {
	background-color: #d59d2e;
	border-top: 1px solid #aa7d24;
}

#projects_list ul.subcategories.sc1 li {
	border-top: 1px solid #898580;
	border-bottom: 1px solid #56524d;
}

#projects_list ul.subcategories.sc2 li {
	border-top: 1px solid #a4cc68;
	border-bottom: 1px solid #719935;
}

#projects_list ul.subcategories.sc3 li {
	border-top: 1px solid #7baeb4;
	border-bottom: 1px solid #487b81;
}

#projects_list ul.subcategories.sc4 li {
	border-top: 1px solid #ddb057;
	border-bottom: 1px solid #aa7d24;
}