/*****************************************************************************/
/*****                         STYLE APPLIED TO THE BODY                ******/
/*****************************************************************************/
body {
 margin: 15px 0; 
 padding: 0; 
 text-align: center; 
 background: #c9cb99;
 color: #000;
 }
 
/*****************************************************************************/
/*****                          LAYOUT          /     MAIN STRUCTURE                         ******/
/*****************************************************************************/
/****** outer layout (borders) ***** */
#frame {
 margin: 0px auto; 
 text-align: left;
 color: #000;
 background: #fff;
 border: 5px solid #fff;
 }
 
#frame {width:890px;  voice-family: "\"}\""; voice-family:inherit; width: 900px;}
html>body #frame{width: 900px;}

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

#two_cols {
 margin: 0px 0 0 0px;
 width: 100%;
 float: left; /* NS */
 background: #fff;
 }

#two_cols #primary_content_wrapper {
 float: left;
 background: #fff;
 margin: 0 5px 0 0;
 padding: 0;
 line-height: 160%;
}

#two_cols #primary_content_wrapper { width: 680px; voice-family: "\"}\""; voice-family:inherit;  width: 700px;}
html>body #home_cols #primary_content_wrapper{ width: 700px;}

#two_cols #primary_content_wrapper .content {
 padding: 5px 15px 10px 15px;
}

#two_cols #sidebar_content_wrapper{
 float: right;
 width: 195px;
 background: #fff;
 line-height: 140%;
}

/*****************************************************************************/
/*****                          HEADER                                  ******/
/*****************************************************************************/

#header {
 background: #fff url(/images/backgrounds/header_bg.jpg) repeat-y 100% 0;
 width: 100%;
 float: left; /* NS */
 margin-bottom: 5px;
}

#utilities {
 color: #000;
 margin: 15px 0 0px 0;
 font-size: 11px;
 font-weight: bold;
 float: right;
 width: 663px; /* for IEs */
}

#utilities ul {
  padding: 2px 0px;
  margin:0;
  text-align: right;
  width: 400px;
  float: left;
 }

#utilities ul li { 
  display: inline;
  padding: 0;
}

#utilities ul li a {
  font-size: 11px;
  color: #000;
  text-decoration: none; 
  background: url(/images/navs/utilities_divider.gif) no-repeat 100% 50%;
  padding: 0px 10px; 
  text-align: right !important;
  text-transform: lowercase;
}

#utilities ul li.last a {
 background: none;
}

#utilities ul li a:hover {
 color: #d43f07;
}

#utilities ul li.current a {
 color: #D71414;
 font-weight: bold;
}

#logo {
 float: left; 
 margin: 0 6px 0 15px;
}

#search {
 float: right;
 width: 248px;
 padding: 0px 5px 0 10px;
 margin:0px;
}

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

#search input {font-size: 11px; padding: 0; margin: 0; border: 1px solid #000;}
#search .submit_btn {background: #f15a21; margin-left: 5px; font-weight: bold;}
#search .txt_box { margin-left: 7px;}

#branding {
 background: url(/images/backgrounds/tagline_bg.jpg) no-repeat 100% 0;
 width: 100%;
 height: 103px;
 margin: 0 0 10px 0;
}

#tagline{
 color: #88886e;
 font: bold 24px Myriad Pro, Verdana,sans-serif;
 padding: 25px 0 0 25px;
}

h1#section {
background: #f47b4e;
color: #fff;
padding: 7px 15px;
font-size: 1.5em;
margin: 0;
text-transform: lowercase;
}

h2#title {
color: #000;
padding: 7px 0px;
font-size: 1.1em;
margin: 0;
}

#breadcrumbs {
 margin: 5px 0 10px 0;
 padding: 0 10px 0 15px;
 color: #336699;
 }
 
 #breadcrumbs a {
 color: #336699;
 font-weight: normal;
 font-size: .9em;
 }
 
/*****************************************************************************/
/*****                   NAVIGATION *                                                                                    ******/
/*****************************************************************************/

/* global navigation */

