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

html {
	margin-bottom: 1px;
	min-height: 100%;
}
/* RESET... EVERYTHING */

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, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
}
body {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #686868;
	background-color: #e4ebee;
	margin: 0;
	padding: 0;
}

strong {
	font-weight: bold;
}

small{
	font-size: 11px;
	line-height: 14px;
	color: #828282;
}

big{
	font-size: 14px;
	line-height: 25px;
}

em {
	font-style:italic;
}
/* remember to define focus styles! */

:focus {
	outline: 0;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

sup{
	font-size: 9px;
}

.hr{
	border-bottom: 1px solid #e2e2e2;
	padding-bottom: 5px;
	margin-bottom: 15px;
}

/* FORMATTING */

p{
	margin: 16px 0px;
	line-height: 20px;
}

a {
	cursor: pointer;
	color: #80af5a;
	text-decoration: underline;
}

a:hover{
	text-decoration: none;
	color: #4aa501;
}

#home h1{
	color: #6d9d56;
	font-size: 23px;
	font-weight: regular;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-bottom: 20px;
}


h1{
	color: #6d9d56;
	font-size: 21px;
	font-weight: regular;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-bottom: 20px;
}

h2{
	color: #5d8aa4;
	font-size: 16px;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 15px 0px;
}

h3{
	color: #5d8aa4;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 0px;
	margin-top: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

h4{
	color: #5d8aa4;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 0px;
	margin-top: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

big {
	font-size: 14px;
	line-height: 24px;
}

.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}
.no-show {
	display: none;
}
.txt_inline {
	display: inline;
}

.txt_error{
	color: #990000;
	font-weight: bold;
}

.txt_grey{
	color: #999999;
}

.icon_pdf a{
	background-image: url('../images/icon_pdf.gif');
	background-repeat: no-repeat;
	display: inline-block;
	padding: 2px 0px 0px 25px;
	background-position: 0px 4px;
}
.back {
	float: right;
	padding-bottom: 3px;
	padding-left: 3px;
}


#column_right ul li.icon_pdf{
	list-style-type: none;
	background-image: url('../images/icon_pdf.gif');
	background-repeat: no-repeat;
	padding: 2px 0px 0px 25px;
	background-position: 0px 4px;
}

#column_right ul li.icon_pdf a{
	background-image: none;
	padding: 0;
}

.icon_doc a{
	background-image: url('../images/icon_doc.gif');
	background-repeat: no-repeat;
	display: inline-block;
	padding: 2px 0px 0px 25px;
	background-position: 0px 4px;
}

#column_right ul li.icon_doc{
	list-style-type: none;
	background-image: url('../images/icon_doc.gif');
	background-repeat: no-repeat;
	padding: 2px 0px 0px 25px;
	background-position: 0px 4px;
}

#column_right ul li.icon_doc a{
	background-image: none;
	padding: 0;
}

#main ul, #main ol{
	margin-top: 12px;
	margin-botom: 12px;
}

#main ul li, #main ol li{
	line-height: 20px;
	list-style-type: none;
}

#main ol li{
	list-style-type: decimal;
}


li.icon_book, #column_right ul li.icon_book{
	background-image: url('../images/icon_book.gif');
	background-repeat: no-repeat;
	list-style-type: none;
	padding-left: 40px;
	padding-bottom: 20px;
}

li.icon_people, #column_right ul li.icon_people{
	background-image: url('../images/icon_people.gif');
	background-repeat: no-repeat;
	padding-left: 40px;
	padding-bottom: 20px;
}

li.icon_pencil, #column_right ul li.icon_pencil{
	background-image: url('../images/icon_pencil.gif');
	background-repeat: no-repeat;
	padding-left: 40px;
	padding-bottom: 20px;
}

li.icon_book, li.icon_people, li.icon_pencil{
	height: auto;
	padding-top: 0px;
	margin: 0px 0px 0px -40px;
	padding: 0px 0px 15px 45px;
	background-position: 0px 2px;
}

.icon_arrow_green a{
	background-image: url('../images/bullet_arrow_green.gif');
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding: 2px 0px 0px 18px;
	height: 12px;
	text-decoration: none;
	display: inline-block;
}

.input_field input{
	font-size: 11px;
	color: #5c5c5c;
	padding: 2px;
	border: 1px solid #959494;
	width: 176px;
}

.list_arrow_blue li{
	background-image: url('../images/bullet_arrow_blue.gif');
	background-position: 0px 6px;
	background-repeat: no-repeat;
	list-style-type: none;
	padding-left: 20px;
	margin: 8px 0px 8px -35px;
}

/* CONTAINERS */

#wrapper{
	width: 904px;
	margin: 0px auto;
	padding-right: 25px;
}

#header{
	width: 896px;
	background-image: url('../images/header_bg.gif');
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #e4ebee;
	height: 112px;
}

#logo{
	width: 380px;
	height: 112px;
	float: left;
}

#header #top_nav{
	width: 500px;
	float: right;
	padding-left: 0px;
	padding-right: 0px;
	height: 95px;
}

