@charset "utf-8";
/* CSS Document */

/*  =========== General layout styling ============ */
body{
	margin:0 75px; /* 100px */
	padding:0 10px 0 75px; /* 160px change here should be reflected in footer margin*/
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	background-color:#fff; /* #0D5BEC change in color here may require color change in Footer */
width:625px; 

	height:100%;
}
#wrapper {  /* not used currently */
	margin-left:-160px;
	border-left:160px solid #ff0000;
	border-right:5px solid #ff0000;
}
#header{
	background-color:#FFF; /* ace6e7; original */
	margin-left:-145px; /* must match #container border-left for alignment */
	margin-right:-5px;
	clear:both;
	border-bottom:1px solid #bbb; /* #3A729A; */
	padding-top:1px; /* used with box_cropped_logo for top balance */
	width:680px;
}
.date h5 {
margin-top: -20px; margin-right:10px; font-size:0.75em; text-align:right; color: #fff; line-height:1.3em; padding-bottom:-5px; float:right; display:none;}

p.trail{
	font-size: 0.80em;
	text-align:right;
	padding-top:5px;
	padding-right:40px;
	padding-bottom:5px;
	margin:0;
	text-decoration:none;
		background-color:#fff; /* #97B9D2; */
	/*	border:1px solid;  temporary - for visual test */
height: 10px;
display:none; /*  hide for printing */
}
* html p.trail {
	height:1%; /* So IE plays nice */
}
p.trail a, a:link, a:active, a:visited {
	text-decoration:none;
	color:#002f5f; /* #0A0D81; */
}
p.trail a:hover {
		text-decoration:underline;
		color:#091898;
		font-weight: bold;
}
p.trail a.selected {
	font-weight:bold;
	text-decoration:none;
}

#container{
	background-color:#fff; /* color of main content section */ 
	float:left;
	width:680px;
	border-left:1px solid #aaa; /* #97B9D2; The width and color of the left rail */
/* change in border-left color required color change in #center h2 */
	border-right:1px solid #fff; /* 5px solid #97B9D2; The width and color of the right rail */
	margin-left:-140px;
	margin-right:-5px;

	display:inline; /* So IE plays nice */
}
#leftRail{
	float:left;
	width:1px; /* must match same border-left in #container */
	margin-left:-1px; /* must match same figure in #container */
	position:relative;
display:none; /* hide for printing */    
}
* html #leftrail{
	height:1%; /* So IE plays nice */
}
#center{
	float:left;
	width:680px;
	margin-right:0px;
}
#rightRail{
	float:right;
	width:1px; /* must match same border-right in #container */
	margin-right:-5px; /* must match margin-right in #container */
	position:relative;
}
h2{
	margin:0;
	padding:5px;
}
#center h2{
	background-color:#97B9D2;
	color:#000;
	padding-left:10px;
	font-size:1.1em;
	text-align:right;
}
.menu{
	list-style-type:none;5
	border:1px solid #444;
	margin:5px;
	padding:5px;
}

#leftRail h2{
	background-color: #97B9D2;
	font-size:1.0em;
	width:125px;
	  border:1px solid #97B9D2;
	  text-align:center;
}
#rightRail fieldset{
	border:1px solid #222;
	margin: 3px;
	padding:3px;
}
/* begin code for center content section */
.article{
	border:1px solid #545454; 
	margin: 5px;
	padding-top:0;
	padding-left:2px;
					border-radius: 5px; /* CSS3 rounded corners */
 				-moz-border-radius: 5px; /* Mozilla rounded corners */
}
* html .article{
	height:1%; /* So IE plays nice */
}
.article p{
	margin:3px;
}
.article h3{
	background-color:#4483D0;
	margin:0 -5px 0 -5px;
	padding:5px 5px 5px 15px;
	font-size:1.1em;
	font-weight:normal;
	border-bottom:1px solid #000;
}
.articleContainer{
	width:620px;
	border-left:2px solid #6887F2; /* effectively sets color of .articleRail */ 
/*	border-right:2px solid #6887f2;  removed for print */
	margin-left:-9px;
	background-color:#fff;
	display:inline;
	float:left;
}
.articleContent{
	width:620px;
	float:right;
	border-left:2px solid #444;
	margin-left:4px;
margin-right:4px;
	position:relative;

}
.articleContent p{
	padding:5px 5px 3px 5px;
	font-size:0.80em;
	margin-left:4px;
margin-right:4px;
width:630px;
}

