/*****************************************************************************/
/*****                         STYLE APPLIED TO THE BODY                ******/
/*****************************************************************************/
body {
 margin: 0; 
 padding: 0; 
 text-align: center; 
 background: #fff;
 color: #000;
 }
 
/*****************************************************************************/
/*****                          LAYOUT                                 ******/
/*****************************************************************************/
/****** outer layout (borders) ***** */
#frame {
 margin: 0px auto; 
 text-align: left;
 color: #000;
 background: #fff;
 }
 
#frame {width:778px;  voice-family: "\"}\""; voice-family:inherit; width: 800px;}
html>body #frame{width: 800px;}

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

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

#header {
 background: #fff;
 width: 100%;
 float: left; /* NS */
}

#utilities {
 background: #edd386;
 color: #990000;
 margin: 0 0 18px 0;
 font-size: 11px;
 font-weight: bold;
 float: right;
 width: 563px; /* for IEs */
}

#utilities ul {
  padding: 6px 0px;
  margin:0;
  text-align: right;
}

#utilities ul li { 
  display: inline;
  background: url(/images/navs/utilities_divider.gif) no-repeat 100% 50%;
}

#utilities ul li a {
  font-size: 10px;
  color: #990000;
  text-decoration: none; 
  padding: 0 16px; 
}

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

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

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

#logo {
 float: left; 
 margin-right: 6px;
}

#branding {
 float: left;
 border-top: 3px solid #610101;
 border-bottom: 3px solid #610101;
 background: #fff;
 width: 100%;
}

#branding { padding: 2px 0;  voice-family: "\"}\""; voice-family:inherit;  padding: 2px 0 0px 0;}
html>body #branding{ padding: 2px 0;}

#tagline, #title {
 background: #d98839 url(/images/misc/placeholder.jpg) no-repeat 0 0;
 float: left;/*NS */
 height: 144px;
}

#tagline{width: 561px; voice-family: "\"}\""; voice-family:inherit; width: 581px;}
html>body #tagline{width: 581px;}

#title {
background: #D88838;
}

#title{height: auto; width: 578px; voice-family: "\"}\""; voice-family:inherit; height: 77px; width: 598px;}
html>body #title{height: 77px; width: 598px;}

#title h1 {
color: #fff;
font-size: 1.5em;
}

#title h1 {padding: 25px 10px 13px 41px; voice-family: "\"}\""; voice-family:inherit; padding: 25px 10px 12px 41px;}
html>body #title h1 {padding: 35px 10px 15px 41px;}

#leaf_box {
 background: #AD4313 url(/images/misc/leaf.jpg) no-repeat 0 0;
 width: 200px;
 height: 77px;
 float: left;
 border-right:2px solid #fff;
}


/*****************************************************************************/
/*****                         MAIN STRUCTURE                                                                         ******/
/*****************************************************************************/
#home_cols {
 margin: 2px 0 0 0px;
 width: 100%;
 float: left; /* NS */
 background: #fff;
 }

#home_cols #primary_content_wrapper {
 float: right;
 background: #fdfdfd;
 margin: 0;
 padding: 0;
 line-height: 160%;
}

#home_cols #primary_content_wrapper { width: 560px; voice-family: "\"}\""; voice-family:inherit;  width: 580px;}
html>body #home_cols #primary_content_wrapper{ width: 580px;}

#home_cols #primary_content_wrapper .content {
 padding: 25px 35px 10px 25px;
}

#home_cols #sidebar_content_wrapper{
 float: left;
 width: 216px;
 background: #fff;
 border-bottom: 20px solid #d1b473;
 line-height: 140%;
}

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

#sub_cols #primary_content_wrapper {
 float: left;
 background: #fdfdfd;
 margin: 0px;
 padding: 0;
 line-height: 160%;
}

#sub_cols #primary_content_wrapper  { width: 570px; voice-family: "\"}\""; voice-family:inherit;  width: 590px;}
html>body #sub_cols #primary_content_wrapper { width: 590px;}

#sub_cols #primary_content_wrapper .content {
 padding: 15px 15px 15px 20px;
}

#sub_cols #sidebar_content_wrapper{
 float: left;
 width: 200px;
 background: #fff
}

#sub_cols #sidebar_content_wrapper .content{
 padding: 10px;
}

/*****************************************************************************/
/*****                   NAVIGATION *                                   ******/
/*****************************************************************************/

/* global navigation */

#main_nav {
 font-size: 10px;
 background: #990000;
 float: right;
 text-align: left;
 color: #fff;
 line-height: 100%;
 width: 564px;
}

#main_nav  {margin: 0px; voice-family: "\"}\""; voice-family:inherit; margin: 0px;}
html>body #main_nav { margin: 0 0 2px 0;}

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

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

#main_nav ul li {
  /*display: inline;*/
   color: #fff;
   float: left; /* otherwise there are gaps between each nav item */
   padding: 0px;
   margin: 0px;
   padding-left: 1px; /* so that the divider can be displayed */
   background: url(/images/navs/global_navs_divider.gif) no-repeat 0% 50%;
}

