/*****************************************************************************/
/*****                         STYLE APPLIED TO THE BODY                ******/
/*****************************************************************************/
body {
 margin: 0; 
 padding: 0; 
 text-align: center; 
 background: url(../images/backgrounds/body_bg.gif);
 color: #000;
 }
 
/*****************************************************************************/
/*****                          LAYOUT                                 ******/
/*****************************************************************************/
/****** outer layout (borders) ***** */
#frame {
 margin: 0px auto; 
 text-align: left;
 color: #000;
 }
 
#frame {width:825px;  voice-family: "\"}\""; voice-family:inherit; width: 960px;}
html>body #frame{width: 960px;}

#outer_wrapper {
  background: none;
}

html>body #outer_wrapper {
 background: url(../images/backgrounds/body_left.png) repeat-y 0 0;
}

#inner_wrapper {
  clear: both;
  width: 100%;
}

html>body #inner_wrapper {
 background: url(../images/backgrounds/body_right.png) repeat-y 100% 100%;
 border-left: none;
}

#main_wrapper {
  clear: both;
  margin: 0 9px;
	border: 1px solid #212F3D;
	background: #fff;
  padding: 10px;
	text-align: left;
  font: 72% Verdana,Arial, sans-serif; 
}

html>body #bottom_shadow_left {
 background: url(../images/backgrounds/body_bottom_left.png) no-repeat 0 0;
}

html>body #bottom_shadow_right {
 background: url(../images/backgrounds/body_bottom_right.jpg) no-repeat 100% 100%;
 height: 11px;
}

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

#header {
 width: 100%; /* or IE won't display the background color and image */
 background: #0698D6 url(../images/backgrounds/blue_curved_bg.gif) no-repeat 100% 0;
 float: left; /*NS */
}

#header #logo {
 float: left;
}

#header #utilities {
 float: right;
 text-align: right;
 margin: 15px 5px 0px 0;
 font-size: 12px;
}

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

#utilities ul li { 
  display: inline;
  background: url(../images/navs/utilities_arrow.gif) no-repeat 0% 50%;
  margin-right: 10px;
}

#utilities ul li a {
  font-weight: bold;
  color: #FAFAFA;
  text-decoration: none; 
  background: url(../images/navs/v_yellow_dots.gif) no-repeat 100% 50%;
  padding: 10px 14px 10px 12px; 
}

#utilities ul li a:hover, #utilities ul li.current a  {
 color: #FDC732;
}

#utilities ul li.last a {
 background: none;
 padding-right: 0;
}

/* layout */

#tagline {
 width: 100%;
 margin: 5px 0 0 0;
 height: 181px;
 float: left; /* NS */
 background: #CCE5FC url(../images/home/placeholder.jpg) no-repeat 0 0;
}

#home {
 margin-top: 12px;
 width: 100%;
 float: left; /* NS */
 }

#home #primary_content_wrapper {
 float: left;
 background: #fff;
 margin: 0 25px 0 30px;
 padding: 10px 10px 0 0;
 line-height: 160%;
}

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


#home #sidebar_content_wrapper_a {
 float: left;
 width: 150px;
}

#home #sidebar_content_wrapper_b {
 float: right;
 width: 270px;
 background: #fff;
 line-height: 130%;
 padding: 0;
}

#home #sidebar_content_wrapper_b {width:255px;  voice-family: "\"}\""; voice-family:inherit; width: 270px;}
html>body #home #sidebar_content_wrapper_b{width: 270px;}

#home #sidebar_content_wrapper_b .inner {
 padding: 0 15px 0 0px;
}

/* subpages */
#three_cols {
 margin-top: 10px;
 width: 100%;
 float: left; /* NS */
}

#three_cols #primary_content_wrapper {
 float: left;
 background: #fff;
 width: 505px;
 margin: 0 20px 0 20px;
 padding: 5px 0 0 0;
 line-height: 160%;
}

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