.articleRail{
	float:left;
	width:5px;
	margin-left:-2px;
	border-right:2px solid #444;
	position:relative;
}

/* bio styling - hidden on screen (accordion only), shown only for print */
.bioarticle{
	border:2px solid #545454; 
	margin:5px;
	padding-top:0;
	overflow:hidden;
	padding-left:102px;
					border-radius: 5px; /* CSS3 rounded corners */
 				-moz-border-radius: 5px; /* Mozilla rounded corners */
display: block;
}
* html .bioarticle{
	height:1%; /* So IE plays nice */
}
.bioarticle p{
	margin:0;
display: block;
}
.bioarticle h3{
	background-color:#4483D0;
	margin:0 -5px 0 -102px;
	padding:5px 5px 5px 15px;
	font-size:0.90em;
	border-bottom:2px solid #000;
display: block;
}
.bioarticleContainer{
	width:100%;
	border-left:2px solid #6887F2; /* effectively sets color of .articleRail */ 
	margin-left:-2px;
	background-color:#fefefe;
	display:inline;
	float:left;
display: block;
}
.bioarticleContent{
	width:100%;
	float:right;
	border-left:2px solid #444;
	margin-left:-2px;
	position:relative;
display: block;
}
.bioarticleContent p{
	padding:5px 5px 3px 5px;
	font-size:0.80em;
	margin:3px;
display: block;
}

.bioarticleRail{
	float:left;
	width:10px;
	margin-left:-12px;
	border-right:2px solid #444;
	position:relative;

}

p.address {font-weight:bold;  margin-left:25px;}

p.commentarylinks a {margin-left:40px; color: #3C6D86; }
p.commentarylinks a:hover {font-weight:bold; color: #091898;}
p.commentarylinks a:visited {color:#97B9D2;}

p.termsheader {font-size:0.80em; font-weight:bold;}
p.terms {font-size:0.73em; margin-left: 12px; margin-right:7px;}

p.privacy {font-size:0.80em; margin-left:12px; margin-right:7px;}

ul.privacy li {font-size:0.75em; margin-left: 12px; margin-right:18px; list-style:square;}

.maplink{
	padding-left:5px;
	font-weight:bold;
	font-size: 0.85em;
}
/* end code for center content section */

/* begin code for pullquote */
		.pquote {
			float: right;
			width: 18em;
			background-image:url(images/openquote.gif);
			background-repeat:no-repeat;
			background-position:top left;
			background-color:#bbb;
			color: #038;
			font-size: 1.3em;
			line-height: 0.9em;
			font-style: italic;
			padding: 7px 3px 5px 5px;  
			margin: 0 18px 3px 2px; /* original rt=3 */
				border-radius: 7px; /* CSS3 rounded corners */
 				-moz-border-radius: 7px; /* Mozilla rounded corners */}
		
		.pquote p:first-letter {
			font-size: 1.35em;
			font-weight: bold; }
/* end code for pullquote */

/* begin code for floating dropdown menus */
#nav, #nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 125px; /* must be narrower than sidebar/leftrail width - originally 9.95em */
	}
	
#nav li { /* all list items */
		position : relative;
		float : left;
		line-height : 1.70em;
		margin-bottom : -1px;
		margin-left:0.05em;
		width: 125px; /* must be narrower than sidebar width - originally 9.95em */
		font-size:100%;
		z-index:5;
	}
#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 140px; /* push-out from left-most link list- originally 9.95em */
		margin-top : -1.5em;
			font-size:95%;
			z-index:10;
	}

#nav li ul ul { /* third-and-above-level lists */
		left: -999em;
		font-size:95%;
		z-index:10;
	}
	