#main_nav {
 font-size: 10px;
 background: #99994e;
 text-align: left;
 color: #fff;
 line-height: 100%;
 width: 100%;
 margin: 0 0 5px 0;
}


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

#main_nav ul a {
  display: block;
   color: #fff;
   margin: 0;
   background: #99994e;
 }

#main_nav ul li {
  /*display: inline;*/
 color: #fff;
 float: left; /* otherwise there are gaps between each nav item */
 padding: 0px;
 margin: 0px;
}

#main_nav ul li a{
 /*display: inline;  remove this otherwide the dropdown menus will be shifted to the right of the nav on IE*/
  margin: 0px 0 0 0;
  color: #fff;
  text-decoration: none;
  padding: 7px 11px;
  font-weight: bold;
  text-align: center;
  background: url(/images/navs/nav_off.gif) no-repeat 100% 50%;
  text-transform: lowercase;
 }

#main_nav ul a:hover, #main_nav ul li.current a, #main_nav ul li.current a:hover {
  background: url(/images/navs/nav_on.gif) no-repeat 100% 50%;
}

#main_nav ul li.nav_1 a {width: 65px; padding: 12px 10px;}
#main_nav ul li.nav_2 a {width: 105px; padding: 12px 10px;}
#main_nav ul li.nav_3 a {width: 80px;}
#main_nav ul li.nav_4 a{width: 85px;}
#main_nav ul li.nav_5 a {width: 77px; padding: 12px 10px;}
#main_nav ul li.nav_6 a {width: 60px;}
#main_nav ul li.nav_7 a {width: 80px; background: #99994e;}
#main_nav ul li.nav_7 a:hover {background: #7d7d3a;}

/*************** Dropdown Menu *************/
/******************************************/

#main_nav ul li ul { 
  display: block;
  position: absolute;
  left: -999em;
  width: 200px;
  border: 1px solid #dae3ec;
  border-top: none;
  z-index: 100;
  overflow: hidden;
  margin: 0px 0px 0px -1px;
  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;
  padding-right: 25px!important;
}

#main_nav ul li ul a {
 background-image: none;
}

#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.nav_1 ul li a, #main_nav ul li.nav_2 ul li a, #main_nav ul li.nav_3 ul li a, #main_nav ul li.nav_4 ul li a, #main_nav ul li.nav_5 ul li a, #main_nav ul li.nav_6 ul li a, #main_nav ul li.nav_7 ul li a{
width: 200px;
padding: 6px 10px 6px 20px !important;
}

#main_nav ul li ul li a, #main_nav ul li.current ul li a, #main_nav ul li.nav_7 ul li a{
 width: 200px;
 font-weight: normal;
 padding: 6px 10px 6px 20px;
 border-top: 1px solid #dae3ec;
 border-bottom: none;
 color: #fff;
 margin-bottom: 0!important;
 display: block;
 background-image: none;  /* so that the background image won't display on Safari */
 background: #7d7d3a;
 text-align: left;
}

#main_nav ul li ul a:hover, #main_nav ul li.current ul li a, #main_nav ul li.current ul li a:hover, #main_nav ul li.nav_7 ul li a:hover {
/*color: #111e2b;*/
 color: #fff;
 background: #555529;
}

#main_nav ul li.current ul li a {
 background: #7d7d3a;
 /* background-image: none!important; */
 color: #fff;
 }


/*****************************************************************************/
/*****                  SUB/LOCAL NAVIGATION *                                                                     ******/
/*****************************************************************************/

#sub_nav {
 background: #ebebd8;
 margin-bottom: 10px;
 }

#sub_nav h2 {
background: #aeb063;
color: #fff;
padding: 6px;
font-size: 1.2em;
margin: 0px;
border-bottom: 1px solid #babab3;
}

#sub_nav ul {
 list-style: none;
 background: #ebebd8;
 margin: 0px;
 padding: 0;
 border: 1px solid #babab3;
 border-top: none;
 border-bottom: none;
}

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

