/*****************************************************************************/
/*****                         STYLE APPLIED TO THE BODY                ******/
/*****************************************************************************/
body {
 margin: 0px; 
 padding: 0; 
 text-align: center; 
 background: #ececd2;
 color: #333;
 border-top: 5px solid #3a3b15;
 }

/*****************************************************************************/
/*****                          LAYOUT                                 ******/
/*****************************************************************************/
/****** outer layout (borders) ***** */
#frame {
 margin: 0px auto 0 auto; 
 padding: 10px 0 0 0;
 text-align: left;
 color: #333;
 background: #fff;
 width: 100%;
 min-width: 970px;
 /*max-width: 1024px;*/
 }

#main_wrapper {
  margin: 0;
  clear: both;
  text-align: left;
  font: 73% Verdana,Arial,sans-serif; 
  background: #fff;
}

#primary_content_wrapper {
 width: 50%;
 float: left;
 margin: 10px 0px 15px 20px;
 padding: 5px 15px 20px 15px;
 line-height: 150%;
}

#secondary_content_wrapper_a {
 width: 19%;
 min-width: 190px;
 float: left;
 text-align: left;
 margin: 10px 0px 15px 20px; /*NS*/
 padding: 5px 0 0 0;
}

#secondary_content_wrapper_b {
 width: 17%;
 min-width: 180px;
 float: left;
 text-align: left;
 margin: 10px 0 15px 10px; /*NS*/
 padding: 5px 20px 20px 0;
 }

#secondary_content_wrapper_b .default {
 margin: 0px;
 padding: 0 0 10px 0px;
 }
 
 * html #frame {width:expression(
(d = document.compatMode == "CSS1Compat" ? document.documentElement : document.body) &&
(d.clientWidth > 1024 ? "100%" : d.clientWidth < 790 ? "970px" : "auto"));}

 
/*****************************************************************************/
/*****                          HEADER                                  ******/
/*****************************************************************************/
#header {
 float: none;
 margin: 0px;
 padding: 0;
 line-height: normal;
 width: 100%;
 background: #fff;
}

#logo {
 float: left;
 margin: 10px 6px 0 25px;
 width: 210px;
}

#search {
 color: #000;
 margin: 5px 0px 0 0px;
 padding: 0;
 float: right;
 width: 50%;
 font-size: 11px;
 color: #666633;
 font-weight: bold;
}

#search input {
 border: 1px solid #c8c399;
}

#search .go {
 background: #888960;
 color: #f1f1d5;
 border: #7b7c43;
 font-weight: bold;
 margin-left: 10px;
 font-size: .90em;
 padding: 2px;
}

#tagline {
 margin: 0px 0 25px 0;
 padding: 0;
 background: #d5d5aa url(/images/home/tagline.jpg) no-repeat 0 0;
 height: 140px;
 width: 100%;
 float: none;
 border: 1px solid #e3e3bd;
}
html>body #tagline {float: left;}

 
/*****************************************************************************/
/*****                   NAVIGATION *                                   ******/
/*****************************************************************************/
/* global navigation */

#main_nav {
 float: left;
 font-size: 12px;
 margin: 0px 0 0 0;
 padding: 0;
 float: left;
 text-align: left;
 color: #404001;
 line-height: normal;
 width: 100%;
 font-weight: bold;
 border-bottom: 5px solid #ff9900;
}

#main_nav ul {
 margin: 0px 0 0 0;
 padding: 0px 10px 0 0px;
 list-style:none;
}

html>body #main_nav ul {margin-top: -15px;}

#main_nav ul {margin-left: 300px; voice-family: "\"}\""; voice-family:inherit; margin-left: 320px;}
html>body #main_nav ul  {margin-left: 295px;}
 
  
#main_nav ul li {
  float: left!important;
  text-align: left;
  display:inline;
  margin:0;
  padding:0;
	float: left; /****/
}
 
