/*   ||| Global Styles |||   */
*{ padding: 0; margin: 0; }
body { margin: 0 auto; background: url(../images/wrapper_bg.gif) repeat-y top center #adadad;  }
#article .as_text   ul.pdf {  list-style: none; }
#article .as_text  ul.pdf li { background: url(/images/pdficon.gif) top left no-repeat; padding: 0 0 5px 20px; }

/*   ||| skeleton |||   */
    #wrapper { width: 899px; margin: 0 auto; }
	#left_shadow { float: left; width: 54px; height: 622px;  background: url(../images/l_shadow.gif) no-repeat top left; }
	#main_content {  float: left; width: 787px;  background: url(../images/content_bg.gif) repeat-y  top left; padding: 0 0 0px 0; margin:0 0 0px 0; }
	#right_shadow {  float: left; width: 54px; height: 622px;  background: url(../images/r_shadow.gif) no-repeat top left #ECECEC; margin: 0; padding: 0 }


/* =header div
-----------------------------------*/
#header { margin: 0; padding: 0; width: 787px; height: 109px; background: url(../images/nav_bg.gif) repeat-x top left; }
  #header a.logo { clear: both;float: left;  margin: 0 0 0 9px; width: 231px; height: 97px; background: url(../images/logo.gif) repeat-x top left; }
  #header img { float: right; margin: 0; }
	/* =nav 
	--------*/
	#nav { font-family: Arial, Helvetica, sans-serif; font-size: .6em; }
	#nav ul { float: left; list-style: none; width: 547px;}
	#nav a { display: block; margin: 13px 0 0 0; text-decoration: none; color: #ffffff;}
		#nav a:hover { border-bottom: 1px solid #45B8E5; }
		
	#nav ul li { float:left; height: 40px; padding: 0 9px 0 9px; margin: 0; }
	#nav ul li.li-up { background:none; }
		#nav ul li:hover, #nav ul li.li-over { background: url(../images/nav_bg_hover.gif) repeat-x top left; padding: 0 8px 0 8px; border-right: 1px solid #2a9cc8; border-left: 1px solid #2a9cc8; }
		#nav ul li.li-active { background: url(../images/nav_bg_hover.gif) repeat-x top left; padding: 0 9px 0 9px; border: none; }
		
/* =banner
-----------------------------------*/
#banner img { float: left; height: 241px; width: 743px; margin: 0 0 0 22px; padding: 0;  }


/* =briefs div ~ homepage
-----------------------------------*/
div#briefs { margin: 0 0 0 22px; color: #ffffff;  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
    #briefs li strong { text-align: left; display: block; text-transform: uppercase; margin: 29px 27px 32px 27px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #161616; font-size: 20px; font-weight: bold; } 
	#briefs ul { list-style: none; padding: 0; margin: 0;  } 
	#briefs li {  float: left; padding: 0; }
		.brief1 {  height: 248px; width: 229px; background: url(../images/homepage_brief1_bg.gif) no-repeat top left; margin: 0 28px 0 0; }
		.brief2 {  height: 248px; width: 229px; background: url(../images/homepage_brief1_bg.gif) no-repeat top left; margin: 0 28px 0 0; }
		.brief3 {  height: 248px; width: 229px; background: url(../images/homepage_brief1_bg.gif) no-repeat top left; }
	
		.brief_text {  display: block;  width: 125px; line-height: 15px;  }
		#briefs li span.resources, .brief3 .brief_text { display: block; text-align: left; padding: 0 0 0 12px; line-height: 12px; }
		#briefs li span.brief_title { display: block; font-size: 14px; font-weight: bold; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0 0 6px 0;  }
		#briefs li span.resources strong, .brief3 span.brief_title  { text-transform: none; color: #ffffff; background: #014363; font-size: 14px; border-bottom: 1px dashed #27BEED; margin: 0 0 3px 0; padding: 4px 2px; width: 180px; }
		span.brief_summary { display: block; }
		span.brief_link a, #briefs li span.resources a { margin: 3px 0 0 0;color: #7be1ff; display: block; text-decoration: none; }
		#briefs li span.resources a, .brief3 span.brief_link a { font-weight: bold;  margin: 3px 0 6px 0; }
		li.brief3 div.brief table tbody tr td.brief_image A IMG { display: none; }
		LI.brief3  DIV.brief table tbody tr TD.brief_text SPAN.brief_summary { width: 180px; }
		span.brief_link a:hover, #briefs li span.resources a:hover {  color: #014363; text-decoration: underline; }
		#briefs li table tr td { padding: 0 0 0 12px; }
		td.brief_image { vertical-align: top; padding: 0; }
		td.brief_image img { width: 58px; height: 58px; border: 2px solid #fbfdfd; }



/*   ||| interior page styles |||   */		
/* =sub_nav div
-----------------------------------*/
/*interior { float: left; width: 787px; }*/
#sub_nav { float: left; margin: 0 22px 0 0; padding: 0; width: 229px;  }
	#sub_nav h2, #sub_nav .as_title { margin: 20px 0 0 22px; padding: 10px 0 9px 6px; display: block; text-transform:uppercase; background: url(../images/subnav_header_bg.gif) top left no-repeat; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:18px; font-weight: normal; color: #484848; letter-spacing: -1px;   }
	#sub_nav ul {  margin: 0 0 0 22px; padding: 0; list-style: none; width: 205px; border: 1px solid; border-color: #acacac #c6c6c6 #c6c6c6 #c6c6c6;  }
	#sub_nav ul li { background: url(../images/subnav_li_bg.gif) top left repeat-y #dfdfdf; width: 198px; border-top: 1px solid #ffffff; border-bottom: 1px solid #999999; padding: 2px 0 4px 7px; }
		#sub_nav ul li a { line-height: 12px; padding: 0; margin: 0; background: none; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; color: #3a3a3a; }
		#sub_nav ul li a:hover { color: #3DA2C9; text-decoration: underline; }

/* =article div 
-----------------------------------*/
#article { float: left; width: 514px; background: url(../images/article_header_bg.gif) top left no-repeat #f9f9f9; margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #3a3a3a; line-height: 19px; }
 #article h1, #article .as_title { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #161616; font-size: 20px; font-weight: bold; text-align: right; padding: 11px 24px 25px 24px; width: 462px;}
 #article img.as_image  {  padding: 0; float: right; margin: 6px 24px 6px 6px; } 
 #article SPAN.as_summary, #article .as_text h1, #article .as_text h2, #article .as_text h3, #article .as_text h4 { display: block; padding: 0 24px 16px 24px; margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; color: #055482; font-weight: bold; font-size: 16px;  }
 #article p, #article .as_text { margin: 0 24px 24px 24px; }
   #article .as_text strong, #article .as_text em  { color: #055482; font-family: Verdana, Arial, Helvetica, sans-serif;  }
   #article .as_text a { color: #015F8B;  }
   #article .as_text ol { margin: 18px 0 18px 30px; }
   #article .as_text ul { margin: 18px 0 18px 12px; list-style: none;  }
   #article .as_text ul li { background: url(../images/bull.gif) left 7px no-repeat; padding: 0 0 0 15px; margin: 0; }
   #article .as_text a:hover { color: #3DA2C9; text-decoration: none;  }
   #article .as_text table { border-collapse: collapse; border-top: 1px dashed #C6C6C6; }
   #article .as_text table td { vertical-align: top; padding: 12px; border-bottom: 1px dashed #C6C6C6; margin: 0;  }
   #article img { border: 1px solid #8e8e8e; padding: 0; margin: 6px;  }
   
   /* =form*/
   #article form fieldset { clear: both; border: none; background: none; }
   #article form input, #article form textarea { font-family: Verdana, Arial, Helvetica, sans-serif; background: url(../images/input-bg.gif) bottom left repeat-x #FAFBFC; border: 1px solid #BCBCBC; font-size: 11px; padding: 3px; margin: 1px 0 6px 0; vertical-align: middle; }
   #article form input radio { margin: 3px 0 0 0; }
   #article form select { font-family: Verdana, Arial, Helvetica, sans-serif; background: #f9f9f9; border: 1px solid #9B9B9B; font-size: 11px; padding: 2px 0; }
   #article form input.go { border: 1px solid #000000;  cursor: pointer; padding: 2px; margin: 0 0 0 24px; background: none; }
   #article form input.short { width: 15px; }
   span.required { color: #01466C; }
   #article fieldset table {   margin: 0 24px 12px 24px; border-collapse: collapse; background: #f6f6f5; border-top: 1px solid #C6C6C6; border-right: 1px solid #C6C6C6; border-left: 1px solid #D1D1D1; }
   #article fieldset table tr td { text-align: left; padding: 6px 12px 6px 6px; text-align: left;  background: url(../images/td-bg.gif) top left repeat-x; }
   #article fieldset table tr td { border-bottom: 1px solid #D1D1D1; }
   
   #article #flash_content{ margin:-44px auto 0 auto; text-align:center; }
   
 #article .as_image { margin: 14px 24px 24px 24px; padding: 2px; border: 1px solid #8e8e8e;  }
 #article span.jump { display: block; height: 34px; background: url(../images/jump_bg.gif) no-repeat bottom left; }
 #article span.jump a { color: #3a3a3a; display: block; padding: 10px 0 0 18px; text-decoration: none; }
 #article span.jump a:hover { text-decoration: underline; }

/* =footer div
-----------------------------------*/
#main_content #footer { margin:30px 0 0 0; width:787px; text-align:center; float:left; background: url(../images/footer_bg.gif) repeat-x top center; border-top: 10px solid #f4f4f4; padding: 0px; height:50px; display:block;}
	#footer ul { list-style: none; margin: 10px 0 0 0; }
	#footer li { display: inline; margin: 0 20px 0 0; }
	#footer li a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #323232; text-decoration: none; }
	#footer li a:hover { text-decoration: underline; }
	#footer p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #7c7c7c; margin: 10px 0 0 0; padding: 0 0 5px 0; }
	#footer p a { color:#5B5B5B; text-decoration: none; }
	#footer p a:hover { text-decoration: underline; }