/*****************************************************************************/
/*****                         STYLE APPLIED TO THE BODY                ******/
/*****************************************************************************/
body {
 margin: 0; 
 padding: 6px 0 0 0; 
 text-align: center; 
 background: #455565 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;
 /*padding: 0 14px;*/
 font: 72% Verdana,Arial, sans-serif; 
 background: transparent;
 }
 
#frame {width:919px;  voice-family: "\"}\""; voice-family:inherit; width: 919px;}
html>body #frame{width: 919px;}

#top_stripe {
 background: url(/images/backgrounds/red_top_stripe.gif) no-repeat 0 0;
 height: 18px;
}

#main_wrapper {
 clear: both;
 padding: 0 6px 14px 6px;
 background: #fff;
 text-align: left;
}

/* Filter IE 5 */
#main_wrapper {float: left;  voice-family: "\"}\""; voice-family:inherit; float: none;}

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

#header {
 width: 100%;
 float: left; /* NS */
 margin: 5px 0;
 float: left;
}

#logo {
 float: left; 
 width: 210px;
 padding: 0 0 0 5px;
}

#utilities {
 background: #fff;
 color: #0053a0;
 margin: 27px 0 10px 0;
 font-size: 11px;
 float: left;
 /* width:  for IEs */
}

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

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

#utilities ul li a {
  color: #0053a0;
  text-decoration: none; 
  padding: 7px 14px 7px 9px; 
}

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

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

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

#search_box {
 float: right;
 text-align: right!important;
 margin: 25px 6px 0px 0;
 padding: 0;
}
#search_box form {margin: 0; display: inline;}

#search_box .text {
 margin: 0px 5px 0px 0;
 padding: 1px 1px 1px 3px;
 font-size: 12px;
 background: #f2f2f2;
 border: 1px solid #ddd;
 color: #0053a0;
 width: 150px;
}

#search_box input {vertical-align: middle;}

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

/* layout */
#home_cols {
 margin: 7px 0 0 0;
 /*width: 100%;*/  /* remove for IE6 */
 float: left; /* NS */
 line-height: 150%;
 clear: both;
 padding: 0 0 12px 0;
 }
 
html>body #home_cols {width: 100%;} /* Hack IE 6 and below  ( don't remove this; otherwise Safari on Mac does not render right )*/
#sub_cols {
 margin: 7px 0 0 0;
 /*width: 100%;*/  /* remove for IE6 */
 line-height: 150%;
 padding: 0 0 12px 0;
}

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

#home_cols #primary_content_wrapper,  #sub_cols #primary_content_wrapper {
 float: left;
 margin: 0px;
 padding: 0;
 border-left: 1px solid #adadad;
 border-right: 1px solid #adadad;
}

#sub_cols #primary_content_wrapper {
 border: none;
}
 
#home_cols #primary_content_wrapper {width:432px;  voice-family: "\"}\""; voice-family:inherit; width: 435px;}
html>body #home_cols #primary_content_wrapper{width: 435px;}

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

#home_cols #sidebar_content_wrapper_a{
 float: left;
 width: 220px;
 line-height: 120%;
}

#home_cols #sidebar_content_wrapper_b{
 float: left;
 width: 250px;
}

#sub_cols #sidebar_content_wrapper_a {
 float: left;
 width: 219px;
 line-height: 120%;
 border-right: 1px solid #adadad;
}

#sub_cols #sidebar_content_wrapper_b {
 float: left;
 width: 249px;
 border-left: 1px solid #adadad;
}

/* home content layout */
#home_cols #primary_content_wrapper .content, #sub_cols #primary_content_wrapper .content {
 margin: 0px 15px 0px 20px;
}

#home_cols #sidebar_content_wrapper_a .content {
 margin: 15px;
}

#home_cols #sidebar_content_wrapper_b .content{
 margin: 10px;
}

#sub_cols #sidebar_content_wrapper_b .content {
 margin: 10px 15px;
}

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

/* global navigation */

