/* CSS Document */

body {
	font-size:11px;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: helvetica, verdana, arial, sans-serif;
	background-color:#000033;
	background-image:url(../images/background_ptrn.gif);
	}
a {
	text-decoration: none;
	font-weight: bold;
	color:  #000033;
	outline: none;
	}
a:visited {
	color:  #000033;
	}
a:active {
	color:  #000033;
	}
a:hover {
	color: #000033;
	text-decoration: underline;
	}
.ahem {
	display: none;
	}
strong, b {
	font-weight: bold;
	}
.boldblueital {
font-weight:bold;
color: #000033;
font-style:italic;
}
.boldblue {
font-weight:bold;
color: #000033;
}
p {
	font-size: 12px;
	line-height: 135%;
	margin: 0px 12px 12px 16px;
	}

/* weird ie5win bug: all line-height to font-size ratios must agree or box gets pushed around. UPDATE: this has turned out to be very rare. my current recommendation is IGNORE this warning. at the moment i'm leaving it in only in case the issue turns up again. possibly the original bug in march 2001 was caused by an unusual combination of factors, although this solved it at the time.*/

h1 {
	font-size: 24px;
	line-height: 44px;
	font-weight: bold;
	margin: 16px 10px 0px 16px;

	}
h2 {
	font-size: 21px;
	color:#000033;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:lighter;	
	margin: 16px 10px 6px 16px;
	}
h3 {
	font-size: 17px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000033;
	font-weight:lighter;	
	margin: 16px 10px 0px 16px;
	}
h4 {
	font-size: 16px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000033;
	font-weight:lighter;	
	margin: 8px 10px 6px 16px;
	text-decoration:underline;
	}
h5 {
	font-size: 14px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000033;
	font-weight:lighter;	
	margin: 8px 10px 2px 16px;
	}
h6 {
	font-size: 10px;
	line-height: 18px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
	
.commentary {
 color:#333333;
 font-size:20px;
 }	
 
 .welcomestatement {
 color:#000033;
 font-size:13px;
 }	
 
 .welcomestatementbig {
 color:#000033;
 font-size:17px;
 font-weight:bold;
 }	
 
 .title {
 color:#222222;
 font-style:italic;
 }	
	
.readmore{
font-style:italic;
font-weight:normal;
text-decoration:underline;
}	
	
img {
	border: 0;
	}
	
.portraits {
	border: 2px;
	border-style:solid;
	border-color:#000033;
	float:left;
	margin:0 10px 6px 0px;
	padding: 1px;
	}	

TR.header_tagline {
background-image:url(../images/header_tagline.jpg);
background-repeat:no-repeat;
margin:0;
}

TR.header_pics {
background-image:url(../images/header_pics.jpg);
background-repeat:no-repeat;
}


#header_time {
float:right;
width:500px;
padding:0px 10px 0 0;
text-align:right;
line-height:300%;
}

.logofloatleft {
float:left;
}

.loginheader {
text-transform:uppercase;
text-decoration:underline;
}



/* Begin CSS Popout Menu */
#menuspace {
width:210px;
margin:0;
}

#menu {
width:210px;
}

#menu ul {
	margin: 0;
	padding: 0;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	list-style: none;
	width: 210px; /* Width of Menu Items */
	/* border-bottom: 1px solid #ccc; */
	}

#menu ul li {
	position: relative;
	}
	
#menu li ul {
	position: absolute;
	left: 209px; /* Set 1px less than menu width */
	top: 0;
	display: none;
	}

/* Styles for Menu Items */
#menu ul li a {
	display: block;
	text-decoration: none;
	color:#000033;
	padding: 7px 0 7px 24px;
	background-image:url(../images/button_bkgd.jpg);
	border: 1px solid #000033; /* IE6 Bug */
	border-top: 0;
	border-left: 0;
	}
	
#menu ul li a:hover {
	text-decoration: underline;
	color:#000033;
	background-image:url(../images/button_bkgd_hov.jpg);
	}

/* Fix IE. Hide from IE Mac \*/
* html #menu ul li { float: left; height: 1%; }
* html #menu ul li a { height: 1%; }
/* End */
		
#menu li:hover ul { display: block; } /*  The magic */



/* BODY CONTENT STYLES HERE  */

.TD_BlueGrad {
background-image:url(../images/gradient_blue.gif);
background-repeat:repeat-x;
}





/* BODY CONTENT STYLES END  */



#footer {
	margin:0 auto;
	color: #000033;
	clear:both;
	font-size:11px;
	padding:0px 10px 10px 0px;
	}

#footer p {
	margin:0;
	font-family:  Arial, Helvetica, sans-serif;
	}


#footer ul {
  margin:0;
  padding:2px 6px 0 16px;
  list-style:none;
  }

#footer li {
  display:inline;
  margin:0;
  padding:0;
  padding:0 .3em 0 .5em;
  color:#1D1D1D;
  font-family:  Arial, Helvetica, sans-serif;
  border-left:1px solid #6F764D;
  }

#footer li.first {
  border-left-width:0;
  padding-left:0;
  }

#footer a {
  color:#000033;
  text-decoration:underline;
  }
  
 #footer a:hover {
  color:#1D1D1D;
  text-decoration:underline;
  } 

#footer a.first {
  border-left-width:0;
  padding-left:0;
  }
  
.footerlogo {
float:left;
padding: 3px 10px 0 0px;
}