/* PRESENTATION STYLES FOR ALL PAGES - EXTERNAL WEBSITES - GREEN ============== */
/* universal styles */
html {
	background: #bdc8d3;
}
body {
	margin:  0;
	padding: 0px;
	color: #666666;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 100%;
	background: #bdc8d3 url("/source/images/page_bg_gray.jpg") top left repeat-x;
}
/* BODY STRUCTURE */

#pageContainer {
	position: relative;
	top: 0; left: 0;
	border-width: 0 1px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 0 25px;
	width: 980px;
	background: #fff url("/source/images/page_shadow_gray.jpg") bottom left no-repeat;
}

#navigation {
	float:left;
	min-width: 130px;
	margin: 65px 5px 0 20px;
	padding: 10px 1px 20px 10px;
	background: transparent;
	width: 130px;
	text-align: left;
	height:auto;
}
.content {
	float: left;
	width: 780px;
	margin: 60px 0 30px 0;
	padding: 0 0 0 10px;
	background: transparent;
	min-height:640px;
}
.column {
	width: 120px;
	padding: 15px 25px 10px 0;
	float: left;
	text-align: left;
}
.main_story {
	position: relative;
	width: 455px;
	min-width: 400px;
	padding: 14px 0 20px 10px;
	margin: 0;/* adjust the top margin to position graphic */
	float:left;
	text-align: left;
	background: transparent;
	height:auto;
}
.subject {
	width: 270px;
	padding: 5px 20px 10px 0;
	float: left;
	text-align: left;
}
#sidebar, .secondary_story {
	float: left;
	width: 290px;
	padding: 10px 0 0 0;
	text-align: left;
	height:auto;
	background: transparent;
	margin:0;
}
.secondary_story {
	margin: 15px 0 0 0;/* adjust the top margin to position graphic */
}
/* UNIVERSAL DEFAULT STYLES */
img {
	border: 0px;
}
a {
	color:#055aae ;/* was  #467dbd or #3E4C9D*/
	text-decoration: none;
}
a:hover, a:visited:hover {
	color: #ff6633;
	text-decoration: underline;
}
a:visited {
	color:#5c7996  ;/* alternative#30629c */
	text-decoration: none;
}
div, p, ul, ol, li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
	line-height: 100%;
	font-weight: normal;
}
.clear {
	clear: both;
}
.hide {
	display: none;
}
#skipnav {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: -1;
}
/* FONT STYLES */
/* h sizes , p and text sizes  */

p, li, td, form {
	font-size: 80%;
	color: #333;
	line-height: 140%;
}
p {
	margin: 0 10px 15px 0;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
h1 {
	font-size: 18px;
	margin: 10px 0 15px 0;
	color: #000;
	background-color: transparent;
	font-weight: bold;
	text-align: left;
}
h2 {
	font-size: 16px;
	margin: 5px 10px 10px 0;
	padding: 0 10px 0 0;
	color: #6086b7;
	background-color: transparent;
}
.column h2 {
	font-size: 12px;
	color: #0346a5;
}
.main_story h2, .main_story h4, .main_story h5, .main_story h6 {
	margin: 5px 30px 0 0;
	padding: 5px 0 10px 0;
}
.main_story h1 {
	font-size: 16px;
	color: #ff6633;
	margin: 0 30px 10px 0;
	
}
.main_story h2 {
	margin: 10px 30px 0 0;
}
.main_story h1.feature {
	color: #ff6633;
	font-size: 16px;
	padding: 0;
	margin: 0 30px 5px 10px;
	text-align: left;
}
.subject h2 {
	color: #6699CC;
	margin: 0 30px 5px 0;
	text-align: left;
}
.content .column h2 {
	margin: 0 0 0 0;
	color: #444477;
}
h3 {
	font-size: 14px;
	margin: 0 0 5px 0;
	color: #444477;
	background-color: transparent;
}
h4 {
	font-size: 12px;
	margin: 0 0 5px 0;
	color: #999;
	background-color: transparent;
}
h5 {
	font-size: 11px;
	font-weight: bold;
	margin: 20px 0px 1px 0;
	color: #444477;
	background-color: transparent;
}
h6 {
	font-size: 11px;
	font-weight: normal;
	margin: 20px 0px 1px 0;
	color: #444477;
	background-color: transparent;
}
.column h3.quote {
	font-size: 14px;
	color: #a6a6a6;
	margin: 0 0 0 10px;
}
.main_story p {
	margin: 0 30px 10px 0;
}
.subject p {
	margin: 0 10px 10px 0;
}
.content .column p {
	margin: 0 0 15px 0;
}
/* BELOW BANNER ELEMENTS */
/* site name */
#sitename {
	display: block;
	position: relative;
	top:60px;
	left: 0;
	width: 790px;
	height: 69px;
	margin: 0 0 0 20px;
	background: transparent;
	white-space: nowrap;
	z-index: 41;
	padding: 3px 0 3px 145px;
	text-transform: uppercase;
	color: #6699CC;
	text-align: left;
	font-size: 20px;
	border: 1px #ddd solid; border-width: 0 0 1px 0;

}
/* breadcrumbs */
#breadcrumbs {
	display: block;
	position: absolute;
	top: 102px;
	left: 145px;
	height: 20px;
	width: auto;
	margin: 0 0 0 20px;
	background: transparent;
	white-space: nowrap;
	z-index: 41;
	padding: 3px 0 3px 0px;
	font-size:11px;
	line-height: 11px;
	color: #333;
}
/* NAVIGATION */
/* menu bar */
div#menu {
	position: absolute;
	padding: 0 0 0 30px;
	margin: 0;
	top: 115px;
	left: 530px;
	width:420px;
	z-index: 99;
	background: transparent url("/source/images/4.0/xmenu.gif") 0 -2px no-repeat;
}
#menu ul {
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 -10px 0;
	padding: 7px 0 0 5px;
	height: 39px;
	white-space: nowrap;
	text-align: left;
}
#menu ul li {
	float: left;
	margin: -7px 0 0 0;
	height: 15px;
	padding:9px 15px 10px 13px;
	border: 1px #aaa solid;
	border-width: 0 1px 0 0;
}

