@import url("/stylesheets/forms.css");
/*****************************************************************************/
/*****                         STYLE APPLIED TO THE BODY                                                    ******/
/*****************************************************************************/
body {
 margin: 0; 
 padding: 0; 
 text-align: center; 
 background: #671104 url(/images/backgrounds/body_bg.jpg) repeat-x 0 0;
 color: #000;
 }
 
/*****************************************************************************/
/*****                          LAYOUT                                                                                           ******/
/*****************************************************************************/
/****** outer layout (borders) ***** */
#frame {
 margin: 0px auto; 
 text-align: left;
 color: #000;
 font: 72% Verdana,Arial, sans-serif; 
 background: #fff;
 padding: 0 10px 10px 10px;
 }
 
#frame {width:941px;  voice-family: "\"}\""; voice-family:inherit; width: 921px;}
html>body #frame{width: 921px;}

/* layout */
#three_cols {
 margin: 10px 0;
 /*width: 100%;*/  /* remove for IE6 */
 line-height: 150%;
 padding: 0;
}

html>body #three_cols {width: 100%;} /* Hack IE 6 and below  ( don't remove this; otherwise Safari on Mac does not render right )*/

#three_cols #primary_content_wrapper, #three_cols #primary_content_wrapper_wide {
 float: left;
 margin: 0px;
 padding: 0 10px;
 border-left: 1px solid #d3d3d3;
 border-right: 1px solid #d3d3d3;
 background: #fff;
}

#three_cols #primary_content_wrapper_wide {
 padding-right: 0;
 border-right: none;
}

#three_cols #primary_content_wrapper {width:428px;  voice-family: "\"}\""; voice-family:inherit; width: 450px;}
html>body #three_cols #primary_content_wrapper{width: 450px;}

#three_cols #primary_content_wrapper_wide {width:694px;  voice-family: "\"}\""; voice-family:inherit; width: 684px;}
html>body #three_cols #primary_content_wrapper_wide {width: 684px;}

#three_cols #sidebar_content_wrapper_a {
 float: left;
 width: 215px;
 line-height: 120%;
 margin-right: 10px;
}

#three_cols #sidebar_content_wrapper_b {
 float: left;
 width: 214px;
 margin-left: 10px;
 line-height: 130%;
}

#three_cols #primary_content_wrapper .content {
 padding: 5px 3px 10px 3px;
}

/*****************************************************************************/
/*****                          HEADER                                                                                            ******/
/*****************************************************************************/
#utilities {
 color: #cc0000;
 padding: 0px 3px 0px 0px;
 font-size: 11px;
 width: 100%;
}

#utilities ul {
 background: #fff;
 padding: 10px 0;
 margin: 0px;
 text-align: right;
 float: right;
}

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

#utilities ul li a {
 color: #cc0000;
 text-decoration: none; 
 padding: 10px 20px; 
}

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

#utilities ul li a:hover {
 color: #0066cc;
}

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

#header {
 width: 100%;
 float: left; /* NS */
 margin: 0;
 float: left;
 background: #074583 url(/images/backgrounds/header_bg.jpg) repeat-x 0 0;
 clear: both;
}

#logo {
 float: left; 
 padding: 22px 0 0 0px;
}

#search_box {
 float: right;
 text-align: right!important;
 margin: 36px 10px 0px 0;
 padding: 0;
}

#search_box form {display: inline;}

#search_box .text {
 margin: 0px 6px 0px 0;
 padding: 1px 1px 1px 3px;
 font-size: 12px;
 background: #f2f2f2;
 border: 1px solid #a7a7a7;
 color: #000;
 width: 150px;
}

#search_box input {vertical-align: middle;}
#results_form ul li {padding-bottom: 10px;}
#results_form .query {font-weight: bold; font-style: oblique; color: #990000;}
#results_form .pipe {color: #ccc;}

#branding {
 margin: 0px 0 10px 0;
}