#nav li a {
		width: 125px; /* originally 8.75em */
		w\idth : 125px;
		display : block;
		color : white; /* black */
		font-weight : bold;
		text-decoration : none;
		background-color: #091898; /* #3A729A */
		border-top : 1px solid white;
		border-bottom: 1px solid white;
		padding : 0 0.5em;
				border-radius: 5px; /* CSS3 rounded corners */
 				-moz-border-radius: 5px; /* Mozilla rounded corners */
	}
	

#nav li a:hover {
		color : white;
		background-color : black;
	}
	
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
				font-size:95%;
	}
	
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
		background-color: #091898; /* #3A729A */
				font-size:95%;
				z-index:100;}
/* end floating dropdown menus */	

.clearfloat {clear:both;
/*** these next attributes are designed to keep the div
height to 0 pixels high, critical for Safari and Netscape 7 ***/
 	height:1px;
	overflow:hidden;
	line-height:1%;
	font-size:0px;
	margin-bottom:-1px;}
	

#footer {
	margin:0;
	font-size:0.80em;
	color: #3C6D86;
	text-align:center;
	border:0px;
	background-color:#FFF;
	font-weight:bold;
		margin-left:-145px; /* must match #container border-left for alignment */
		margin-right:-10px;
width:680px;
}
	
	#copy ul {
		display:inline;
		list-style:none
		padding: 0;
		margin: 0px 10px 0 10px;
		position:relative;
		float:left; 
		color:#BBB;
			border:1px solid #F00;
			width:300px;}
		
	#copy ul li {
		list-style:none;}
		
	#footernav {
		display:inline; 
		padding:0px 0px 0px 0px;
		text-align: center
				border:1px solid #F00;
				margin-left:-50px;}
		
	#footernav ul li {display:inline; text-align:right; padding: 0 5px 0 5px;}
	#footernav ul li a {text-decoration:none; color: #091898;} /*#091898 = logo blue*/
	#footernav ul li a:link {color:#3C6D86;}
	#footernav ul li a:hover {text-decoration:underline; color:#091898;}
	#footernav ul li a:visited {color:#97B9D2;}
	


*/




/* UI accordion*/


.ui-accordion {
	
/*resets*/ margin-left:7px; padding: 0; border: 0; outline: 0; line-height: 1.3em; text-decoration: none; font-size: 0.95em; list-style: none;

	font-family: Verdana, Arial, sans-serif;
 border-bottom: 1px solid #4483D0;
display:none; /* hide for printing */
}


.ui-accordion-group {
/*resets*/	margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.2em; text-decoration: none; font-size: 0.95em; list-style: none;

	border: 1px solid #000;
 border-bottom: none; font: #fff;
display:none; /* hide for printing */
}



.ui-accordion-header {
/*resets*/ 	margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.2em; text-decoration: none; font-size: 0.95em; font-weight:bold; list-style: none;
 cursor: pointer;
 
background: #2463b0; url (../images/151ca2_40x50_textures_04_highlight_hard_75.png) 0 50% repeat-x;
display:none; /* hide for printing */
}


.ui-accordion-header a {

/*resets*/ 	margin:0; padding: 0; border: 0; outline: 0; line-height: 1.2em; text-decoration: none; font-size: 0.95em; list-style: none;
 
display: block;
 font-size: 0.9em;
 font-weight: bold;
 text-decoration: none;
 padding: 3px 3px 3px 30px;
 background: url(../images/888888_7x7_arrow_right.gif) 0.5em 50% no-repeat;

display:none; /* hide for printing */}


/* color:151ca2; */

.ui-accordion-header a:hover {
border: 1px solid #026f1c; background: #a3a3a3; url (../images/454545_7x7_arrow_right.gif) 0.5em 50% no-repeat;
 color: #212121;
}

.ui-accordion-header:hover {
background: #dadada; url(../images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;

}


.selected .ui-accordion-header, .selected .ui-accordion-header:hover {border:none; 
background: #7cf; url(../images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x;
}

.selected .ui-accordion-header a, .selected .ui-accordion-header a:hover {
border:none; color: #000; 
background: url(../images/222222_7x7_arrow_down.gif) 0.5em 50% no-repeat;
}


.ui-accordion-content{margin:0; font-size:0.85em; padding: 3px 25px 3px 40px; border: 0px 0px 0px 1px solid #000; background:#fff;}