#menu ul li a:link, #menu ul li a:visited {
	color: #333;
}
#menu ul li a:hover {
	color: #000;
	text-decoration: underline;
}
#menu ul li#last {
	border: 0;
	
}

#navigation {
}
/* navigation and header bar  */
ul#nav, ul.nav, ul#nav1, #navigation ul {
	font:  normal 87% Arial, Verdana, Helvetica, sans-serif;
	margin: 0 0 0 -10px;
	padding: 0 0 15px 10px;
}
ul#nav, #navigation ul {
	border: 1px #dadada solid;
	border-width: 0 1px 1px 1px;
}
ul#nav {
	background: #f8f8f8 url("/source/images/4.0/xnav_bg2.jpg") 0 5px repeat-x;
}
ul#nav li, #navigation ul li {
	padding: 0 0 10px 0;
	margin: 0px;
}
ul#nav1 li {
	padding: 2px 0 8px 0;
	line-height: 10px;
}
/* home link in left navifation */
ul#nav li strong {
	display: block;
	background: #f7f7f7 url("/source/images/4.0/xnav_top.jpg") bottom left no-repeat;
	width: 121px;
	padding: 2px 5px 5px 12px;
	margin: 0 0 0 -10px;
	border: 1px #e3e3e3 solid;
	border-width: 1px 1px 0 0;
}
/* link, hover, visited */
ul#nav li a:link, ul#nav li a:visited, #navigation ul li a:link {
	color:#333;
}
ul#nav li a:hover {
	display: block;
	color: #0C4FAF;
	text-decoration: underline;
}
ul#nav li.tall strong {display: block; background: #e4e4e4 url("/source/images/4.0/xnav_top_tall.jpg") bottom left no-repeat; width: 121px; height: 38px; padding: 5px 5px 2px 12px; margin: 0 0 0 -10px; border: 1px #e3e3e3 solid; border-width: 1px 1px 0 0; color: #2a3c57;}

#navigation ul li a:visited {color: #5c7996;}
/* heading over a nested list in left navigation looks the same as barleft */
#navigation #nav li.headerbar {
	display: block;
	margin: 5px 0 0 -5px;
	padding: 4px 10px 8px 5px;
	color: #3a67a9;
	font: bold 10px/11px Arial, Verdana, Helvetica, sans-serif;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	text-decoration: none;
	width: 115px;
}
/* nested list in left navigation */
#navigation ul#nav ul {
	margin: 5px -10px -11px 0;
	padding: 5px 0px 0px 0px;
	border: solid #3a67a9 1px;
	width: 125px;
	border-width: 1px 0 0 0;
}
#navigation ul#nav ul li {
	font:  normal 127% Arial, Helvetica, sans-serif;
	text-transform: none;
	line-height: 120%;
	padding: 5px 0;
}


