/*****  FONT AND TYPE STYLES  *****/

body, input {font: 62.5%/1.4 verdana,geneva,lucinda,arial,sans-serif; color: #000;}

#wrapper, div, input {font-size: 100%;}
table {font-size: 1.2em;}
table a {font-weight: bold;}
table p {font-size: 1em!important;}

#primary ul, #primary_wide ul, #secondary  ul, #secondary_left .content  ul  {font-size: 1.3em;}
#primary ul ul, #primary_wide ul ul, #secondary  ul ul, #secondary_left .content ul ul {font-size: 1em;}
#primary ul ul ul, #primary_wide ul ul ul, #secondary  ul ul ul, #secondary_left .content  ul ul ul {font-size: 1em;}

#primary ul, #primary_wide ul{
 list-style: disc;
 margin: 10px 0 10px 10px;
 padding-left: 10px;
}

a, #nav a:hover, #nav a:focus, #secondary, #footer .utility, .utility strong, .breadcrumbs {text-decoration: none; color: #4373ac;}

#header a, #header #utility, #footer strong {color: #000;}

#nav, #nav a:hover, #nav a:focus, #nav .current a {color: #fff;}

p a, #nav {font-weight: bold;}
#primary #content a,  #primary_wide  #content a{font-size: .9em;}

a:hover, a:focus {text-decoration: underline;}

#utility {font-size: 1.1em;}

#utility li a:hover{color: #4373ac;}

#utility li.current a {font-weight: bold; color: #4373ac!important;}


#footer {font-size: 1.2em;}

#nav, p {font-size: 1.4em;}

h2 {font-size: 1.8em; font-weight: normal; }

h2, .highlight {color: #900;}

.sub p {font-size: 1.3em;}

#header input {color: #000;}

#subnav h2 {font-size: 1.5em; font-weight: bold; color: #4373ac;}

#subnav li {font-size: 1.1em; font-weight: bold;}

#subnav a {font-weight: bold; text-decoration: none;}

#subnav li, #subnav a:hover {color: #990000;}

#threeColLayout p {font-size: 1.3em;}

#threeColLayout .breadcrumbs p {font-size: 1.1em;}

#threeColLayout .breadcrumbs a {font-weight: normal;}

#threeColLayout h3 {font-size: 1.5em;}

#threeColLayout #secondary p {color: #000;}

#threeColLayout #secondary p.caption {font-weight: bold; color: #4373ac;}
#secondary .default {margin: 0; padding: 0px;}


/*****  LAYOUT  *****/


html, body, form, input, h1, h2, h3, h4, ul, li, p {margin: 0; padding: 0;}

img {border: 0;}

ul {list-style: none;}

html {background: #507ba2 url(/images/backgrounds/body_bg.jpg) repeat-x; height: 100%;}

body {background: url(/images/backgrounds/body_dots.gif); height: 100%;}

html>body {min-height:100%; height:auto;}


#frame {position: relative; left: 50%; width: 962px; margin-left: -481px; background: #fff; border: 1px solid #000;}

#wrapper {position: relative; left: 50%; width: 906px; margin-left: -453px;}

#jump {position: absolute; top: -1000px;}

.clear {clear: both;}


			/*****  header  *****/


h1 {position: absolute; bottom: 5px; width: 226px; height: 60px; background: url(/images/misc/logo.gif) no-repeat; text-indent: -9000px; z-index:2;}

h1 a {display: block; height: 60px; width: 226px; background: url(/images/misc/logo.gif) no-repeat;}

#header form, #header #utility ul, #nav li {float: right;}

#header {position: relative; height: 92px;}

#nav, #header #utility {position: absolute; right: 0; top: 18px;} 
#header #utility {position: absolute; right: 0; top: 18px;}

#utility ul li {float: left; background: url(/images/navs/utilities_divider.gif) no-repeat 100% 50%; }
/*
#header .utility li.last {background: none; background-image: none;}
*/
#header #utility {right: 7px;}

#header #utility li {padding: 0 1.5em;}

#header form {position: relative; top: -0.5em;}

#header input {width: 18em; border: 1px solid #4c4c4c; background: #fff; margin-left: 0.3em; vertical-align: bottom; height: 1.5em; padding: 0.1em;}

#header .submit {width: auto; background: #e6c976 url(/images/backgrounds/search_bg.gif) repeat-x; height: 1.9em;}


#nav {top: 51px; z-index: 3;}

#nav li {border-bottom: 3px solid #000; margin-right: 3px;}

#nav a {display: block; margin-bottom: 2px; background: #b2cce3 url(/images/navs/tab_bgr.gif) no-repeat top right;}

#nav a:hover, #nav .current a {background: #3689c2 url(/images/navs/tabhover_bgr.gif) no-repeat top right;}

#nav span {display: block; padding: 0.2em 1.5em; background: url(/images/navs/tab_bgl.gif) no-repeat top left;}

#nav a:hover span, #nav .current a span {background: url(/images/navs/tabhover_bgl.gif) no-repeat top left;}

/*************************************************************************/

#nav  li {
 float: left; /* otherwise the nav items display backwards*/
 }
/*************************************************************************/

			/*****  dropdown menu items  *****/
#nav li ul{ 
  display: block;
  position: absolute;
  left: -999em;
  width: 220px;
  border-top: 2px solid #fff;
  font-size: 0.8em;
  z-index: 100;
  overflow: hidden;
  margin: 0px 0px 0px 0px;
  padding: 0;
  float: none;
  filter:alpha(opacity=100);
  opacity: 1;
  -moz-opacity:1;
}
			
