body {
	background:#FFFFFF url(/images/bg.jpg);
	margin: 0.5em;
	border: 0;
	padding: 0;
}
BODY, P, UL, OL, LI, H1, H2, H3, H4{ 
	font-family: sans-serif,Arial ;
} 

H1 { 
	border: solid #3366CC 1px; 
	background-color: #eeeeff ;
	padding: .2em; 
	font-size: 130%; 
	color: #3366CC;
	width:10em;
}  
H2{ 
	font-size: 90%; 
	border: solid #3366CC 1px; 
	padding: 2px; 
	color:gray;
	font-weight: medium; 
} 
H3{ 
	text-decoration: underline;	
	font-size: 90%; 
	margin: 0.3em; 
	color:gray;
	font-weight: medium; 
}
form{
	ddisplay:inline;	
}
A{
	color: #003366;
	text-decoration: none;	
}
A:hover{
	color: #990000;
}
input, select {
	wwidth:200px;
}
p{
	padding-left: 0.5em;
}

.red{
	color: darkred;
}
.green{
	color: green;
}
.gray{
	color: gray;	
}

#header {
	fFilter: Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=45, StartY=0, FinishX=80, FinishY=0);
	f-moz-opacity:0.70;
	background-color: #003366;
	color: #eee;
	margin: 0;
	padding: 0;
	height:1.2em;
	padding-left: 0.4em;
	font-family: serif;
	font-weight:800;
	font-size: 1.2em;
}
#tagline{
	font-size: 95%; 
	margin: 0.3em; 
	color:gold;
	font-weight: 400; 
}
#logo{
	width:170px;
	height:95px;
	margin-top:10px;
	margin-bottom:10px;
	border:0;
}

#tools{
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	position: absolute;
	top:  2.37em;
	width:170px;
	border: 1px solid #88aaff;
	margin: 0;
	background-color:white;
	hheight:640px;
}
#content {
	margin: 0.5em;
	margin-left: 180px;
	margin-right: auto;
	padding: 0;
	font-size: 90%;
	border: 1px solid #88aaff;
	overflow:hidden;
	background-color:white;
	height:640px;
}
#bottomNav{
	margin-top: 0em;
	font-size:75%;
	border: 1px solid #88aaff;
	padding-bottom:1px;
	text-align: center;
	font-weight: normal; 
	background-color:white;
}
#bottomNav span{
	color: gray;
}
#footer {
	color: #000;
	font-size: 10px;
	text-align: center;
	padding-top: 10px;
	clear: both;
}
.spacer {
	clear: both;
}
#nav {
	margin: 0.5em;
	padding: 0px;
}
#nav ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#nav ul li{
	margin: 0;
	padding: 0;
	border: 1px solid white;
}
#nav ul a{
	display: block;
	padding-bottom:1px;
	margin: 0;
	background-color: lightsteelblue;
	border-top: 1px solid #88aaff;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #88aaff;
	color: darkred;
	text-decoration: none;
	text-align: left;
	font-size:80%;
}
#nav ul span{
	background: url('') transparent no-repeat 2% 50%;
	display: block;
	padding-bottom:1px;
	margin: 0;
	background-color: lightgrey;
	text-align: left;
	border-top: 1px solid gray;
	border-right: 1px solid lightgrey;
	border-bottom: 1px solid lightgrey;
	border-left: 1px solid gray;
	color: #eeeeee;
	text-decoration: none;
	font-size:75%;
}
#nav ul iframe{
	display: none;
	padding-bottom:1px;
	margin: 0;
	background-color: lightgrey;
	text-align: left;
	border-top: 1px solid gray;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
	border-left: 1px solid gray;
	color: #eeeeee;
	text-decoration: none;
	font-size:75%;
	width:148px;
	height:128px;
}
#nav ul .selected{
	background-color: #6699dd;
}
#nav  ul a:hover{
	background-color: #6699dd;
}
#tools, #bottomNav, #content{
	-moz-border-radius: 10px; /* mozilla only */
}
#header, #panTool, #panDragger, #areaTool{
	-moz-border-radius: 5px; /* mozilla only */
}
#areaTool{
	border: 1px solid #88aaff;
	margin: 0.5em;
	width:150px;
	height:50px;
	background-image: url('images/legend.gif');
}
#areaToolText{
	width:100px;
	height:100%;
	display:block;
	color:#88aaff;
	padding: 4px;
	font-size:80%;
}
#areaToolImg{
	pposition:absolute;
	width:160px;
	height:120px;
	display:none;
	padding: 0px;
}
#dataToolImg{
	pposition:absolute;
	width:160px;
	height:120px;
	display:none;
	padding: 0px;
}
#panTool{
	border: 1px solid #88aaff;
	color:#88aaff;
	bbackground-color:gray;
	mmargin: 1em 0.5em 1em 0.5em;
	margin: 0.5em;
	padding: 0px;
	font-size:80%;
	width:150px;
}
#progressBar{
	bborder: 1px solid #88aaff;
	mmargin: 1em 0.5em 1em 0.5em;
	ppadding: 2px;
	color:#88aaff;
	font-size:80%;
	font-weight: bold; 
}
#panTool img{
	
	width:150px;
	height:120px;
}
#panDragger{
	position:absolute;
	width:84px;
	height:68px;
	top:250px;left:60px;
	background:green;
	filter: alpha(opacity='50'); 
	-moz-opacity:0.50;
	cursor: move;
	bborder:3px ridge gold;
}
#ring{
	position:absolute;
	width:38px;
	height:42px;
	ccursor: move;
	top:95px;left:105px;
	bborder: 1px dashed #88aaff;
	background-image: url('images/pindown.gif');

}
#mapFrame{
	position:absolute;
	bbackground:green;
	width:800px;
	height:640px;
	overflow:hidden;
}
#pick img{
	position: absolute;
	left: 0px;
	top:  0px;	
	hwidth:800px;
	hheight:640px;	
	border:none;
	display:none;
}
#pick div img{
	display:block;
}
#imagemap{
	position: absolute;
	width:1600px;
	height:1300px;
	display:block;
	border: 1px solid #88aaff;
	z-index:101;
}
#imagemap img{
	position: absolute;
	width:1600px;
	height:1300px;
	z-index:100;
}
#statedetail{
	left: 425px; top: 275px; 
	position:absolute; 
	display:block; 
}
.subcity{
	width:3200px;
	height:2600px;	
}
#statebase{
	display:block;
}
#statedetail img{
	border: 1px solid #88aaff;
}
#scalebar{
	bborder: 1px dashed #88aaff;
	bbackground-color:gray;
	margin: 0.3em;
	margin-left: 0.7em;
	padding: 0px;
	color:darkblue;
	font-size:85%;
}