#sub_nav ul li a {
 display: block;
 background: #ebebd8 url(/images/navs/arrow_sub.gif) no-repeat 4px 9px;
 padding: 7px 3px 7px 20px;
 color: #336699;
 font-weight: bold;
 margin: 0;
 text-decoration: none;
 border-bottom: 1px solid #babab3;
}

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

#sub_nav ul li a:hover, #sub_nav ul li.current a {
 background: #c0c186 url(/images/navs/arrow_sub_over.gif) no-repeat 4px 9px;
 color: #000;
}

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

#sub_nav ul li.current ul {
 border: none;
}

#sub_nav ul li.current ul li a, #sub_nav ul li ul li a{
  border: none;
  padding: 5px 0 5px 35px; 
  background: #d8d8b3 url(/images/navs/arrow_sub_2.gif) no-repeat 20px 8px;
  display: block;
  color: #336699;
  border-bottom: 1px solid #babab3;
 }

#sub_nav ul li.current ul li a:hover, #sub_nav ul li.current ul li.current a, #sub_nav ul li ul li.current a, #sub_nav ul li ul li a:hover{
 background: #e0e0c3 url(/images/navs/arrow_sub_2.gif) no-repeat 20px 8px;
}

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

#sub_nav ul li.current ul, #sub_nav ul li ul, #sub_nav ul li.current ul, #sub_nav ul li ul li ul {
 border: none;
}

#sub_nav ul li.current ul li.current ul li a, #sub_nav ul li ul li.current ul li a, #sub_nav ul li ul li ul li a  {
  border: none;
  padding: 5px 0 5px 40px; 
  background: #d8d8b3 !important;
  display: block;
  color: #336699;
  border-bottom: 1px solid #babab3;
  font-weight: normal;
 }

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

/*****************************************************************************/
/*****             NAVS Last child  (global nav/ utilities / footer )    *****/
/*****************************************************************************/

div.menus ul li:last-child, div.menus ul li.last-child {
background: none !important;
background-image: none !important;
}

/*****************************************************************************/
/*****                          FOOTER                                  *****/
/*****************************************************************************/
#footer {
 border-top: 1px solid #babab3;
 margin-top: 5px;
 padding: 15px 0 8px 0;
 font-size: .95em;
 line-height: 100%;
 width: 100%;
 float: left; /*NS */
}

#footer #copyright {
 width: 195px;
 color: #000;
 text-align: right;
 float: right;
 padding-left: 10px;
 font-size: .9em;
}

#footer ul {
 margin: 0px;
 float: left;
 text-align: left;
 padding: 0 0 0 5px;
 width: 660px;
  }

#footer ul li {
 display: inline;
 margin: 0px;
}
#footer ul li a {
  color: #33699;
  margin: 0;
  list-style-image:none;
  background: url(/images/navs/footer_navs_divider.gif) no-repeat 100% 50%;
  padding: 0 12px;
  text-decoration: none;
  font-weight: normal;
  line-height: 200%;
  text-align: center;
  font-size: .9em;
}

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

#footer ul li.last a {
 background: none;
 background-image: none;
}

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

/*****************************************************************************/
/*****                          CONTENT                                                                                      *****/
/*****************************************************************************/
/*misc */
.clear {clear: both; font-size: .01em;}
.clear_fix {clear: both;}
.bld {font-weight: bold;}
.bigger_txt {font-size: 1.1em;}