#nav li ul li {
  float: none;
  display: block;
  padding: 0;
  margin: 0!important;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
  left: auto;
  padding: 0px;
  padding-right: 25px!important;
}

#nav li ul a {
 background-image: none;
}

#nav 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 */
}

#nav li ul li a, #nav li.current ul li a {
  /*width: 220px!important;*/
 width: 220px;
 font-weight: bold;
padding: 4px 10px 4px 20px;
border-top: 2px solid #fff;
border-bottom: none;
color: #000;
margin-bottom: 0!important;
display: block;
background-image: none;  /* so that the background image won't display on Safari */
background: #b2cce3;
text-align: left;
}

#nav li ul a:hover {
 color: #fff;
 background: #3689c2;
 font-weight: bold;
 /*background-image: none!important; */ /* so that the background image won't display on Safari */
}

#nav li.current ul li a {
 background: #b2cce3;
 /*background-image: none!important;*/
 color: #000;
 }

#nav li.current ul li a:hover {
 background: #3689c2 ;
 color: #fff;
 font-weight: bold;
}


			/*****  banner  *****/

#banner { height: 236px; background: url(/images/backgrounds/home_banner.jpg) no-repeat 50%;}

#banner div {text-indent: -5000px;}

			
			/****   primary content   ****/

#primary, #primary_wide {clear: both; }
			
#twoColLayout #primary {width: 592px; float: left; border-top: 4px solid #900; margin: 15px 0;}

#threeColLayout #primary {width: 466px; float: left; display: inline; margin: 15px 8px 15px 220px;}
#threeColLayout #primary_wide {width: 681px; float: left; display: inline; margin: 15px 0px 15px 220px;}
#threeColLayout #secondary_left {width: 220px;  float: left;  margin: 15px 0 15px -906px; }

.breadcrumbs {border-top: 4px solid #900; border-bottom: 1px solid #bfbfbf; padding: 12px 15px 7px 15px;}

.article {padding: 25px 20px 0;}

.sub {border-top: 1px solid #bfbfbf;} 

p {margin-bottom: 25px;}

p.nomargin {margin: 0!important;}

img.float {float: left; display: inline; margin-right: 18px;}

#twoColLayout h2 {margin-bottom: 25px;}
#twoColLayout .sub h2 {margin-bottom: 15px;}

#threeColLayout #primary h2 {margin: 0 15px; padding-bottom: 5px;}
#threeColLayout #primary_wide h2{margin: 0 15px; padding-bottom: 5px;}

#threeColLayout .article {padding: 25px 15px 0;}

#threeColLayout h3 {margin-bottom: 20px;}

hr {background: #d4d4d4; border: none; height: 1px;}

.collaborator {border-bottom: 1px dotted #d4d4d4; margin-bottom: 15px;} 
#primary h3.color {background: #990000; color: #fff; padding:0 5px; margin-top: 15px; margin-bottom: 10px;} 
			

			/*****  secondary content  *****/
		
#twoColLayout #secondary {width: 306px; float: right; border-top: 4px solid #4373ac; margin: 15px 0;}

/*.affiliate {margin: 0 25px 25px;}*/
.affiliate {margin: 0;}
.affiliate img {
 margin: 5px auto;
 display: block;
 text-align: center;
}

#threeColLayout #secondary {width: 207px;  float: left; display: inline; border-top: 4px solid #ccc; margin: 45px 0 35px 0; padding-top: 35px;}

#threeColLayout #secondary p {margin: 10px 0;}

#threeColLayout #secondary .sub {
border-top: none;
}

#threeColLayout #secondary .sub, #threeColLayout #secondary_left .sub {
border-top: none;
}

#threeColLayout #secondary  .article, #threeColLayout #secondary  .default,  #threeColLayout #secondary  .affiliate {
border-bottom: 1px solid #bfbfbf;
margin-bottom: 15px;
padding: 0!important;
}

#threeColLayout #secondary_left  .article, #threeColLayout #secondary_left  .default,  #threeColLayout #secondary_left  .affiliate {
border-bottom: 1px solid #bfbfbf;
margin-bottom: 15px;
padding: 0!important;
padding-left: 5px!important;
}

#threeColLayout #secondary .content, #threeColLayout #secondary_left .content {
 margin: 0 0 15px 0px;
}