#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: 8px 11px;
  font-weight: bold;
  text-align: center;
 }
  
#main_nav ul a:hover, #main_nav ul li.current a, #main_nav ul li.current a:hover {
 background: #db9042;
}

#main_nav ul li.current ul li a {
 background: #db9042;
}

/*************** Dropdown Menu *************/
/******************************************/
#main_nav ul li ul{ 
  display: block;
  position: absolute;
  left: -999em;
  width: 160px;
  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 ul li a, #main_nav ul li.current ul li a{
 width: 160px;
 font-weight: normal;
 padding: 6px 10px 6px 20px;
 border-top: 1px solid #dae3ec;
 border-bottom: none;
 color: #ffff99;
 margin-bottom: 0!important;
 display: block;
 background-image: none;  /* so that the background image won't display on Safari */
 background: #990000;
 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 {
/*color: #111e2b;*/
 color: #fff;
 background: #610101;
}

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

/******************************************************************************/
/* SUB NAV */

#sub_nav {
 background: #fff;
 border-bottom: 20px solid #d7b158;
}

#sub_nav h2 {
background: #d7b158;
color: #fff;
padding: 6px;
font-size: 1.2em;
margin: 0px;
}

#sub_nav ul {
 list-style: none;
 background: #f5ebd5;
 margin: 0px;
 padding: 0;
 border-bottom: 2px solid #fff;
 border-top: 2px solid #fff;
}

#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: #f5ebd5 url(/images/navs/arrow_sub.gif) no-repeat 3px 10px;
 padding: 9px 3px 9px 20px;
 color: #9a6804;
 font-weight: bold;
 margin: 0;
 text-decoration: none;
}

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

#sub_nav ul li a:hover, #sub_nav ul li.current a {
 background: #fff url(/images/navs/arrow_sub.gif) no-repeat 3px 10px;
 color: #cc0000;
}

#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 {
  border: none;
  padding: 3px 0 3px 35px; 
  background: #fff url(/images/misc/arrow_orange.gif) no-repeat 20px 5px;
  display: block;
  color: #bf752b;
  font-weight: normal;
 }

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

/*****************************************************************************/
/*****             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: 2px solid #610101;
 margin-top: 3px;
 padding: 15px 0;
 font-size: .95em;
 line-height: 100%;
 width: 100%;
 float: left; /*NS */
}

#footer #copyright {
 width: 160px;
 color: #996600;
 text-align: left;
 float: left;
 font-size: 1em;
 padding-left: 10px;
}

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

#footer ul li {
 display: inline;
 margin: 0px;
}
#footer ul li a {
  color: #996633;
  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;
}

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

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

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

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

/* MISC  from the old site*/
.red_txt {color: #CC0000; font-weight:bold;}
h1 strong {font-size: 1.2em;}
.red_txt {color: #CC0000; font-weight:bold;}
.bld{font-weight: bold;}
h1 .small {color: #000; font-size: 0.8em!important;}
.tips {background: #990000; padding: 8px 5px; color: #fff; border: 1px solid #000;}
.tip_title {text-align: center; font-size: 10px; color: #FED837; padding-bottom: 2px; font-weight: bold; margin-top: 0px; border-bottom: 1px solid #FED837;}
.submit_btn input {background: #740C07; color: #FAF1E3; font-size: 10px;}

h1 {font-size: 1.4em; color: #990000; margin-top: 0px; }


/* Quick Links */

.q_links_box, .screening_box{
 background: #b87b00;
 float: left;
 width: 217px;
 border-right: 2px solid #fff;
 height: 144px;
}

.screening_box {
height: auto;
width:  216px;
margin-bottom: 2px;
border-right: none;
}

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

ul.q_links  li {
 background: url(/images/misc/half_circle_arrow.gif) no-repeat 0 50%;
 list-style: none;
 padding-left: 30px;
 margin: 22px 0px;
 text-decoration: none;
 line-height: 120%;
 font-size: .95em;
}

.q_links a {
 color: #ffff99; 
 font-weight: bold; 
 font-size: .95em; 
 text-decoration: none;
 }
 
.q_links a:hover {color: #f69f07;text-decoration: none;}
.q_title {color: #fff; font: 1.2em Myriad Pro,Arial,verdana,sans-serif; font-weight: bold; padding: 3px 0;}

.screening_box  ul.q_links {
 margin: 5px 0 10px 0 !important;
}

.screening_box ul.q_links li {
 margin: 10px 10px 0 0;
}

.news {}
.news .inner {padding: 10px 0;}

/* 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;
margin-left: 15px;
list-style-image: none; 
list-style: disc;
}

ul.circle ul li {
 background: none !important;
 padding-left: 7px;
}

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

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

/*titles */

/* sidebar titles */

h2.subtitle {
 font-size: 1.2em;
 color: #fff;
 font-weight: bold;
 margin: 0px;
 background: #D7B158;
 padding: 4px 5px;
 text-transform: uppercase;
 }

/* default links */
a {
 color: #e66e03;
 text-decoration: underline;
 font-weight: bold;
 }

a:hover {
 color: #e66e03;
  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;}