/* CONTACTS */
#contacts ul {
	font:  normal 87% Arial, Verdana, Helvetica, sans-serif;
	margin: 0 0 0 -10px;
	padding: 0 0 15px 10px;
	width: 127px;
}
/* bar in contacts and quicklinks */
#contacts h3.barleft {
	margin: 10px 0 0 -10px;
	padding: 5px 10px 3px 10px;
	height: 13px;
	vertical-align: top;
	color: #222;
	background: #fff url("/source/images/4.0/xbarleft_bg.jpg") top left no-repeat;
	border: 1px #dadada solid;
	border-width: 0 1px 0 0;
	border-bottom:1px #afafaf solid;
	font: bold 10px/11px Arial, Helvetica, sans-serif;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	width: 118px;
}
#navigation #contacts li a:link {
	color: #467dbd;
}
/* SECONDARY NAVIGATION */
#sidebar .navigation {
	padding-right: 20px;
	margin: 0px 0px 0px 0px;
	padding: 0px 1px 20px 0;
	background: transparent;
	text-align: left;
	width: 290px;
}
#sidebar .navigation ul {
	font:  normal 87% Arial, Verdana, Helvetica, sans-serif;
	margin: 0 0 0 10px;
}
#sidebar .navigation ul li {
	margin: 0;
	list-style-image: none;
	list-style-type: none;
}
#sidebar .block, .secondary_story .block {
	width: 118px;
	float: left;
	margin: 0 10px 0 10px;
	background: transparent;
}
.block.links, .block.tags {
	width: 118px;
	float: left;
}
.block.tags {
	margin: 0 0 0 20px;
}
#sidebar .block.links, #sidebar .block.tags {
	margin: 0 20px 0 0;
}
/* bar heading over right navigation */
.block h3, .navigation h3 {
	margin: 5px 10px 5px 0px;
	padding: 3px 10px 4px 5px;
	width: 115px;
	height: 17px;
	vertical-align: top;
	color: #666;
	background: transparent;
	border: #dedede solid;
	border-width: 1px 0;
	font-size: 11px;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	text-decoration: none;
}
#sidebar .navigation h3 {
	width: 270px;
}
#sidebar .block h3 {
	width: 120px;
}
/* QUICKLINKS */
#quicklinks {
	margin: 0;
}
#sidebar #quicklinks h3 {
	margin: 0;
	padding: 5px 10px 3px 10px;
	height: 13px;
	vertical-align: top;
	color: #222;
	background: #fff url("/source/images/4.0/xquicklinks_bar_bg.jpg") top left repeat-x;
	border: 1px #dadada solid;
	border-width: 0 1px 0 1px;
	border-bottom:1px #afafaf solid;
	font: bold 10px/11px Arial, Helvetica, sans-serif;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	width: 98px;
}
#quicklinks ul {
	font:  normal 87% Arial, Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 20px 0 15px 10px;
	border: 1px #dadada solid;
	border-width: 0 1px 1px 1px;
	background: #fff/* url("/source/images/4.0/xquicklinks_bg.jpg") 0 5px no-repeat*/;
	width: 108px;
}
#quicklinks ul li {
	padding: 0 0 10px 5px;
	margin: 0;
	list-style: none;
	list-style-image: none;
}
/* RELATED LINKS, TAGS */
.block ul {
	width: 110px;
}
.block.tags ul, .block.links ul {
	font:  normal 90% Arial, Helvetica, sans-serif;
	margin: 0 0 15px 0;
	padding: 0;
}
.block.tags li, .block.links li {
	padding: 0 0 2px 5px;
	list-style-image:none;
	list-style: none;
	line-height: 120%;
	color: #666;
}
/* STORY TOOLS */
li#email {
	background: url("/source/images/yemail.gif") 3px 5px no-repeat;
	padding: 3px 0 0 22px;
}
li#print {
	background: url("/source/images/yprint.gif") 0 4px no-repeat;
	padding: 3px 0 0 19px;
}
li#pdf {
	background: url("/source/images/ypdf.gif") 0 4px no-repeat;
	padding: 3px 0 4px 23px;
}
/* ================================== */
/* contentmain presentation styles */