#main_nav {
 font-size: 12px;
 margin: 0px 0 0 0;
 background: #0053a0 url(/images/navs/global_nav_off.jpg) repeat-x 0 0;
 float: left; 
 text-align: center!important;
 color: #f5c422;
 width: 100%; 
 clear: both;
}

#main_nav ul {
  display: block;
  list-style:none;
  padding: 0px 0 0 3px;
  background: url(/images/navs/global_navs_divider.gif) no-repeat 0 100%;
  float: left;
 }

/* make the white dividers look centered */
#main_nav ul {margin: 0 0 0 22px;  voice-family: "\"}\""; voice-family:inherit; margin: 0 0 0 22px;}
html>body #main_nav ul {margin: 0 0 0 42px;}
 
#main_nav ul a {
  display: block;
  color: #fff;
  margin: 0px;
  background: #0053a0 url(/images/navs/global_nav_off.jpg) repeat-x 0 0;
}

#main_nav ul li {
  /*display: inline;*/
  color: #fff;
  float: left; /* otherwise there are gaps between each nav item */
  padding: 0px;
  margin: 0px auto;
  padding-right: 3px; /* 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*/
  text-align: center;
  margin: 0px auto;
  color: #fff;
  text-decoration: none;
  padding: 9px 25px 7px 25px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
 }
  
#main_nav ul a:hover {
 background: #fff url(/images/navs/global_nav_on.jpg) repeat-x 0 0;
 color: #fff;
}

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

#main_nav ul li.current a {
 background: #fff url(/images/navs/global_nav_on.jpg) repeat-x 0 0;
}

#main_nav ul li.current a:hover {
 background: #fff url(/images/navs/global_nav_on.jpg) repeat-x 0 0;
}

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

#main_nav ul li ul{ 
  display: block;
  position: absolute;
  left: -999em;
  width: 220px;
  border: 1px solid #ccc;
  border-top: none;
  overflow: hidden;
  margin: 0px 0px 0px 0px;
  padding: 0;
  float: none;
  filter:alpha(opacity=100);
  opacity: 1;
  -moz-opacity:1;
  text-transform: none!important;
  z-index: 100;
}

#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: 5px!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: 240px;*/
    font-weight: normal;
  	background: #ae1616;
	padding: 4px 10px 4px 23px;
	border-top: 1px solid #fff;
	color: #fff;
	margin-bottom: 0!important;
	display: block;
	background-image: none; /* so that the background image won't display on Safari */
	text-align: left;
	text-transform: none!important;
}

#main_nav ul li ul a:hover {
 color: #fff;
 background: #24394c;
 background-image: none!important; /* so that the background image won't display on Safari */
}

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

#main_nav ul li.current ul li a:hover {
 background: #24394c;
 color: #fff;
}

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

#sub_nav {
 margin: 0;
 background: #ddeefc;
}

#sub_nav h2.title {
 margin: 0;
 background: #dce9f6 url(/images/backgrounds/blue_gradient_title_bg.gif) repeat-x 0 0px;
 padding: 10px 5px 10px 10px;
 border: 1px solid #adadad;
 border-right: none;
 font: 16px helvetica verdana,arial, sans-serif;
 line-height: 100%;
 font-weight: bold;
 color: #003366;
 display: block;
}

#sub_nav ul {
 list-style: none;
 margin: 0px;
 padding: 5px 0;
 background: #ddeefc;
 border-left: 1px solid #adadad;
 border-bottom: 5px solid #adadad;
}

#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/blue_arrows.gif) no-repeat 10px 9px;
  padding: 4px 3px 4px 22px;
  border: 1px solid #adadad;
  border-left: 5px solid #adadad;
  color: #345c80;
  font-weight: bold;
  margin: 5px 6px;
  text-decoration: none;
}

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

#sub_nav ul li a:hover, #sub_nav ul li.current a {
 background: #f9f9e9 url(/images/navs/red_arrows.gif) no-repeat 10px 9px;
 color: #8b1110;
 border: 1px solid #990100;
 border-left: 5px solid #990100;
}

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

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