/* breadcrumbs */
#breadcrumbs {
 font-size: 10px;
 padding: 2px 5px;
 margin: 0 0 15px 0;
 background: #ebecec;
 color: #006699;
}

/*****************************************************************************/
/*****                   GLOBAL NAVIGATION *                                                                    ******/
/*****************************************************************************/

#main_nav {
 font-size: 11px;
 margin: 0px 0 5px 0;
 padding: 0px 0 6px 0;
 background: #990100 url(/images/navs/global_navs_bg.gif) repeat-x 0 100%; 
 float: left; 
 color: #fff;
 width: 100%; 
 border-top: 1px solid #c1d0e0;
 clear: both;
}

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

#main_nav ul a {
  display: block; 
  color: #ffebb1;
  margin: 0;
  background: #990100;
}

/* don't remove the following, it's filter for IE on mac; otherwise the global nav won't diaply well */
/*\*//*/
#main_nav ul a {
 float: left;
}
/**/

/* don't remove the above code */

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

 #main_nav ul li a{
  /* display: inline;  remove this otherwide the dropdown menus will be shifted to the right of the nav on IE*/
  font-size: 11px;
  margin: 0px 0 0 0;
  text-decoration: none;
  /*height: 24px;*/
  padding: 5px 9px 5px 9px;
  font-weight: bold;
  text-align: center;
  /* border-bottom: 6px solid #990000; */
  line-height: 100%;
}

#main_nav ul li a {padding: 5px 12px; voice-family: "\"}\""; voice-family:inherit;  padding: 5px 12px; }

html>body #main_nav ul li a {width: auto; padding: 5px 12px; height: 24px;}
 
#main_nav ul a:hover, #main_nav ul li.current a, #main_nav ul li.current a:hover {
 background: #003366;
 color: #ffebb1;
}

#main_nav ul li.last {
 background: none;
}

/*************** Dropdown Menu *************/
/******************************************/
#main_nav ul li ul{ 
 display: block;
 position: absolute;
 left: -999em;
 width: 220px;
 border: 1px solid #d0d9e2;
 border-top: none;
 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;
 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: 220px!important;*/
 width: 220px;
 font-weight: normal;
 padding: 5px 10px 6px 20px;
 border-top: 1px solid #d0d9e2;
 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: #003366;
 text-align: left;
 height: auto;
}

#main_nav ul li ul a:hover {
 color: #671104;
 background: #ca9c01 url(/images/navs/nav_on_arrow.gif) no-repeat 10px 50%;
 font-weight: bold;
 /*background-image: none!important; */ /* so that the background image won't display on Safari */
}

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

#main_nav ul li.current ul li a:hover {
 background: #ca9c01 url(/images/navs/nav_on_arrow.gif) no-repeat 10px 50%;
 color: #671104;
 font-weight: bold;
}

/*****************************************************************************/
/*****                   LOCAL/SUB NAVIGATION *                                                              ******/
/*****************************************************************************/
#sub_nav {
 margin: 0 0 15px 0;
 background: #fff;
}

#sub_nav h2.title {
 margin: 0;
 background: #ebecec url(/images/navs/sub_nav_title_bg.gif) repeat-x 0 100%;
 padding: 10px 5px 10px 10px;
 border-right: none;
 font: 12px verdana,arial, sans-serif;
 line-height: 100%;
 font-weight: bold;
 color: #9a0000;
 display: block;
}

#sub_nav ul {
 list-style: none;
 margin: 7px 0 0 0;
 padding: 0px 0 33px 0;
 background: #fff url(/images/navs/sub_nav_bottom.gif) repeat-x 0 100%; 
 border-top: 1px dotted #ccc;
}

#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: #fff url(/images/navs/sub_nav_dots.gif) no-repeat 10px 8px;
 padding: 4px 3px 4px 22px;
 border-bottom: 1px dotted #ccc;
 color: #345c80;
 font-weight: normal;
 margin: 0;
 text-decoration: none;
}