.main_story {
	font-size: 95%;
	line-height: 150%;
}
.main_story img {
	margin: 2px 20px 5px 0;
}

body#data .main_story {width: 780px;} /* wider in data page, page must have body #data */

.secondary_story .panel {
	font-size: 95%;
	width: 260px;
	background: transparent;
	color: #333;
	padding: 20px
}
.secondary_story .panel p {
	width: 260px;
	color: #333;
}
/* FEATURE TEXT OVER IMAGE */
div #feature {
	position: relative;
	margin: -60px 0 0 0;
	width: 399px;
	height: 60px;
	line-height: 125%;
	padding: 2px 0 2px 0;
	background: #c35723;
	text-align: left;
}
div#feature a {
	margin: 0 0 10px 25px;
	color: #f7ca94;
	font-size: 16px;
	font-weight: bold;
	padding-left: 5px;
	line-height: 100%;
	text-align: left;
}
div#feature a:hover {
	color: #fee;
	text-decoration: none;
}
div#feature h2 {
	font-size: 48px;
	height: 48px;
	font-family: Times New Roman, Times, serif;
	color: #fff;
	padding: 0 0 7px 10px;
	margin:-41px 0 0 0;
	text-align: left;
}
/* CONTENT UL, LI, DL, DT, DD */
.content ul, .content dl {
	margin: 0px 10px 0px 20px;
	padding: 5px 0 10px 0; 
}
.content dt {
	font-weight: bold;
}
.content dl {
    font-size: 80%;
	line-height: 140%;
	color: #333;
	margin: 0 0 5px 0;
	list-style-position: outside;
	padding: 0 0 5px 0;
	list-style-type: disc;
	vertical-align: top;
}
.content ul li {
	margin: 0px 5px 5px 0;
	padding: 0 0 8px 0px;
	list-style-image: url("/source/images/xsquare.gif");
	list-style-type: disc;
	list-style-position: outside;
}
.content ol li {
	margin: 5px 0 5px 15px;
	padding: 0 0 8px 0;
	list-style-type: decimal;
	list-style-position: outside;
}
/* nested list */
.content ul ul {
	margin: 10px 0 -12px 10px;
	padding: 0;
}
.content ul li ul li {
	font-size: 100%;
	margin: 5px 0 5px 10px;
	padding:0;
	list-style-image: url("/source/images/xbullet.gif");
}

/* IMAGES */
#content img {
	border: none;
}
/* SPACER GIF and VISIBILITY */

.strut {
	visibility: visible;
}
.strut img {
	border-width: 0;
}
.skip {
	visibility: hidden;
}
/* Magazine style thumb and blurb display */
#mag {
	position: relative;
	margin: 10px 30px 15px 10px;
}
#mag h4 {
	margin: 5px 10px 5px -10px;
	padding: 0;
}
#mag ul {
	margin: 0 0 5px -15px;
	padding: 0 0 35px 0;
}
#mag li {
	line-height: 140%;
	padding: 2px 5px 0 5px;
	list-style: none;
	list-style-image: none;
	height: 50px; min-height: 65px;
}
#mag img {
	margin: 3px 10px 0 0;
	border: 1px #aaa solid;
	padding: 2px;
}
#mag .add {
	margin-left: 25px;
	background: transparent url("/source/images/xarrow_smallest.gif") 0 6px no-repeat;
	padding: 0 0 0 8px;
}
.main_story #mag {
	margin: 10px 30px 0 25px;
}
.main_story #mag li {
	min-height: 65px;
}
.main_story #mag h4 {
	margin: 15px 10px 5px -15px;
}
/* FORMS */
form {
	color: #333;
	line-height: 135%;
	background-color: transparent;
	padding: 1px 8px;
	margin: 0;
}
fieldset {
	margin: 5px 30px 10px 0;
}
legend {
	font-weight: bold;
}
label {
	font-weight: normal;
}
/* TABLE */
.data {
	color: #333;
	border: 1px #999 solid;
	margin: 0 10px 0 0;
	padding: 2px;
	width: auto;
}
.data td {
	padding: 3px!important;
}
.data th {
	background: #CCC;
	color: #333;
	padding: 3px 5px 3px 5px;
}
.odd {
	background: #FFF;
}
.even {
	background: #EEE;
}
/* table within a form */
form td {
	font: normal 12px/14px Arial, Helvetica, sans serif;
}