#three_cols #sidebar_content_wrapper_a {
 float: left;
 width: 220px;
 background: #fff;
}

#three_cols #sidebar_content_wrapper_b {
 float: right;
 width: 170px;
 background: #fff;
 line-height: 130%;
 padding: 30px 0 0 0;
}

#three_cols #sidebar_content_wrapper_b img {
 display: block;
 margin-bottom: 25px;
}

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

/* global navigation */
#main_nav {
 font-size: 12px;
 margin: 5px 0;
 margin-bottom: 5px;
 width: 100%;
 background: #000101;
 color:#FFF5D6;
 float: left;
 clear: both;
 text-align: left;
}

.red_bar {
 background: #BD0100;
 height: 2px;
 font-size: .1em;
 width: 100%;
}

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

#main_nav ul a {
  display: block;
	margin: 0;
	background: url(../images/navs/main_nav_arrow.gif) no-repeat 0% 50%;
 }
  
#main_nav ul a:hover {
 color: #FDC732;
}

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

#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: #FEF4D5;
  padding: 0px;
	text-decoration: none;
	padding: 0px 25px 0px 37px;
	font-weight: bold;
}

#main_nav ul li.current a {
 color: #FDC732;
}

#main_nav ul li.current ul li a {
 background: #000101;
 bakcground-image: none;
}

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

#main_nav ul li ul{ 
  text-align: left;
  display: block;
	position: absolute;
	left: -999em;
	width: 230px;
	border-top: 5px solid #000101;
  border-bottom: 1px solid #fff;
	z-index: 100;
	overflow: hidden;
	margin: 0px 0px 0px 0px;
 	padding: 0;
	float: none;
	/*filter:alpha(opacity=95);
	opacity: .95;
	-moz-opacity:.95; */
}

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

#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 {
    font-weight: normal;
    background: #000101;
  	background: #B21F24;
    padding: 4px 10px 4px 37px;
		border-top: 1px solid #fff;
		color: #EDC304;
		margin-bottom: 0!important;
		display: block;
		background-image: none; /* so that the background image won't display on Safari */
    line-height: 120%;
    margin-right: 0px!important;
}

#main_nav ul li ul a:hover {
 color: #000;
 background: #BB0000;
 background: #EDC304;
 background-image: none; /* so that the background image won't display on Safari */
}

#main_nav ul li.current ul li a {
background: #B21F24;
border-bottom: none;
}

#main_nav ul li.current ul li a:hover {
 background: #EDC304;
 background-image: none;
}

/* sub navigation */

#sidebar_content_wrapper_a #sub_nav h2#sub_title {
 color: #FAFAFA;
 font-size: 12px;
 font-weight: bold;
 margin: 0;
 padding: 7px 3px 7px 10px;
 background: #0A9AD6 url(../images/backgrounds/blue_curved_bg.gif) no-repeat 100% 0;
}

#sub_nav ul {
 list-style: none;
 /*background: #E5F0F8;*/
 padding: 0;
 margin: 0px 0 25px 0;
 border-bottom: 1px dotted #000;
 }

#sub_nav ul li {
  display: inline; /* so that IE 6 display properly on each list item */
}

#sub_nav ul li a {
  display: block;
	background: #E0EDF9 url(../images/navs/sub_red_arrow.gif) no-repeat 10px 10px;
  padding: 6px 3px 7px 23px;
  /*border-bottom: 1px dotted #000;*/
  border-top: 1px dotted #000;
  color: #336699;
  font-weight: bold;
  margin: 2px 0 2px 0;
}

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

#sub_nav ul li a:hover, #sub_nav ul li.current a {
 background: #FDC732 url(../images/navs/sub_red_arrow.gif) no-repeat 10px 10px;
 /*border-bottom: 1px dotted #A6BBCC;*/
}

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