#sub_nav ul li a:hover, #sub_nav ul li.current a {
 background: #fbfbfb url(/images/navs/sub_nav_dots.gif) no-repeat 10px 8px;
 color: #9a0000;
}

#sub_nav ul li.current a {
 font-weight: bold;
 border-bottom: 1px dotted #ccc;
 margin-bottom: 0!important;
}

/****** third level sub ********/

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

#sub_nav ul li ul, #sub_nav ul li.current ul {
 border: none;
 /*border-bottom: 1px dotted #ccc;*/
 margin: 0!important;
 margin-top: 0px!important;
 padding: 0px;
 padding-bottom: 0px!important;
 background: none;
 background-image: none;
}

#sub_nav ul li ul li a, #sub_nav ul li.current ul li a {
 font-size: .90em;
 border: none;
 padding: 4px 0 4px 30px; 
 /*margin-left: 20px;*/
 display: block;
 color: #990100;
 background: #fff url(/images/navs/subnav_off_arrow.gif) no-repeat 22px 6px;
 font-weight: normal;
 line-height: 100%;
 border-bottom: 1px dotted #ccc;
}

#sub_nav ul li ul li a:hover, #sub_nav ul li.current ul li a:hover{
 color: #990100;
 font-weight: bold;
 border: none; /* IE 6 */
 background: url(/images/navs/subnav_on_arrow.gif) no-repeat 22px 6px;
 border-bottom: 1px dotted #ccc;
}

#sub_nav ul li ul li.current a, #sub_nav ul li.current ul li.current a{
 color: #990100;
 font-weight: bold;
 border: none; /* IE 6 */
 background: url(/images/navs/subnav_on_arrow.gif) no-repeat 22px 6px;
 border-bottom: 1px dotted #ccc;
}

/*****************************************************************************/
/*****                          FOOTER                                                                                             *****/
/*****************************************************************************/
#footer {
 margin: 0;
 padding: 11px 0 0 0;
 font-size: 10px;
 line-height: 100%;
 width: 100%;
 color: #003366;
 border-top: 8px solid #003366;
 background: #fff;
 text-align: center!important;
}

#footer #copyright {
 color: #003366;
 text-align: center;
 font-size: 10px;
 margin: 8px 0;
 padding: 0;
 line-height: 110%;
}

#footer ul {
 margin: 3px auto 5px auto;
 float: left;
 text-align: center!important;
 padding: 0 0 12px 0;
 border-bottom: 1px solid #d3d3d3;
}

#footer ul {width: 820px; voice-family: "\"}\""; voice-family:inherit; width: 100%;}
html>body #footer ul {width: 100%;}

#footer ul li {
display: inline;
margin: 0px;
}

#footer ul li {
 color: #0066cc;
 margin: 0;
 background: url(/images/navs/footer_navs_divider.gif) no-repeat 100% 50%;
 padding: 0 18px 0px 12px;
 text-decoration: none;
 font-weight: normal;
 text-align: center!important;
}

#footer ul li a:hover {
 text-decoration: underline;
}

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

#footer 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;
}

/*****************************************************************************/
/*****                          CONTENT       MISC                                                                        *****/
/*****************************************************************************/
/*misc */
.clear {clear: both; font-size: .01em; height: 1px;}
.clear_fix {clear: both;}
.bld {font-weight: bold;}
.red_txt {color: #990000;}
.dash_line {
 height: 1px;
 margin: 10px 0;
 border-bottom: 1px dotted #231f20;
}
.back_top {text-align: right; margin: 8px 0;}
hr {
height: 1px;
background: #ccc;
border: none;
}

/* titles */
#primary_content_wrapper .content h1, #primary_content_wrapper .content h2, #primary_content_wrapper .content h3, #primary_content_wrapper .content h4, #primary_content_wrapper .content h5, #primary_content_wrapper .content h6 {
margin: 5px 0;
padding: 5px 0;
}