.bottom_line {clear: both; font-size: .01em; margin: 0 0 3px 0px; padding: 0; height: 1px; border-bottom: 1px solid #BABAB3;}
.bld {font-weight: bold;}
.intro {margin: 0 0 0px 5px;}

/*from the old site */
.top {text-align: right; padding: 10px 0;}
input, select option, textarea {font-size: 11px;}
.submit_btn {border: 1px solid #000; background: #D9E2E7; color #0570A7; font-weight: bold;}
sup {font-size: 80%!important;}
.asterisk { color: #D55F33; font-weight: bold;}
.blue_bg {background: #E3E8EF; border: 1px solid #AFC3E0;}
.contact_title {background: #E3E8EF; border-bottom: 1px solid #28425F; }
.line {border-bottom: 1px solid #A5ACB2; display: block; margin: 5px 0;}
ul.siteindex li a {color: #336699; font-weight: bold;}
ul.siteindex li ul a {font-weight: normal;}
hr {background: #babab3; margin: 7px 0; height: 1px; border: none; }
h2 {font-size: 1.2em;}
/****************************************************************************************************/
/*                       FORMS   (from the old site)                                                                   */                            */
/****************************************************************************************************/
form, input, textarea, select option {font-size: 1em;}
input, textarea {padding: 0 2px;}
.evaluation input, .evaluation textarea, .evaluation select  {border: 1px solid #c1c1b2;}
input.no_border {border: none;}
.evaluation {margin: 5px 5px 10px 5px;}
.evaluation select {width: 100px;}
.left_field {text-align: right;}
.evaluation .submit_btn {background: #f35a21; font-weight: bold; margin: 0 5px; padding: 2px 5px;} 
.e_warning {font-weight: bold; font-size: 1.2em; color: #f15a21; padding: 5px 10px 0 5px; margin-top: 15px;}
fieldset {border: 3px double #78783a; background: #f0f0e7; padding: 10px; margin-bottom: 10px; margin-right: 10px;}
legend {font-size: 14px; color:#d74108; font-weight: bold;  padding: 4px; font-weight: bold; letter-spacing: 1px;}


/*****************************************************************************/
/*****                         SIDEBARs                                                                                            *****/
/*****************************************************************************/
.corkboard, .events, .join_give {
 margin-bottom: 5px;
}
#sidebar_content_wrapper h2.subtitle {
font-size: 1.3em;
 color: #fff;
 font-weight: bold;
 margin: 0px;
 background: #aeb063;
 border-bottom: 1px solid #babab3;
 padding: 6px 10px 6px 5px;
 text-transform: lowercase;
 }
 
.events, .join_give{
 border: 1px solid #babab3;
 background: #ebebd8;
}

.events .inner, .join_give .inner {
padding: 8px;
}

.join_give .inner {
padding-bottom: 3px;
}


.events ul {
 list-style: none;
 margin: 5px 0;
 padding: 0 0 7px 0px;
}

.events ul li {
 line-height: 125%;
 padding: 0 0 7px 10px;
 background: url(/images/misc/arrow_orange.gif) no-repeat 0 3px;
}

.box {
 border: 1px solid #babab3;
 margin-bottom: 8px;
}
.become_member {
 border-top: 8px solid #f35a21;
 padding: 10px;
 background: #fff;
}

.become_member h2, .donate_today h2{
 font-size: 1.2em;
 font-weight: bold;
 margin: 0;
 padding: 0px 5px 5px 0px;
}

.become_member ul {
 list-style: none;
 margin: 5px 0;
 padding: 0px;
}

.become_member ul li {
 line-height: 125%;
 padding: 0 0 7px 12px;
 background: url(/images/misc/arrow_blue.gif) no-repeat 0 4px;
}

.donate_today {padding: 10px; border-top: 8px solid #0e8acb; background: #fff;}

.donate_today a {
 font-size: 16px;
 font-weight: bold;
}

/* bulleted list */

ul.news, ul.red_arrow{
 list-style: none;
 margin: 0px;
 padding: 0 0 10px 0;
}

ul.news li, ul.red_arrow li{
 background: url(/images/misc/arrow_red.gif) no-repeat 0 5px; 
 list-style: none;
 padding: 0 0 10px 12px;
 color: #837863;
 font-weight: bold;
}

ul.news li a, ul.red_arow li a {color: #837863!important; font-weight: bold;}

ul.circle{
 line-height: 120%;
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.circle li{
 background: url(/images/misc/circle_red.gif) no-repeat 0 4px; 
 padding: 0 0 7px 15px;
 margin: 0 0 0 5px;
}

ul.circle ul{
background: none;
padding-top: 5px;
list-style-image: none; 
list-style: disc;
}

/* default links */
a {
 color: #336699;
 text-decoration: none;
 }

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

/*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;}