#main_nav ul a {
  display: block;
  /*float:left;*/ /* remove this so that the dropdown menu display correctly under the main nav item */
  background:url("/images/navs/tab_left.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 8px;
  text-decoration:none;
  }
  
#main_nav a span {
  float:left;
  display:block;
  background:url("/images/navs/tab_right.gif") no-repeat right top;
  padding:5px 17px 4px 8px;
  color:#404001;
  }
  
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#main_nav ul li a span {float:none;}
/* End IE5-Mac hack */
#main_nav ul li a:hover span {
  color:#FFF;
}

#main_nav ul li a:hover, #main_nav li.current a {
  background-position: 0% -42px;
  color: #fff;
}
  
#main_nav ul li a:hover span, #main_nav li.current a span {
  background-position: 100% -42px;
  color: #fff;
  }

 /*************** dropdown menu *************/
/******************************************/
#main_nav ul li ul{ 
  display: block;
	position: absolute;
	left: -999em;
	width: 220px;
	border-bottom: 1px solid #f4e5cf;
	border-top: 5px solid #ff9900;
	z-index: 100;
	overflow: hidden;
	margin: 0px 0px 0px 0px;
	padding: 0;
	float: none;
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
}

#main_nav ul li ul li {
   	float: none;
		display: block;
		padding: 0;
  	margin: 0!important;
}

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

#main_nav ul li ul li {
   	background: none;
  	padding: 0;
  	margin: 0;
		 /*width: 100%;remove it so that it won't have a gap between each list item on IE 7 */
	  display: inline; /* add this so that it won't have a gap between each list item on IE 6 */
}

#main_nav ul li ul li a {
    width: 220px;
    font-weight: normal;
  	background: #e58904;
    background: #6f6724;
		padding: 4px 10px 4px 15px;
		border-top: 1px solid #f4e5cf;
		color: #fff;
		margin-bottom: 0!important;
		display: block;
		background-image: none; /* so that the background image won't display on Safari */
}

#main_nav ul li ul a:hover {
 color: #6f6724;
 font-weight: bold;
 background: #f4e19e;
 background-image: none; /* so that the background image won't display on Safari */
}
  
/******************************************************************************/
/* SUB NAV */
#sub_nav {
 width: 100%;
 float: left;
 margin: 0 0 15px 0; /*NS*/
 padding:0;
 background: #fff;
 border: 1px solid #d5d5aa;
 padding: 5px;
}

#sub_nav h2#subtitle {
 color: #f3e9c8;
 background: #aeb063;
 padding: 5px 5px 5px 25px;
 margin: 0;
 border-bottom: 1px solid #d5d5aa;
 border-top: 1px solid #d5d5aa;
 font-size: 1.3em;
}

#sub_nav ul {
 list-style: none;
 background: #f1f1e3;
 margin: 0px;
 padding: 0;
 border-left:1px solid #d5d5aa;
 border-right: 1px solid #d5d5aa;
}

#sub_nav ul li {
  display: inline; /* so that IE 6 display properly on each list item */
  line-height: 120%;
}

#sub_nav ul li a {
  font-size: 11px;
  display: block;
	background: #f1f1e3 url(/images/navs/sub_nav_arrow.gif) no-repeat 7px 9px;
  padding: 8px 5px 8px 25px;
  border-bottom: 1px solid #d5d5aa;
  color: #000;
  font-weight: bold;
 	margin-left: 0;
	text-decoration: none;
}

#sub_nav ul li ul {
  margin: 0;
	padding: 0;
}

#sub_nav ul li a:hover, #sub_nav ul li.current a {
 background: #dbdcaf url(/images/navs/sub_nav_arrow.gif) no-repeat 7px 9px;
 color: #d9561d;
 border-bottom: 1px solid #d5d5aa;
}

#sub_nav ul li.current a {
 font-weight: bold;
}

/* sub nav one more level */
#sub_nav ul li.current ul {
 border: none;
}