#primary_content_wrapper .content h1 {
 font-size: 1.4em;
}
#primary_content_wrapper .content h2 {
 font-size: 1.3em;
}
#primary_content_wrapper .content h3 {
 font-size: 1.2em;
}
#primary_content_wrapper .content h4 {
 font-size: 1.1em;
}
#primary_content_wrapper .content h5 {
 font-size: 1em;
}
#primary_content_wrapper .content h6 {
 font-size: .9em;
}

h1.title {
 font-size: 1.4em;
 color: #003399;
 margin: 0;
 padding: 7px 5px 9px 5px;
 background: #fff url(/images/backgrounds/title_dots.gif) repeat-x 0 100%;
}

.directory_box h2.subtitle {
 background: url(/images/backgrounds/directory_icon.gif) no-repeat 1px 100% !important;
 padding: 12px 0px 15px 60px !important;
 font-size: 18px !important;
}

.grey_box h2.subtitle, .default h2.subtitle {
 background: url(/images/backgrounds/dots.gif) no-repeat 2px 100%;
 margin: 0 5px 10px 5px;
 padding: 5px 5px 12px 5px;
 color: #990000;
 font-size: 15px;
 line-height: 15px;
}

.quick_links h2.subtitle {
 background: url(/images/backgrounds/anchor_icon.gif) no-repeat 3px 100%;
 margin: 0 0 15px 0;
 padding: 5px 0px 12px 38px;
 color: #990000;
 font-size: 15px;
 line-height: 15px;
}

.news_events h2.subtitle {
 background: url(/images/backgrounds/newspaper_icon.gif) no-repeat 3px 100%;
 margin: 0 0 10px 0;
 padding: 15px 60px 20px 5px;
 color: #990000;
 font-size: 15px;
 line-height: 15px;
}

/* boxes */
.grey_box, .default{
 margin: 0px;
 background: url(/images/backgrounds/grey_box_top.gif) no-repeat 0 0;
 text-align: left;
 display: block;
 padding: 15px 0px 0px 0px;
}

.grey_box .content, .default .content {
 margin: 0;
 background: url(/images/backgrounds/grey_box_bottom.gif) no-repeat 0 100%;
 padding: 0 10px 20px 10px;
}

.grey_box, .default, .quick_links, .news_events {
 margin-bottom: 15px;
 }

/* bulleted list */
.quick_links ul, .default ul.blue_arrow {
 margin: 10px 5px 10px 0px;
 padding: 0;
 list-style: none!important;
}

.default ul {margin-left: 5px; padding-left: 10px;}

.quick_links ul li, .default ul.blue_arrow li {
 list-style: none!important;
 background: url(/images/misc/blue_arrow.gif) no-repeat 0 4px;
 padding-left: 15px;
 margin-left: 10px;
 text-decoration: none;
 line-height: 115%;
 margin-bottom: 8px;
 font-weight: bold;
}

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

ul.blue_arrow li {
 list-style: none;
 background: url(/images/misc/blue_arrow.gif) no-repeat 0 4px;
 padding-left: 15px;
 margin-left: 10px;
 text-decoration: none;
 line-height: 115%;
 margin-bottom: 8px;
 font-weight: bold;
}

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

.news_events ul li {
 list-style: none;
 text-decoration: none;
 margin: 0 0 5px 0;
 padding: 5px 0 5px 0;
 border-bottom: 1px dotted #b50000;
}

.news_events ul li a {
 font-weight: bold;
}

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

ul.black_dot li {
 list-style: none;
 background: url(../images/misc/square_dot.gif) no-repeat 0 5px;
 padding-left: 12px;
 margin-left: 10px;
 text-decoration: none;
 line-height: 115%;
 margin-bottom: 5px;
}