/*****************************************************************************/
/*****                          FOOTER                                  *****/
/*****************************************************************************/
#footer {
 width: 100%;
 border-top: 3px solid #336699;
 margin-top: 10px;
 padding: 15px 0;
 font-size: .95em;
 line-height: 100%;
 background: #fff;
 clear: both;
 float: left;
}

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

#footer ul li {
  display: inline;
	margin: 0px;
}
#footer ul li a {
  margin: 0;
	list-style-image:none;
  background: url(../images/navs/footer_nav_divider.gif) no-repeat 100% 50%;
  padding: 0 12px 0 7px;
	text-decoration: none;
	font-weight: normal;
}
#footer ul li.last a {
 background: none;
 background-image: none;
}

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

#footer #copyright {
 color: #030404;
 float: right;
 text-align: center;
 width: 280px;
}

/*****************************************************************************/
/*****                          CONTENT                                  *****/
/*****************************************************************************/
/*misc */
.clear {clear: both; font-size: .01em; height: .01em;}
.clear_fix {clear: both;}
.bld {font-weight: bold;}
sup {font-size: .75em;}
.blue_txt {color: #336699;}
.red_txt {color: #BB0000;}
#sidebar_content_wrapper_a .photo img {padding-bottom: 7px;}
.dot_line {
 border-bottom: 1px dotted #000;
 margin: 15px 0;
}

.collaborators img {
 padding: 1px;
 border: 1px solid #ccc;
 margin: 5px 5px 5px 0;
}

/*list */

ul {
 margin-left: 15px; /* IE */
 padding-left: 0px; /*others */
 line-height: 125%;
}

ul li {
 margin-bottom: 12px;
 list-style: disc;
}

ul li ul {
 margin-top: 10px;
}

ul li ul li {
 margin-bottom: 5px;
}

#home #sidebar_content_wrapper_b ul{
 margin: 10px 0 0 15px;
 padding: 0;
 list-style: none;
}

#home #sidebar_content_wrapper_b ul li {
 list-style: none;
 background: url(../images/backgrounds/red_arrow.gif) no-repeat 0 6px;
 padding-left: 15px;
 margin-left: 0px;
 text-decoration: none;
 line-height: 130%;
 margin-bottom: 15px;
}

#three_cols #primary_content_wrapper ul.arrow {
 margin: 10px 0 0 15px;
 padding: 0;
 list-style: none;
 font-weight: bold;
}

#three_cols #primary_content_wrapper ul.arrow li, #home #primary_content_wrapper ul.arrow li {
 list-style: none;
 background: url(../images/misc/link_arrow.gif) no-repeat 0 6px;
 padding-left: 15px;
 margin-left: 0px;
 text-decoration: none;
 line-height: 130%;
 margin-bottom: 8px;
}

#home #primary_content_wrapper ul.arrow {
 margin-top: 20px;
}

#home #primary_content_wrapper ul.arrow li {
 background: url(../images/misc/link_arrow.gif) no-repeat 0 3px;
 font-weight: bold;
 margin-bottom: 12px;
}

/*titles */
#home #primary_content_wrapper h1 {
 font-size: 1.4em;
 color: #336699;
 margin: 0px 10px 10px 0;
 border-bottom: 1px dotted #000;
 padding: 0 0 5px 5px;
}

#home #sidebar_content_wrapper_b h1 {
 font-size: 1.2em;
 color: #fff;
 margin: 0px 0px 10px 0;
 background: url(../images/backgrounds/blue_stripes_bg.gif) no-repeat 100% 0%;
 padding: 15px;
}

#three_cols #primary_content_wrapper h1#title {
font-size: 1.5em;
 color: #336699;
 margin: 0px 0 20px 0;
 padding: 0 5px 7px 5px;
 border-bottom: 1px dotted #000;
}

#three_cols #primary_content_wrapper h2 {
 font-size: 1.2em;
 font-weight: bold;
 margin: 0 0 10px 0;
 padding: 0;
}
/* default links */
a {
 color: #336699;
 text-decoration: none;
 }

a:hover {
 color: #BD0100;
}