@import url("/stylesheets/forms.css");
/*****************************************************************************/
/*****                         STYLE APPLIED TO THE BODY                ******/
/*****************************************************************************/
body {
 margin: 0; 
 padding: 0; 
 text-align: center; 
 background: #074583 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 {
 font-weight: bold;
}

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

#logo {
 float: left; 
 padding: 15px 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;
}

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

#main_nav {
 font-size: 11px;
 margin: 0px;
 padding: 0px 0 6px 0;
 background: #990000 url(/images/navs/global_navs_bg.gif) repeat-x 0 100%; 
 float: left; 
 color: #ffff99;
 width: 100%; 
 border-top: 1px solid #f8f3e4;
 clear: both;
 margin-bottom: 5px;
}
 
#main_nav ul {
 margin: 0;
 padding: 0px;
 list-style:none;
}

#main_nav ul a {
 display: block; 
 color: #ffff99;
 margin: 0;
 background: #990000;
 }
 
/* 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;
}
/**/

#main_nav ul li {
 /*display: inline;*/
 color: #ffff99;
 float: left; /* otherwise there are gaps between each nav item */
 padding: 0px;
 margin: 0px 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 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 16px 5px 16px;
  font-weight: bold;
  text-align: center;
  /* border-bottom: 6px solid #003366; */
  line-height: 100%;
}

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

html>body #main_nav ul li a {width: auto; padding: 5px 24px; height: 24px;}

#main_nav ul a:hover, #main_nav ul li.current a  {
 background: #003366;
 color: #ffff99;
}

#main_nav ul li.current a, #main_nav ul li.current a:hover {
 background: #003366;
 color: #ffff99;
}

#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: 0 5px 0 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: 6px 10px 6px 20px;
	border-top: 1px solid #fcf9ef;
	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: #003366;
	text-align: left;
	height: auto;
}

#main_nav ul li ul a:hover {
 color: #011528;
 background: #cc9900 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: #ffff99;
 }

#main_nav ul li.current ul li a:hover {
 background: #cc9900 url(/images/navs/nav_on_arrow.gif) no-repeat 10px 50%;
 color: #011528;
 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: #990000;
 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 */
.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;}
.float {
 float: left;
 width: 205px;
 margin-left: 10px;
}

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: #003366;
 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 2px 100% !important;
padding: 12px 0px 15px 60px !important;
font-size: 16px !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 0px 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;
}

.float .sub_title {
 background: #ebecec;
 color: #9a0000;
 padding: 2px 5px 2px 10px;
 font-weight: bold;
}

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

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

.quick_links ul li, .default 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;
}

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

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: 15px;
 margin-left: 10px;
 text-decoration: none;
 line-height: 115%;
 margin-bottom: 5px;
}

.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;
}

/*forms */

.grey_box .field {
 clear: both;
 margin: 0 0 1px 0;
}

.grey_box .right {
 float: left;
 margin: 0 0 3px 3px;
}

/*****************************************************************************/
/*****                      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;
}
/*****************************************************************************/
/*****                        DIRECTORY SEARCH                           *****/
/*****************************************************************************/
.roster-page h1.title {background-image: none;}

div.roster h2 {
font-weight: bold;
font-size: 1em;
margin: 0;
padding: 0 0 10px 10px;
}

div.roster form {
margin: 0;
}

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

div.roster .hits, div.roster .state .category {
background: #f2f2f0 url(/images/backgrounds/dot_space.gif) repeat-x 0 0;
padding: 15px 5px 10px 10px;
}

div.roster .other_locations {border-top:1px solid #ccc; padding: 4px 4px 0; margin:5px 0;}
div.roster .probation {border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding: 4px; margin:5px 0 10px;}
div.roster .roster_degrees_key {border-bottom:1px solid #ccc; padding:4px; margin:0 0 10px;}
div.roster .status {margin-bottom: 20px;}
div.roster .status .category {
font-size: 1.3em; color: #990000; font-weight: bold;
}

div.roster .state .category {
font-size: 1.2em; font-weight: bold; color: #000000;
padding: 10px 0 5px 10px;
text-transform: uppercase;
}

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

div.roster .left_field {
text-align: right;
padding-right: 5px !important;
}

div.roster .grey_txt {
color: #555;
}

div.roster .check_box input {
margin: 0px 3px 0 0;
}

div.roster .check_box label {
padding-right: 10px;
}

div.roster table.results .view {
float: right;
padding: 10px 5px 5px 0;
}

div.roster .roster_tools {
float: right;
}

div.roster .back_link {
text-align: right;
margin: 0;
}

div.roster .results #prev_link {margin-right:50px}
div.roster .results #next_link {}

div.roster .details {
background: #fafafa url(/images/backgrounds/dot_space.gif) repeat-x 0 0;
padding: 10px;
margin: 8px 0 0 0;
}

div.roster .details div {
padding: 5px 0;
clear: both;
}

div.roster .details div span {
display: block;
width: 12em;
float: left;
margin-right: 2em;
}

div.roster .details div .detail {
color: #646464;
font-weight: bold;
font-style: normal;
}

div.roster .status .category {background: #ebecec; margin-bottom: 0.5em; padding: 0.5em 0;}
div.roster .country .category {background: #fff; margin: 0; padding: 0;}

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