html { margin: 0px; padding: 0px; }
body { 
	margin: 0px;
	padding: 0px;
	background: #FFFFFF url(../images/bg.gif) repeat-y center;
	text-align: center;
	color: #005f46;
	font: .7em Verdana, Arial, Helvetica, sans-serif;
}

a:link { color: #184b6f; }
a:visited { color: #336080; }
a:active, a:hover { color: #FDB813; }



/* Hides from IE5-mac \*/
* html blockquote {height: 1%;}
/* End hide from IE5-mac */ 

h1, h2, h3, h4, h5 { font-family: Georgia, Times, 'Times New Roman', serif; }
h1 {
	color: #275c82;
	font-size: 180%;
	font-weight: normal;
}
h2, h3 {
	font-size: 180%;
	font-weight: normal;
}
h3 {
	font-style: italic;
}

h4, h5 {
	font-size: 150%;
	font-weight: normal;
	color: #81878e;
}
h5 {
	font-style: italic;
}
h6 {
	font-size: 120%;
	font-weight: normal;
	color: #08400E;
}

hr { 
	color: #6f7c8c; 
	background: #6f7c8c; 
	height: 1px; 
	padding: 0px; 
	border: 0px;
}

img { border: 0px; }

/*********** custom classes **********************/

.container {
	width:300px;
	float: right;
	margin-right: 10px;
	}
	

.center { text-align: center; }

.clear { clear: both; }
.tools { font-size: xx-small}

.thumbnail {
	width: 200px;
	margin-right: 20px;
	float: right;
	height: 250px;
	border: 1px solid #08400e;
	}
	
.thumbnail p {
 padding: 0 0 0 6px; }

.ticker {
	width: 300px;
	margin-right: 10px;
	float: right;
	height: auto;
}
/*********** custom layout styles ****************/

#container {
	margin: 0px auto;
	text-align: left;
	width: 900px;
}

#securequote {
	width: 300px;
	border-left: solid 8px #f4f6f8;
	border-right: solid 8px #f4f6f8;
	padding: 5px 10px 2px 10px;
	background: #f4f6f8;
	font: italic 120% Georgia, Times, 'Times New Roman', serif;
	float: left;
}

#securequote2 {
	width: 250px;
	border-left: solid 2px #FFFFFF;
	border-right: solid 2px #FFFFFF;
	padding: 20px 10px 2px 10px;
	background: #FFFFFF;
	font: italic 160% Georgia, Times, 'Times New Roman', serif;
	float: left;
	margin-left: 20px;
	color: #666666;
}

#body1 {
	width: 730px;
	float: left;

}
	#body1content {
	padding: 10px 0px;
	width: 730px;
}

	
#body2 {
	width: 170px;
	float: left;
	padding: 10px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 150px;
}
	html>body #body2 { width: 150px; }
	
.layer1 {
	position: absolute;
	top: 143px;
	left: 13px;
}

	.menu {
		margin: 0px;
		padding: 0px;
		list-style: none;
		font-weight: bold;
	}
	
	.menu li { margin-bottom: 5px; }
	
	.menu a:link, .menu a:visited {
		display: block;
		width: 150px;
		height: auto;
		background: url(../images/vertical.gif) no-repeat;
		text-decoration: none;
		color: #275c82; 
		padding-left: 15px;
		/* box model hack */
		voice-family: "\"}\"";
		voice-family:inherit;
		width: 135px;
	}
		html>body .menu a:link, html>body .menu a:visited { width: 135px; }
	
	.menu a:active, .menu a:hover {
		color: #2b87e0;
		background-position: 0px -70px;
	}

.menu2 a:link { color: #184b6f; }
.menu2 a:visited { color: #336080; }
.menu2 a:active { color: #FDB813; }
.menu2 a:hover {color:#2b87e0;}

#flashcontent {
	padding: 20px;
	background: #ABBC90;
}

#footer {
	border-top: solid 1px #6f7c8c;
	padding-top: 10px;
	margin: 10px; 20px;
}

@media print {
	body { background-image: none; background-color: #fff; padding: 10px; }
	#container { width: 100%; }
	#body1 { width: 100%; float: none; }
	#body2 { float: none; width: 100%; }
	#flash, #footer, .menu { display: none; }

underline {
	text-decoration: underline;
	color: #003300;
}


.titlefield{ /*CSS for RSS title link in general*/
text-decoration: none;
font-weight:bold;
}

.labelfield{ /*CSS for label field in general*/
color:brown;
font-size: 90%;
}

.datefield{ /*CSS for date field in general*/
color:gray;
font-size: 90%;
}

#map{ /*Demo 1 main container*/
width: 150px;
height:150px;
border: 1px solid black;
padding: 1px;
background-color: lightyellow;
}

#example1{ /*Demo 1 main container*/
width: 450px;
height: 28px;
border: 1px solid black;
padding: 4px;
background-color: lightyellow;
}

#example2{ /*Demo 2 main container*/
width: 600px;
height: 180px;
border: 1px solid black;
padding: 4px;
background-color: #EEEEEE;
}

#example2 ul{ /*Demo 2 UL container*/
margin: 0;
padding-left: 18px;
}

#example2 ul li{ /*Demo 2 LI that surrounds each entry*/
margin-bottom: 4px;
}

#example3{ /*Demo 3 main container*/
width: 300px;
height: 280px;
border: 1px solid black;
padding: 4px;
}

#example3 p{ /*Demo 3 P element that separates each entry*/
margin-top: 0;
margin-bottom: 7px;
}

code{ /*CSS for insructions*/
color: red;
}

body,td,th {
	font-size: 0.7em;
}
#Layer1 {
	position:absolute;
	width:387px;
	height:52px;
	z-index:1;
	left: 193px;
	top: 182px;
}
.style5 {font-size: small}
.style8 {font-size: small; text-decoration: none; }
body {
	background-color: #08400e;
}

.style12 {
	font-size: 1.4em;
	font-weight: bold;
	color: #275c82
	}