#header #top_nav p{
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #818080;
	text-transform: uppercase;
}

#header #top_nav a{
	color: #818080;
	text-decoration: none;
	font-weight: normal;
	font-size: 10px;
}

#header #top_nav .input_field input{
	font-size: 11px;
	color: #818080;
	padding: 1px 2px;
	border: 1px solid #bbbbbb;
	width: 90px;
}

#header #top_nav .btn_submit{
	font-size: 11px;
	color: #818080;
	border: none;
	background-color: #e4ebee;
	padding: 2px 0px;
}

#header #top_nav .search{
	width: 150px;
	float: right;
	padding-left: 10px;
	padding-right: 5px;
}

#header #top_nav .links{
	width: 330px;
	float: left;
}

#page{
	background-image: url('../images/page_bg.gif');
	background-repeat: repeat-y;
}

#logo_bg{
	width: 118px;
	height: 189px;
	float: left;
}

#main{
	background-image: url('../images/logo_bg.gif');
	background-repeat: no-repeat;
	padding: 0px 8px 0px 118px;
}

#img_banner{
	height: 148px;
}

#main_int{
	padding: 50px 20px;
}


/* FOOTER */

#footer{
	background-image: url('../images/footer_bg.gif');
	background-repeat: no-repeat;
	background-position: top right;
	padding: 8px 0px;
}

#footer .content{
	padding: 0px 0px 10px 120px;
}

#footer .content p, #footer .content a{
	color: #727272;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0;
}

/* REGULAR COLUMNS */

#column_left{
	width: 160px;
	float: left;
	padding-top: 45px;
}

#column_right{
	width: 555px;
	float: right;
}

#column_right ul li{
	background-image: url('../images/bullet_arrow_grey.gif');
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 18px;
	margin: 10px 0px 10px -30px;
}
#column_right ul li.ppt {
	background-image: url(../images/icon_ppt.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 22px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: -30px;
	padding-bottom: 2px;
}


#column_right ol li{
	margin-top: 10px;
	margin-bottom: 10px;
}

.column_half{
	width: 40%;
	padding: 0px 20px;
}
.column_half_map {
	width: 40%;
	padding: 0px 20px;
}
.column_half_map  ul {
	margin-left: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.column_half_map  ul  ul {
	margin-left: 0px;
	padding-left: 20px;
	margin-top: 0px;
	padding-top: -25px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.column_half_map  ul  ul  ul {
	padding-left: 30px;
}
.column_half_map  li{
	list-style-type: none;
	margin-top: -5px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 5px;
}

#column_right .column_half{
	padding: 0;
}

/* HOME STYLES */

#home #column_left{
	float: left;
	width: 420px;
	padding-top: 0px;
}

#home #column_right{
	float: right;
	width: 296px;
}

#home #column_left{
	margin-top: -15px;
}

/* BOXES */

.box_wide{
	background-image: url('../images/box_wide_bg.gif');
	background-repeat: repeat-y;
	width: 296px;
}

.box_wide .content{
	background-image: url('../images/box_wide_top.gif');
	background-repeat: no-repeat;
	padding: 10px 23px;
}

.box_wide .box_wide_bottom{
	background-image: url('../images/box_wide_bottom.gif');
	background-repeat: no-repeat;
	height: 15px;
}

.box_wide .content p, .box_wide .content li{
	font-size: 11px;
	line-height: 17px;
}

.box_extra-wide{
	background-image: url('../images/box_extra-wide_bg.gif');
	background-repeat: repeat-y;
	width: 420px;
}

.box_extra-wide .content{
	background-image: url('../images/box_extra-wide_top.gif');
	background-repeat: no-repeat;
	padding: 2px 23px;
}

.box_extra-wide .box_extra-wide_bottom{
	background-image: url('../images/box_extra-wide_bottom.gif');
	background-repeat: no-repeat;
	height: 15px;
}

.box_quote{
	padding: 20px 10px;
}

.box_quote p{
	font-size: 13px;
	color: #aeadad;
	line-height: 24px;
}

#home .box_quote{
	margin-top: 20px;
	padding: 0px 0px 0px 10px;
}

#home .box_quote p{
	font-size: 11px;
	color: #a64b14;
}

#home .box_quote img{
	float: right;
	margin: 0px 0px 10px 10px;
}

#home .box_quote .quote_attribute{
	margin-top: 0px;
	text-align: right;
	width: 180px;
	float: right;
	line-height: 15px;
}

.box_narrow{
	background-image: url('../images/box_narrow_bg.gif');
	background-repeat: repeat-y;
	width: 160px;
}

.box_narrow .content{
	background-image: url('../images/box_narrow_top.gif');
	background-repeat: no-repeat;
	padding: 10px 15px 0px 15px;
}

.box_narrow .box_narrow_bottom{
	background-image: url('../images/box_narrow_bottom.gif');
	background-repeat: no-repeat;
	height: 15px;
}

.box_img{
	width: 238px;
	float: right;
	margin: 0px 0px 10px 15px;
	clear: both;
}

.box_img p{
	margin: 3px 0px;
}