/* styling for the feedback form opup box from the link within banner and from the link within the external link popup box*/

.formcontent {text-align: center; margin-left: auto; margin-right: auto; margin-top: 40px; margin-bottom: 40px;}
.formcontent .fieldreq {font: normal 11px Arial, Helvetica, sans-serif; color: #666; line-height: 130%; background: transparent url("/source/images/required_field.jpg") 0px 3px no-repeat; padding-left: 14px;}

.formcontent .fieldnorm{text-align: left;font: normal 11px Arial, Helvetica, sans-serif; color: #666; line-height: 130%; padding-left: 5px;}

.formcontent .back-box {text-align: left;width: 420px; background-color: #f9e6cb; padding: 10px;margin-top: 20px;}

.formcontent p{text-align: left;width: 420px; margin-top: 5px; margin-bottom: 5px; font: normal 12px Arial, Helvetica, sans-serif; color: #af622f;width: 390px; padding: 0px 10px 0px 10px; margin-left: 20px;text-align: left;}

.formcontent h1{text-align: left;color: #c35308; font: bold 15px Arial, Helvetica, sans-serif;line-height: 150%; padding-top: 20px;width: 420px; margin-left: 20px;}

.formcontent .smallerbold  {text-align: left;font: bold 10px Arial, Helvetica, sans-serif; color: #666; margin-bottom: 5px;}

.formcontent tr, td {text-align: left; margin-top: 0; font: normal 11px Arial, Helvetica, sans-serif; color: #666;}


/* styling for the external link popup box that posts the link to the feedback form page*/

.external_feedback {text-align: center;font: normal 12px Arial, Helvetica, sans-serif; width: 370px; margin-left: -5px; padding-left: 0px;}
.external_feedback img{margin-top: 10px; margin-bottom: 10px;}
.external_feedback h2{text-align: center;margin-top: 5px; margin-bottom: 10px; font: normal 14px Arial, Helvetica, sans-serif; color: #000;width: 370px;padding: 0px 5px 0px 5px; }
.external_feedback p{text-align: center;font: normal 12px Arial, Helvetica, sans-serif;color: #666; padding: 5px;}

.external_feedback .yellowbox {font: normal 12px Arial, Helvetica, sans-serif;color: #555049;background-color:#dedede; border: 1px solid #999; width: 350px; padding: 5px 20px 5px 10px; margin: 20px 0px 10px 0px;}
.external_feedback .yellowbox p #tb_external_thelink{font: normal 12px Arial, Helvetica, sans-serif;color: #3c7c08; padding: 5px;}
.external_feedback .yellowbox #tb_external_thelink a{font: bold 12px Arial, Helvetica, sans-serif;color: #3c7c08; padding: 5px; text-decoration: underline;}
.external_feedback .yellowbox #tb_external_thelink a:link{font: bold 12px Arial, Helvetica, sans-serif;color: #3c7c08; padding: 5px;text-decoration: underline;}
.external_feedback .yellowbox #tb_external_thelink a:visited{font: bold 12px Arial, Helvetica, sans-serif;color: #3c7c08; padding: 5px;}
.external_feedback .yellowbox #tb_external_thelink a:hover{font: bold 12px Arial, Helvetica, sans-serif;color: #3c7c08; padding: 5px;text-decoration: underline;}
.external_feedback p.comment {margin-top: 25px;}
.external_feedback p.comment #feedback_link{color:#b36c08;font: normal 12px Arial, Helvetica, sans-serif; }
.external_feedback p.comment #feedback_link a{color:#b36c08;font: normal 12px Arial, Helvetica, sans-serif; }
.external_feedback p.comment #feedback_link a:link{color:#b36c08;font: normal 12px Arial, Helvetica, sans-serif; }
.external_feedback p.comment #feedback_link a:visited{color:#666;font: normal 12px Arial, Helvetica, sans-serif; }
.external_feedback p.comment #feedback_link a:hover{color:#d98918;font: normal 12px Arial, Helvetica, sans-serif; }


.formcontent .error{font: bold 10px Arial, Helvetica, sans-serif; color: #d40f50;}

#feedbackform {font: normal 14px Arial, Helvetica, sans-serif; text-align: center; color: #666; min-height: 550px; margin-top: 40px;}

/* SHARE */
div.share {float: right; margin: -15px 10px 10px 10px; }