#sub_nav ul li.current ul li a {
  border: none;
	border-bottom: 1px solid #d5d5aa;
  padding: 3px 0 3px 10px; 
  background: #fdfdfd url(/images/navs/sub_arrow.gif) no-repeat 5px 9px;
  display: block;
	color: #cc3333;
}

#sub_nav ul li.current ul li a:hover, #sub_nav ul li.current ul li.current a{
 background: #fcfcb9;
 color: #006495;
 border-bottom: 1px solid #d5d5aa;
}

#sub_nav ul li.current ul li a, #sub_nav ul li.current ul li a:hover, #sub_nav ul li.current ul li.current a{
 background: #fff url(/images/misc/dot_orange.gif) no-repeat 25px 6px;
 padding: 6px 0 6px 40px; 
 color: #d9561d;
 font-weight: normal;
}

#sub_nav ul li.current ul li a:hover, #sub_nav ul li.current ul li.current a {
 color: #d9561d!important;
 font-weight: bold;
}

#sub_nav ul li.current ul li.current a {
 background: #fff url(/images/misc/dot_orange.gif) no-repeat 25px 6px;
 padding: 6px 0 6px 40px; 
 color: #d9561d;
 font-weight: bold;
}

/*****************************************************************************/
/*****                          FOOTER                                  *****/
/*****************************************************************************/
#footer {
 margin: 0px 0 0px 0;
 width: 100%;
 float: left; /*NS */
 font-size: 11px;
 background: #ececd2 url(/images/misc/footer_bg.gif) repeat-x 0 0;
 padding: 10px 0;
}

#footer #copyright {
 color: #646428;
 text-align: left;
 float: left;
 width: 20.8%;
 min-width: 210px;
 line-height: 100%;
 margin: 15px 0px 0 20px;
}

#footer ul {
 color: #525203;
 float: left;
 width: 70.2%;
 margin: 15px 0;
 background: url(/images/navs/footer_navs_divider.gif) no-repeat 0% 50%;
 padding: 0 20px 0 0;
}

#footer ul li {
  display: inline;
	margin: 0px;
  text-align: center!important;
  background: url(/images/navs/footer_navs_divider.gif) no-repeat 100% 50%;
  padding: 0 10px 0 10px;
}

#footer ul li a {
  color: #95987b;
  margin: 0;
	list-style-image:none;
  padding: 0;
	text-decoration: none;
	text-align: center!important;
}

#footer ul li a:hover {
 color: #525203;
}

#footer ul li.current a {
 font-weight: bold;
 color: #525203;
}

/*****************************************************************************/
/*****                          CONTENT  &amp; MISC                      *****/
/*****************************************************************************/
/* bulleted list */
.get_involved_box ul{
 color: #006495;
 margin: 5px;
 padding: 0;
 list-style: none;
 border: 1px solid #dddfc0;
 background: #fff;
}

.get_involved_box ul li {
 list-style: none;
 background: url(/images/misc/arrow_orange.gif) no-repeat 5px 4px;
 padding: 7px 7px 7px 20px;
 margin-left: 0px;
 text-decoration: none;
 line-height: 110%;
 margin-bottom: 5px;
 color: #333300;
}

ul.disc{
 list-style: none;
 margin: 10px 0 0 10px;
 padding: 0;
 }
 
ul.disc li {
 background: url(/images/misc/dot_orange.gif) no-repeat 0 5px; 
 margin: 0;
 padding: 0 0 0 15px;
}

ul.square, .newsletter_archives ul{
 list-style: none;
 margin: 10px 0 0 15px;
 padding: 0;
}

ul.square li, .newsletter_archives li{
 background: url(/images/misc/square_green.gif) no-repeat 0 5px; 
 margin: 0px;
 padding: 0 0 0 15px;
}

ol {
 margin: 10px 0 0 15px;
 padding: 0 0 0 15px;
}
ol li {
 margin: 0px;
 padding: 0 0 0 0px;
}
/*titles */

