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

/*  =========== General layout styling ============ */
body{
	margin:0 200px;
	padding:0 5px 0 150px; /* left originally 160px; change here must be reflected in #footer margin */
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	background-color: #608ea3; /* #383832; #67636e; #44445a; #33332C; #B6CCDC; #ace6e7; #0D5BEC; change in color here may require color change in Footer */
width:625px; 
	height:100%;
border:2px solid #fff; /* #bbb none originally */
}
#wrapper {  /* not used currently */
	margin-left:-160px;
	border-left:160px solid #ff0000;
	border-right:5px solid #ff0000;
}
#header {
	background-color: #002f5f; /* #2e3192; #FFF;  original #ace6e7;  */
	margin-left:-145px; /* must match #container border-left for alignment */
 /* 	margin-right:-1px; */
	clear:both;
	border-bottom:2px solid #bbb; /* #3A729A; */
border-top:0px; /* 1px solid white; */
	padding-top:1px; /* used with box_cropped_logo for top balance */
}

.date h5 {
	margin-top: -20px;
	margin-right:10px; 
	font-size:0.8em; 
	text-align:right; 
	color: #fff; 
	line-height:1.3em; 
	padding-bottom:-5px; 
	float:right;
}
p.trail{
	font-size: 0.80em;
	text-align:right;
	padding-top:5px;  /* was 5px; with borders */
	padding-right:10px;
	padding-bottom:3px; /* was 5px; with borders */
	margin:0;
	text-decoration:none;
		background-color: #fff; /* #97B9D2; */
	/*	border-bottom:1px solid #bbb;  temporary - for visual test */
}
* html p.trail {
	height:1%; /* So IE plays nice */
}
p.trail a, a:link, a:active, a:visited {
	text-decoration:none;
	color:#002f5f;
}
p.trail a:hover {
		text-decoration:underline;
		color:#2a426a;  /* #2a426a #091898; */
		font-weight: bold;
}
p.trail a.selected {
	font-weight:bold;
	font-size: 1.10em;
	text-decoration:none;
}

#container{
	background-color:#fff; /* #9C5; color of main content section (article sits on) */ 
	float:left;
	width:594px; /* 100% */
	border-left:175px solid #fff; /* 145px #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:-145px; /*-145px */
	margin-right:-5px;
/* height:410px;   line will cause container to float over footer - there omit */
	display:inline; /* So IE plays nice */
}

#leftRail{
	float:left;
	width:174px; /* 144px must match same border-left in #container */
	margin-left:-174px; /* -144px must match same figure in #container */
	position:relative;

}
* html #leftrail{
	height:1%; /* So IE plays nice */
}
#center{
	float:left;
	width:100%;
	margin-right:-100%;
}
#rightRail{ /* not used in this layout */
	float:right;
	width:5px; /* 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: #fff; /* #97B9D2; */
	font-size:1.05em;
	width:163px; /* 125px */
	/*  border:1px solid #bbb;  1px solid #97B9D2; */
	  text-align:center;
}
#rightRail fieldset{ */ not used in this layout */ 
	border:1px solid #222;
	margin: 3px;
	padding:3px;
}
/* begin code for center content section */
.article{
	border:1px solid #545454; 
	margin: 3px;  /* was 5px; */
	padding-top:0;
	overflow:hidden;
	padding-left:102px;
					border-radius: 5px; /* CSS3 rounded corners */
 				-moz-border-radius: 5px; /* Mozilla rounded corners */

}

* html .article{
	height:1%; /* So IE plays nice */
}
.article p{
	margin:0;
}
.article h3{
	background-color:#608ea3; /* #809ea3 #7cbb9e #ccba92 #67A0CA original #4483D0 #3C6D86 #1173a0*/
	margin:0 -5px 0 -102px;
	padding:5px 5px 5px 15px;
	font-size:1.2em;
	font-weight:normal;
	border-bottom:1px solid #000;
}
.articleContainer{
	width:100%;
	border-left:72px solid #002d57; /* #2a426a 102px #002f5f; #B6CCDC; #5375b2; effectively sets color of .articleRail */ 
	margin-left:-102px; /* -102px */
	background-color:#fff;
	display:inline;
	float:left;

}
.articleContent{
	width:99%; /* 100% */
	float:right;
	border-left:3px solid #444; /* was 2px */
	margin-left:-2px; /* -2px */
	position:relative;
	min-height:439px;
}
.articleContent p{
	padding:5px 5px 3px 5px;
	font-size:0.80em;
	margin:8px;
}