#threeColLayout #secondary h2 {
margin-top: 0px!important;
padding: 0px;
}

#threeColLayout #secondary_left .article h2 {
margin-top: 0px!important;
margin-bottom: 15px !important;
padding: 0px;
}

#threeColLayout #secondary .article  ul.reset, #threeColLayout #secondary_left .article  ul.reset {
margin: 15px 0!important;
padding: 0!important;
}		

#threeColLayout #secondary .article  ul.reset li, #threeColLayout #secondary_left .article  ul.reset li {
margin-left: 0!important;
padding-left: 0!important;
}

#threeColLayout #secondary .article  img.affiliate, #threeColLayout #secondary_left .article  img.affiliate  {
margin-left: 0;
padding: 5px 0 10px 0;
border-bottom: none;
}

#primary ul ul, #primary_wide ul ul {margin-top: 0 !important; margin-bottom: 0 !important;}

ul.blue_arrow {
 margin: 0px 0 5px 0;
 padding: 0;
 list-style: none;
}

ul.blue_arrow li {
 list-style: none;
 background: url(/images/misc/blue_arrow.gif) no-repeat 0 .3em;
 padding: 0 0 10px 12px !important;
 margin-left: 2px;
 text-decoration: none;
 line-height: 120%;
}

ul.blue_arrow li a {font-weight: bold;}

ul.sitemap  {
 margin: 0px 0 5px 0 !important;
 padding: 0;
 list-style: none;
}

ul.sitemap li{
 list-style: none;
 background: url(../images/misc/dash_arrow.gif) no-repeat 0 .3em;
 padding: 0 0 5px 12px !important;
 margin-left: 0px !important;
 text-decoration: none;
 line-height: 120%;
 font-weight: bold;
}

ul.sitemap li ul {
 margin-top: 10px !important;
}

ul.sitemap li ul li{
 background: url(../images/misc/double_arrows.gif) no-repeat 0 .3em;
 font-weight: normal;
}

#threeColLayout #secondary .article ul {
 margin-top: 15px;
}

			/*****  subnavigation  *****/
			
/*
#subnav {
 width: 220px;
 float: left;
 margin: 15px 0 15px -906px;
}
*/

#subnav {
margin-bottom: 30px;
}

#subnav h2 {
padding: 6px 15px 9px 15px; border-bottom: 4px solid #4373ac; line-height: 100%;
}

#subnav ul {
 border-top: 2px solid #fff;
}

#subnav ul li {
  display: inline;  /* so that IE 6 display properly on each list item */
  line-height: 120%;
  margin: 3px 0;
}

#subnav ul li a {
  font-size: 1.2em;
  display: block;
  background: #b2cce3;
  padding: 8px 3px 8px 15px;
  border-top: 3px solid #fff;
  color: #000;
  font-weight: bold;
  margin: 0;
  text-decoration: none;
}

#subnav ul li a:hover, #subnav ul li.current a {
 background: #e6ca76;
 color: #990000;
}

#subnav ul li.current a {
 font-weight: bold;
}

#subnav ul li.current a {border-top: 1px solid #fff; voice-family: "\"}\""; voice-family:inherit; border-top: 3px solid #fff;}
html>body #subnav ul li.current a {border-top: 3px solid #fff;}

/****** third level sub ********/

#subnav ul li ul, #subnav ul li.current ul {
 border: none;
 margin: 0!important;
 margin-top: 0px!important;
 padding: 0px;
 padding-bottom: 0px!important;
 }

#subnav ul li ul li a, #subnav ul li.current ul li a {
  font-size: 1em;
  border: none;
  padding: 6px 0 6px 25px; 
  display: block;
  color: #3C3C3C;
  background: #ebdeb7 url(/images/navs/red_arrow.gif) no-repeat 15px 50%;
  font-weight: normal;
  line-height: 100%;
  border-top: 1px solid #fff;
}

#subnav ul li ul li a:hover, #subnav ul li.current ul li a:hover, #subnav ul li ul li.current a, #subnav ul li.current ul li.current a{
 color: #990000;
 font-weight: bold;
 border: none; /* IE 6 */
 background: #ebdeb7 url(/images/navs/red_arrow.gif) no-repeat 15px 50%;
 border-top: 1px solid #fff;
 }
			/*****  footer  *****/


#footer {clear: both; border-top: 4px solid #4373ac; margin: 15px 0; padding: 15px 0;}

#footer ul {float: left; width: 592px;}

#footer ul  li {float: left;  background: url(/images/navs/footer_navs_divider.gif) no-repeat 100% 50%;}

#footer ul li {padding: 0 2em;}
#footer ul li.current {font-weight: bold;}
/*
#footer ul li.last {background: none; background-image: none;}
*/
.copy {float: right; width: 306px; text-indent: 2em; }

#footer .clear {padding-bottom: 10px;}

/*****************************************************************************/
/*****             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;
}