#title_bg {
 margin:0;
 padding: 0;
 width: 100%;
 float: none;
 background: url(/images/misc/title_bg.jpg) repeat-x 0 0;
 border-top: 1px solid #4d4d1b;
 border-bottom: 1px solid #e3e3bd;
}
html>body #title_bg {float: left;}

h1.title {
 font-size: 19px;
 color: #434520;
 color: #585c19;
 padding: 30px 0 16px 0;
 margin: 0px 0 0 25.6%;
}
html>body h1.title {margin-left: 23%;}

#primary_content_wrapper .monthly_event_title {
 background: url(/images/misc/three_dots.jpg) no-repeat 90% 50%;
}

#primary_content_wrapper h2.monthly_event {
 font-size: 1.3em;
 font-weight: bold;
 color: #505020;
 padding: 0 0 0px 10px;
 margin: 0 0 10px 0;
 display: block;
 text-align: center;
 background: url(/images/misc/three_dots.jpg) no-repeat 10% 50%;
}

#primary_content_wrapper h3.subtitle {
 font-size: 1.1em;
 color: #666633;
 margin: 10px 0;
 padding: 0;
}

h3.calendar {
 margin-top: 0px!important;
}
/* home */
.home_photo{
 float: right;
 margin: 0 0 100px 25px;
}

.get_involved_box {
 border: 1px solid #d5d5aa;
 background: #f1f0db;
 margin: 0 0px 5px 5px;
 padding: 0px;
}

.get_involved_box h2.subtitle {
 background: #aeb063;
 font-size: 1.1em;
 font-weight: bold;
 color: #f3e9c8;
 padding: 5px;
 margin: 0;
}


#monthly_event, .event_details_table{
 border: 1px solid #d5d5aa;
 margin: 0 5px 5px 0px;
 padding: 10px;
 background: #f7f7eb;
 width: 100%;
}

#monthly_event td, .event_details_table td{
 vertical-align: top;
}

#monthly_event .left_field, .event_details_table .left_field {
 text-align: right;
 font-weight: bold;
 width: 120px;
}

/*misc */
.clear {clear: both; font-size: .1em;}
.clear_fix {clear: both;}
.bld {font-weight: bold;}
.green_line {
 font-size: .01em;
 height: 2px;
 border-bottom: 1px solid #d5d5aa;
 clear: both;
 margin: 15px 0; 
}

#search_summary {
 color: #585a19;
}

#search_summary .query {
 color: #cb7d06;
 font-weight: bold;
}

.paging {
 border-top: 1px solid #d5d5aa;
 padding: 5px 0 0 0;
}

hr {
background: #d5d5aa;
border: none; height: 1px;
margin: 10px 0;
color:#d5d5aa;
background-color: #d5d5aa;
}