#sub_nav ul li.current ul li a {
  font-size: .90em;
  border: none;
  padding: 1px 0 1px 10px; 
  margin-left: 20px;
  display: block;
  color: #8b1110;
  background: #ddeefc url(/images/navs/red_dot.gif) no-repeat 0 6px;
}

#sub_nav ul li.current ul li a:hover, #sub_nav ul li.current ul li.current a{
 color: #000;
 border: none; /* IE 6 */
}

/*****************************************************************************/
/*****                          FOOTER                                  *****/
/*****************************************************************************/
#footer {
 float: left;
 margin: 5px 0 0 0;
 padding: 12px 0 0 0;
 font-size: 10px;
 line-height: 100%;
 width: 100%;
 color: #666;
 border-top: 10px solid #ccc;
}

#footer #copyright {
 color: #231f20;
 text-align: left;
 float: left;
 font-size: 10px;
 padding: 0;
 line-height: 110%;
}

#copyright .phone_number {
 padding-left: 14px;
}

#footer ul {
 margin: 0 0 0 10px;
 padding: 0 10px;
 float: left;
 text-align: center;
 padding: 0;
 width: 670px;
 text-align: center;
}

#footer ul li {
 display: inline;
 margin: 0px;
 text-transform: uppercase;
}
#footer ul li a {
  color: #666;
  margin: 0;
  background: url(/images/navs/footer_navs_divider.gif) no-repeat 100% 50%;
  padding: 0 18px 0 12px;
  text-decoration: none;
  font-weight: normal;
}

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

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

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

/*****************************************************************************/
/*****                          CONTENT                                  *****/
/*****************************************************************************/
/*misc */
.clear {clear: both; font-size: .01em; height: 1px;}
.clear_fix {clear: both;}
.bld {font-weight: bold;}
.red_txt {color: #9f0a0a;}
.blue_txt {color: #006699;}
.dash_line {
 height: 1px;
 margin: 10px 0;
 border-bottom: 1px dotted #231f20;
}
.photo_right img {
 float: right;
 margin: 0 0 10px 10px;
 border: 1px solid #ccc;
 padding: 0;
}

hr {
background: #ccc;
border: none;
height: 1px;
background-color: #ccc;
margin: 10px 0;
}

.tagline {
 margin: 0 0 10px 0;
}

/* in the video page */
.video_box {
 text-align: center;
 padding: 10px;
 margin: 10px 0;
}

/* in the sidebar */
.video_box_text {
 color: #666;
 margin: 5px 0 0 0;
 padding: 5px 0 0 0;
 border-top: 1px dotted #666;
 line-height: 130%;
}

.home_symbols {
 padding: 15px 0;
}

.exclamation {
background: url(/images/misc/exclamation.gif) no-repeat 0 50%;
color: #ae1616;
padding-left: 30px;
}

/* boxes */
.white_box_top{
margin: 0 9px;
background: url(/images/backgrounds/white_frame_top.jpg) no-repeat 0 0;
text-align: left;
display: block;
padding: 15px 20px 5px 15px;
}

.white_box_bottom {
margin: 0 9px;
background: url(/images/backgrounds/white_frame_bottom.jpg) no-repeat 0 0;
height: 11px;
}

/* bulleted list */
#home_cols #primary_content_wrapper ul {
margin: 10px 0 10px 15px;
padding: 0 0 0 10px;
}

#home_cols #primary_content_wrapper ul li {
line-height: 100%;
padding: 0 0 5px 0px;
margin-left: 0px;
}

ul.blue_arrow {
 margin: 15px 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 1px;
 padding-left: 20px;
 margin-left: 10px;
 text-decoration: none;
 line-height: 115%;
 margin-bottom: 10px;
 font-size: .95em;
}

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

ul.blue_arrows li {
 list-style: none;
 background: url(/images/misc/blue_arrows.gif) no-repeat 5px 4px;
 padding-left: 20px;
 margin-left: 0px;
 text-decoration: none;
 line-height: 120%;
 margin-bottom: 10px;
 font-size: .95em;
}

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

ul.blue_dot li {
 list-style: none;
 background: url(/images/misc/blue_dot.gif) no-repeat 0 4px;
 padding-left: 20px;
 margin-left: 0px;
 text-decoration: none;
 line-height: 115%;
 margin-bottom: 6px;
}

