/* Global
+-----------------------------------------------+ */
body {
	background-color: #FFFFFF;
	padding: 0;
	margin: 0;
	background-image: url(images/bkgd.gif);
	background-repeat: repeat-y;
	   }
body, td, th {
	font-family: Trebuchet, 'Trebuchet MS', Tahoma, Verdana, Geneva, Lucidia, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #333333;
}
ul {
	list-style-image:  url(images/bullet.gif);
}
hr { 
	color: #CC9; 
	background: #CC8; 
	border: 0; 
	height: 1px; 
	clear: both; 
}
/*
img {
border: none;
}
*/
a:link {
	color: #820202;
	background-color: transparent; 
	text-decoration: underline; 
}
a:visited {
	color: #820202;
	background-color: transparent; 
	text-decoration: underline; 
}
a:active {
	color: #820202;
	background-color: transparent; 
	text-decoration: underline; 
}
a:hover {
	color: #3676B3;
	background-color: transparent; 
	text-decoration: none;
}

/* Text
+-----------------------------------------------+ */
.bodystyle {
	font-family: Trebuchet, 'Trebuchet MS', Tahoma, Verdana, Geneva, Lucidia, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #333333;
	line-height: 18px;
}
.bodystyle-big {
	font-family: Trebuchet, 'Trebuchet MS', Tahoma, Verdana, Geneva, Lucidia, Arial, Helvetica, sans-serif; 
	font-size: 13px;
	color: #333333;
	line-height: 18px;
}

/* Headings
+-----------------------------------------------+ */
.head-main, h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 22px;
	color: #702442;
	line-height: 20px;
	font-weight: bold;
}
.head-sub, h2 {
	font-family: Trebuchet, 'Trebuchet MS', Tahoma, Verdana, Geneva, Lucidia, Arial, Helvetica, sans-serif; 
	font-size: 16px;
	color: #003366;
	font-weight: bold;
	padding-top: 3px;
}
.tagline, h3 {
	font-family: Verdana;
	font-size: 14px;
	color: #333333;
	line-height: 18px;
}
.head-divider, h4 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #3676B3;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #003366;
	padding: 3px 2px 2px 4px;
}
.byline {
	font-family: Trebuchet, 'Trebuchet MS', Tahoma, Verdana, Geneva, Lucidia, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
.hilite {
	background-color: #D0C67C;
	color: #000000;
}
blockquote {
  display: block;
  margin: 0px 0px 20px 0px;
  padding: 0px 30px;
  font-size:11px;
  line-height:17px;
  color: #666; }
  
blockquote+blockquote {
  margin: 0px 0px 20px 0px; }

/* Monospace Fonts
+-----------------------------------------------+
	use .monospace for text within form fields so that input boxes are a consistent width between IE & Netscape 
	Example: <Input Type="text" Size="45" Class="monospace">
*/

.monospace, code, tt, pre {
	font-family: monaco, "andale mono", "courier new", courier, monospace;
	font-size: 11px;
	color: #663300;
	background-color: transparent;
}

/* Structural 
+-----------------------------------------------+ */
#footer {
	font-family: Trebuchet, 'Trebuchet MS', Tahoma, Verdana, Geneva, Lucidia, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #333333;
	text-align: center;
}
	
/* Not fully tested below */

/*
Image float with caption: Place this in HTML:
<div class="img_right"><img src="image.jpg" alt="good_alt_text_here"><p> Caption_goes_here </p></div> 
*/
.img_right { 
float: right; 
text-align: center;
font-size: 10px; 
margin: 10px; 
}
. img_right img {
display: block; 
}
/* Dropdown */
body {margin:25px; font:12px Verdana, Arial, Helvetica}
* {padding:0; margin:0}
.dropdown {float:left; padding-right:5px}
.dropdown dt {width:390px; border:2px solid #c8c8c8; padding:8px; font-weight:bold; cursor:pointer; background:url(images/header.gif)}
.dropdown dt:hover {background:url(images/header_over.gif)}
.dropdown dd {position:absolute; overflow:hidden; width:410px; display:none; background:#fff; z-index:400; opacity:0}
.dropdown ul {width:600px; border:2px solid #c8c8c8; list-style:none; border-top:none}
.dropdown li {display:inline}
.dropdown a, .dropdown a:active, .dropdown a:visited {display:block; padding:5px; color:#333; text-decoration:none; background:#eaf0f2; width:400px}
.dropdown a:hover {background:#d9e1e4; color:#000}
.dropdown .underline {border-bottom:1px solid #b9d6dc}