.collaborator_img{
	width: 120px;
	float: left;
	padding-top: 10px;
}

.collaborator_quote{
	width: 430px;
	float: left;
	padding-bottom: 20px;
}

/* HOMEPAGE SCROLLER */

/*Example CSS for the two demo scrollers*/

#box_scroller{
height: 20px;
padding: 5px 0px;
margin: 5px 0px;
}

#box_scroller a{
	font-size: 13px;
	font-weight: bold;
}

.someclass{ //class to apply to your scroller(s) if desired
}



/* HEADER BANNER */

.img_banner_home, .img_banner_contact-us, .img_banner_site-map{
	background-image: url('../images/img_banner_home.jpg');
	background-repeat: no-repeat;
}

.img_banner_about{
	background-image: url('../images/img_banner_about.jpg');
	background-repeat: no-repeat;
}

.img_banner_approach{
	background-image: url('../images/img_banner_approach.jpg');
	background-repeat: no-repeat;
}

.img_banner_tools-and-resources{
	background-image: url('../images/img_banner_tools-and-resources.jpg');
	background-repeat: no-repeat;
}

.img_banner_news{
	background-image: url('../images/img_banner_news.jpg');
	background-repeat: no-repeat;
}
.img_banner_research {
	background-image: url(../images/img_banner_research.jpg);
	background-repeat: no-repeat;
}


/* CSS NAV */

#nav{
	width: 510px;
	height: 17px;
	float: right;
}

#nav ul { /* all lists */
	padding: 0;
	margin: 0px 0px 0px 0px;
	list-style: none;
	line-height: 1;
}

#nav ul{
	float: right;
	padding-top: 0px;
}

#nav a{
	display: block;
	height: 17px;
	background-repeat: no-repeat;
	text-decoration: none;
}

#nav ul li { /* all list items */
	float: left;
	width: 105px; /* width needed or else Opera goes nuts */
	margin: 0px 0px 0px 20px;
	height: 17px;
	background-image: none;
	padding: 0;
	line-height: 14px;
}

#nav li ul{ /* second-level lists */
	position: absolute;
	width: 122px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	z-index: 1000;
	padding: 0px 0px 0px 0px;
	margin: 0;
}

#nav li ul li{
	width: 122px;
	margin: 0;
	height: auto;
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -24px 0px 0px 122px;
}

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

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#nav li.nav_about a{
	background-image: url('../images/nav_about.gif');
}

#nav li.nav_about{
	width: 45px;
}

#nav li.nav_home a{
	background-image: url('../images/nav_home.gif');
}

#nav li.nav_home{
	width: 45px;
}

#nav li.nav_approach a{
	background-image: url('../images/nav_approach.gif');
}

#nav li.nav_approach{
	width: 71px;
}

#nav li.nav_tools-and-resources a{
	background-image: url('../images/nav_tools-and-resources.gif');
}

#nav li.nav_tools-and-resources{
	width: 133px;
}

#nav li.nav_news a{
	background-image: url('../images/nav_news.gif');
}

#nav li.nav_news{
	width: 40px;
}

#nav li.nav_research a{
	background-image: url('../images/nav_return.gif');
}

#nav li.nav_research{
	width: 254px;
	margin-top: 95px;
}


#nav ul li a{
	background-position: 0px 0px;
}

#nav li a:hover, #menu li a.active{
	background-position: 0px -17px;
}

#nav li.nav_selected a{
	background-position: 0px -17px;
}

#nav li.nav_about li a, #nav li.nav_approach li a, #nav li.nav_tools-and-resources li a, #nav li.nav_news li a{
	background-image: none;
	background-color: #6f90a3;
	display: block;
	font-size: 13px;
	color: #FFFFFF;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 6px 5px;
	width: 122px;
	height: auto;
}

#nav li li a:hover{
	background-color: #7abd20;
}

#nav li:hover{
	height: 1%;
}

#nav li li ul{
	margin-left: 132px;
	margin-top: -25px;
}




/* SIDENAV */

#sidenav{
	
}

#sidenav p{
	font-size: 13px;
	text-transform: uppercase;
	color: #7a7a7a;
}

#sidenav ul{
	margin: 0;
	padding: 0;
}

#sidenav ul li{
	font-size: 12px;
	line-height: 16px;
	margin: 6px 0px 6px 0px;
	list-style-type: none;
	background-image: url('../images/bullet_arrow_green.gif');
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding: 2px 0px 2px 16px;
}

#sidenav ul li li{
	margin: 6px 0px 6px 0px;
}

#sidenav ul li a{
	text-decoration: none;
	color: #80af5a;
}

#sidenav ul li.sidenav_selected{
	background-image: url('../images/bullet_arrow_grey.gif');
}

#sidenav ul li a:hover, #sidenav ul li.sidenav_selected a, #sidenav ul li li.sidenav_selected a, #sidenav ul li.sidenav_selected li a:hover{
	color: #3e3e3e;
}

#sidenav ul li.sidenav_selected li a{
	text-decoration: none;
	color: #80af5a;
}