/* login stuff */
.login_notice {color: #990000; margin: 0 0 5px; font-style: italic;}


/*****************************************************************************/
/*****             TABLE FORMATTING                                                                                   *****/
/*****************************************************************************/

.table td {vertical-align: top; padding: 5px 10px 5px 5px;}
.table h3 {
 font-size: 1.1em;
 margin: 0;
 padding: 3px 5px;
 color: #990000;
 background: #fafafa;
 border-bottom: 1px dotted #ccc;
}

.table ul.black_dot li {
 line-height: 140%;
}

/*****************************************************************************/
/*****             FORM FORMATTING                                                                                   *****/
/*****************************************************************************/

div#form_template form, form {
  margin: 0;
  padding: 0;
  width: 100%;
 }

div#form_template form, form, input, textarea, select {
 font: 100% Verdana,Arial, sans-serif; 
}

div#form_template table.main td{
 background: #fafafa url(/images/backgrounds/dot_space.gif) repeat-x 0 0;
 padding: 15px 0 5px 10px;
}

div#form_template td.no_background {
 background: #fff url(/images/backgrounds/dot_space.gif) repeat-x 0 0 !important;
}

div#form_template .label {
 text-align: right;
 padding-right: 5px !important;
 vertical-align: top;
}

div#form_template form ul {
 list-style: none;
}

div#form_template form .hints {
 color: #333;
 font-style: oblique;
}

div#form_template form .validate {color: #999; font-weight: bold; font-size: .9em; padding: 2px 5px;} 

div#form_template form .submit, .submit input, div#form_template form .submit input {font-weight: bold; padding: 3px;}

form div.checklist, form div.radiolist {
 clear: both;
 display: block;
 /*width: 100%;*/
 /*height: expression('1%');*/
 margin: 5px 0 0 0;
 padding: 3px 3px 3px 0;
 float: left;
}

form div.checklist ul, form div.radiolist ul{
 list-style: none;
 margin-left: 0;
 padding-left: 0;
 width: 100%;
}

form div.checklist ul li, form div.radiolist ul li{
 float:left;
 padding: 0 5px 5px 0;
 /* width:31%; */
}

form div.checklist input, form div.radiolist input{
 display: inline;
 height: 14px;
 width: 14px;
 background-color: transparent;
 border-width: 0;
 padding: 0;
 margin: 0px 5px;
}

/*****************************************************************************/
/*****       FORM  / GLOBAL                                              *****/
/*****************************************************************************/
form {margin: 0;}

input, textarea, select, option {font: 1em verdana, arial, sans-serif;}

.submit_btn {
 background: #022952;
 font-weight: bold;
 padding: 3px 5px;
 color: #fff;
 border: 1px solid #c1c8d0;
 font-size: 1em;
 }

/*****************************************************************************/
/*****                     ACCOUNT FORM  / LOGIN/PROFILE/REGISTER                          *****/
/*****************************************************************************/
#primary_content_wrapper .content #account {
margin: 15px 0;
}

#primary_content_wrapper .content #account .login_notice {
color: #b1b0b0;
font-weight: bold;
}

#primary_content_wrapper .content #account h2 {
font-size: 1.1em!important;
padding-bottom: 10px!important;
}

#primary_content_wrapper .content #account label{
 float: left;
 padding: 3px 5px 3px 0;
 width: 120px;
 text-align: right;
 line-height: 120%;
}

#primary_content_wrapper .content #account input {
width: 210px;
}

#primary_content_wrapper .content #account .submit_btn  {
width: auto!important;
}

#primary_content_wrapper .content #account div {
margin: 10px 0 5px 0;
}

#primary_content_wrapper .content #account hr {
background: #d3d3d3;
border: none;
margin: 15px 0;
color: #d3d3d3;
}

#sidebar_content_wrapper_b  form div, #sidebar_content_wrapper_a  form div{
margin-bottom: 10px;
}

#sidebar_content_wrapper_b form label, #sidebar_content_wrapper_a  form label {
padding-bottom: 5px;
}

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

a:hover {
 color: #990000;
 text-decoration: underline;
}

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