.articleRail{
	float:left;
	width:10px;
	margin-left:-12px; /* look here if ie messes up lower borders in article area */
	border-right:2px solid #545454;
	position:relative;
}

/* bio styling - hidden on screen (accordion only), shown for print (accordion hidden)*/
.bioarticle{
	border:1px 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:none; /* hide on screen */
}
* html .bioarticle{
	height:1%; /* So IE plays nice */
}
.bioarticle p{
	margin:0;
display:none; /* hide on screen */
}
.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:none; /* hide on screen */
}
.bioarticleContainer{
	width:100%;
	border-left:102px solid #6887F2; /* effectively sets color of .articleRail */ 
	margin-left:-102px;
	background-color:#fefefe;
	display:inline;
	float:left;
display:none; /* hide on screen */
}
.bioarticleContent{
	width:100%;
	float:right;
	border-left:2px solid #444;
	margin-left:-2px;
	position:relative;
display:none; /* hide on screen */
}
.bioarticleContent p{
	padding:5px 5px 3px 5px;
	font-size:0.80em;
	margin:3px;
display:none; /* hide on screen */
}

.bioarticleRail{
	float:left;
	width:10px;
	margin-left:-12px;
	border-right:2px solid #444;
	position:relative;
display:none; /* hide on screen */
}


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

p.commentaryheader {font-size:0.80em; font-weight:bold; text-decoration:underline; margin-left:165px;}
p.commentarylinks a {margin-left:75px; color: #3C6D86; text-align:center;}
p.commentarylinks a:hover {font-weight:bold; color: #091898;}
p.commentarylinks a:visited {color:#97B9D2;}

p.disclaimer {
	font-size: 0.6em;
	margin: 0px 15px 0 15px;}

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: 8em;
			background-image:url(../images/openquote.gif);
			background-repeat:no-repeat;
			background-position:top left;
			background-color:#ccc;
			color: #038;
			font-size: 1.35em;
			line-height: 0.9em;
			font-style: italic;
			padding: 7px 3px 5px 5px;
			margin: 0 3px 3px 2px; 
				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 leftrail width - originally 9.95em */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);  /* moving this to non-"a" anchor will hide the sublists */
	}
	
#nav li { /* all list items */
		position : relative;
		float : left;
		line-height : 1.70em;
		margin-bottom : -1px;
		margin-left:0.05em;
		width: 170px; /* 125px must be narrower than leftrail width - originally 9.95em */
		font-size:100%;
		z-index:5;
	}
#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 168px; /* 135px push-out from left-dictates overlap with parent- 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: 155px; /* 125px originally 8.75em */
		w\idth : 155px; /* 125px */
		display : block;
		color : white; /* black */
		font-weight : bold;
		text-decoration : none;
		background-color: #002f5f; /* #2a426a; #002F5F; #2E3192 #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;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);  /* moving this down will hide the sublists */
}
/* 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:1px solid #bbb; /* was all sides #0bb; */
	background-color:#FFF;
	font-weight:bold;
		margin-left:-145px; /* must match #container border-left for alignment - was -145px */
		margin-right:0px; /* -2px */
display:block;
}
	
	#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;} /* #97B9D2; */
	

*/




/* UI accordion*/


.ui-accordion {
	
/*resets*/	margin-left:7px; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 0.95em; list-style: none;
	font-family: Verdana, Arial, sans-serif;
 border-bottom: 1px solid #4483D0;
}


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


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

.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: #B6CCDC; url(../images/151ca2_40x50_textures_04_highlight_hard_75.png) 0 50% repeat-x; 
}


.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-weight: bold;
 text-decoration: none;
 padding: 3px 3px 3px 30px;
 background: url(../images/888888_7x7_arrow_right.gif) 0.5em 50% no-repeat;
}


/* color:151ca2; */

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

.ui-accordion-header:hover {
background: #339933; 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: #608EA3; 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;
}