ul.red_dot {
 margin: 15px 5px 10px 0px !important;
 padding: 0;
 list-style: none;
}

ul.red_dot li {
 list-style: none;
 background: url(/images/misc/red_dot.gif) no-repeat 0 3px;
 padding: 0 0 0 10px !important;
 margin: 0px 0 10px 0px !important;
 text-decoration: none;
 line-height: 125%!important;
}

#results_form ul.disc li {padding-bottom: 10px;}
#results_form .pipe {color: #eee;}

/*titles */

/* graphic title on home page */
.test_skills {
margin: 0;
padding: 0;
background: url(/images/backgrounds/test_skills.gif) no-repeat 0 0;
height: 37px;
}

.resources_sidebar h2.subtitle{
margin: 0px 0 5px 0;
padding: 0;
background: url(/images/backgrounds/resources.gif) no-repeat 0 0;
height: 37px;
border-right: 1px solid #adadad;
}

/*title on sub pages */

h1.title {
 font-size: 1.5em;
 color: #fff;
 padding: 15px 10px 15px 240px;
 margin: 6px 0 0 0px;
 background: #628bb0 url(/images/backgrounds/title_bg.jpg) no-repeat 0 0;
 line-height: 1em;
 display: block;
}

/* Do not remove the width as the following, otherwise the page 'title' won't show on IEs*/
h1.title {width:907px;  voice-family: "\"}\""; voice-family:inherit; width: 657px;}
html>body h1.title {width: 657px;}

/* blog area */
.blog_sidebar h2.subtitle  {
margin: 0;
padding: 0;
background: url(/images/backgrounds/blog.gif) no-repeat 0 0;
height: 38px;
border-right: 1px solid #adadad;
}

.blog_symbol {
 float: left;
 padding: 0 10px 10px 0;
}

.blog_text {
 line-height: 120%;
 color: #0053a0;
 padding: 5px 0;
}

/* new standard */
.new_standard_sidebar h2.subtitle  {
margin: 0;
padding: 0;
background: url(/images/backgrounds/new_standard.gif) no-repeat 0 0;
height: 38px;
}

#sidebar_content_wrapper_a  .new_standard_sidebar h2.subtitle {
border-left: 1px solid #adadad;
}

#sidebar_content_wrapper_b .new_standard_sidebar h2.subtitle {
border-right: 1px solid #adadad;
}

#sidebar_content_wrapper_a  .new_standard_sidebar .inner, #sidebar_content_wrapper_b  .new_standard_sidebar .inner {margin: 5px 10px; color: #666; font-size: .95em;}
#sidebar_content_wrapper_a  .new_standard_sidebar .inner {line-height: 140%;}

/* breadcrumbs */
#breadcrumbs {
 font-size: 10px;
 padding: 10px;
 margin: 0 0 15px 0;
 border-bottom: 1px dotted #999;
}

/* testimonial */

.testimonial_sidebar h2.subtitle {
 margin: 0; padding: 0;
}

#testimonial {
 margin: 10px 2px;
}

#testimonial .quote_content {
 background: url(/images/backgrounds/quote_top.jpg) no-repeat 0 0;
 padding: 37px 25px 3px 35px;
 color: #990000;
 font-size: 14px;
 line-height: 120%;
}

#testimonial  .quote_bottom {
 background: url(/images/backgrounds/quote_bottom.jpg) no-repeat 0 0;
 height: 41px;
}

#testimonial .quoter{margin: 0px 10px 5px 10px;
font-style: oblique;
color: #666666;
font-size: 11px;
}

.quoter {
font-style: oblique;
color: #9e1414;
font-size: .95em;
}

/*search results page */

#search_summary {
 color: #293541;
}

#search_summary .query {
 color: #990100;
 font-weight: bold;
}

.paging {
border-top: 1px solid #e4e3e3;
 background: #f1f3f4;
 padding: 2px 5px;
}



/* default links */
a {
 color: #006699;
 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;}