.star {color: #ff9900;}

/* for video home */
.view_video_btn {margin: 5px; margin-bottom: 0;}
.video_home {margin:15px 0px 15px 0; border: 1px solid #C9C999; background: #6e6e3a;  padding: 0px;}
.video_home img {border: 1px solid #bfbf94; margin: 10px auto; display: block; text-align: center;}
#video_home_txt a{text-decoration: none; display: block;font-weight: bold; background: #FFE0B2 url(/images/misc/arrow_orange.gif) no-repeat; background-position: 6% 30%; color: #555523; font-weight: bold; padding: 6px 0 6px 25px;}
#video_home_txt a:hover {text-decoration: none;}
#video_home_txt_small{font-size: 0.85em; text-align: center; color: #D5D5AA; margin: 5px;}

.video_box {
 border: solid 1px #D5D5AA;
 background: #EFEFD0;
}

.video_box a {background: #EFEFD0;}

.video_problem {margin: 15px 15px 20px 15px; font-size: .90em; }

/* home stakeholders */
.stakeholder_box {
 border: 1px solid #d5d5aa;
 padding-top: 0px;
}
.stakeholder_box img {
 margin: 3px;
}
.program_partner, .stakeholder_members {
 background: #f3a838;
 font-size: 1.1em;
 font-weight: bold;
 color: #f3e9c8;
 padding: 3px;
 text-align: center;
}

.stakeholder_members {
 background: #aeb063;
}

.stakeholder_box td {text-align: center;}


.quick_links {
 border: 1px solid #d5d5aa;
 background: #f6f1de;
 font-size: .95em;
}
.quick_links h2.subtitle {
 background: #f3a838;
 color: #f3e9c8;
 padding: 5px 3px;
 text-align: center;
 font-size: 1.1em;
 margin: 0;
}

.quick_links ul{
 color: #006495;
 margin: 5px 0 0px 0;
 padding: 0;
 list-style: none;
}

.quick_links ul li {
 list-style: none;
 background: url(/images/misc/arrow_green.gif) no-repeat 9px 4px;
 padding: 7px 7px 7px 25px;
 margin-left: 0px;
 text-decoration: none;
 line-height: 110%;
 margin-bottom: 5px;
 color: #333300;
}

/*newsletter archives */

 .newsletter_archives table{
 padding: 0 0 15px 0px;
 border-bottom: 1px solid #d5d5aa;
 width: 100%;
 }
 
 .newsletter_archives table strong {color: #000;}
 
 .newsletter_archives td {
 vertical-align: top;
 width: 150px;
 }

 .newsletter_archives li {color: #ccc;}
 
/*  links */

a {
 color: #336699;
 text-decoration: none;
 font-size: .95em;
 font-weight: bold;
 }

a:hover {
 color: #e68b04;
}
.get_involved_box a, .quick_links a {
 color: #7d7e49;
}

.get_involved_box a:hover, .quick_links a:hover {
  color: #e68b04;
}

/* form */

fieldset {border: 3px double #D5D5AA; padding: 5px; margin-bottom: 10px;}
legend {font-size: 10px; color:#333300; background: #D5D5AA; padding: 4px; font-weight: bold; letter-spacing: 1px;}
textarea {color: #333333; background-color: #ffffff; border-style: solid; border-width: 1px; border-color: #666633;}
input.ie {color: #333333; background-color: #ffffff; border-style: solid; border-width: 1px; border-color: #666633;}
.submit {font-size: 95%; padding: 3px; width: 150px;  background-color: #d5d5aa; color: #333300; font-weight: bold; border: 1px solid #666633;}

/* annual pitch battle */
.annual_pitch_battle {
 border: 1px solid #C9C999;
 background: #efefd0;
 margin-bottom: 15px;
}

.annual_pitch_battle a {
 font-size: 11px;
 color: #e58202;
 font-weight: bold;
 background: #efefd0;
 display: block;
 text-decoration: none;
 padding: 3px 0 5px 0;
}

.annual_pitch_battle a:hover {
 text-decoration: underline;
}

.annual_pitch_battle td {
 width: 150px;
 line-height: 12px;
 vertical-align: top;
}

.annual_pitch_battle img {
 border: 1px solid #ff9900;
 display: block;
 margin-bottom: 3px;
}
/* *************** video ***************************/
.video_box {
 border: solid 1px #D5D5AA;
 background: #EFEFD0;
 padding: 15px 0 10px 0;
}
.video_box a {background: #EFEFD0;}
.video_problem {margin: 15px 15px 20px 15px; font-size: .90em; }
.message {text-align: left; font-size: 11px; width: 320px; padding: 10px 10px 0 10px; color: #666633; font-weight: bold; background: #EFEFD0;}
.message a{color: #FF6600; background: #EFEFD0!important; text-decoration: none;}
.message a:hover{background: #EFEFD0!important;}

/*the following format is for IE5.x */
div,table{font-size: 99%; voice-family: "\"}\""; voice-family:inherit; font-size: 100%;}
html>body div,table {font-size: 100%;}
 
/* Print */
.header_print { display: none;}