<style type="text/css">{  }

div#popup {
background: #f8f9f1;
border:1px solid #999999;
margin:0px;
padding:7px;
width:200px;
font-family:arial;
}

#popup h1{ 	font-family:arial, verdana, helvetica, verdana, arial, sans-serif;
		font-size: 15px;
		font-weight: bold;
  		text-align: left;
	color: #ba2832;
		margin:0px;
		border-bottom:1px solid #768022;    /* #4581b5; */
}

#popup h2{ 	font-family:arial, verdana, helvetica, verdana, arial, sans-serif;
		font-size: 12px;
font-weight: normal;
/*		font-weight: bold; */
  		text-align: left;
		margin:0px;
		margin-top: 5px;
}

#popup p{ 	font-family:arial, verdana, helvetica, verdana, arial, sans-serif;
		font-size: 12px;
/*		font-weight: bold; */
  		text-align: left;
		margin:0px;
		margin-top: 10px;
}

#popup img{
margin:0px;
margin-bottom:10px;
border:1px solid #000000;
}

.popup_title { color: #768026; }

#mapityourself { 
text-align: center;
margin: 0px;
background-color: #d6e3ef; }   /* was 999  */

#container { 
position: relative;
width: 800px;
margin: 0px auto;
margin-top: 10px;
/*	margin-left: 125px; 
	position: absolute; */
	height: 800;
/*	top: 0px;
	left: 0px;*/
	padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px;
	border:1px solid #000;
	background-color: #ffffff;
	}

#footer { 
	width: 800px;
	height: 20px;
	margin: 0px;
	border:0px solid #00ff00;   
	background-color: #003060;   /* #ba2832; */  /*  #003060; */
 	padding-left:0px; padding-right:0px; padding-top:5px; padding-bottom:5px; 
	}

#header { 
	width: 800px;
	height: 65px;
	margin: 0px;
	border:0px solid #00ff00;   
	background-color: #fd9a00;   /* #ba2832; */  /*  #003060; */
 	padding-left:0px; padding-right:0px; padding-top:5px; padding-bottom:5px; 
	}

#header h1 {
	margin: 0px;
 	padding-left:20px; padding-right:0px; padding-top:10px; padding-bottom:0px;
	float: left;
	clear: both;
	border:0px solid #00ff00;
	font-family: Arial, Verdana, Helvetica, Arial, Tahoma, Verdana, sans-serif;
	font-size: 170%;
letter-spacing: 0.10em;
	color: #264c8a;   /* #ffffff; */
	font-weight: normal;
}

#header h2 {
	width: 750px; 
	margin: 0px;
 	padding-left:20px; padding-right:0px; padding-top:5px; padding-bottom:0px;
text-align: left;
	float: left;
	clear: both;
	border:0px solid #00ff00;
	font-family: Helvetica, Arial, Tahoma, Verdana, sans-serif;
	font-size: 85%;
letter-spacing: 0.10em;
	color: #eee;   /* #ffffff; */
	font-weight: normal;
}

#navbar { 
	float: right;	
	width: 500;	
	position: absolute;	
	top: 20px; 
	right: 0px; 
margin-right: 20px;
}

/*
#navbar li {
	top: 0px;
	width: 400px;
	list-style-type: none;
	font-size: 120%;
	color: #ddd;
	float: right;
	text-align: right;
	border: 0px solid #d0d;
}
*/

#navbar a { 
	font-family: Helvetica, Arial, Tahoma, Verdana, sans-serif;
color: #fff; }

#navbar a:hover { 	
	color: #000; 
}



#instructions { 
	width: 755px;
	height: 40px;
	clear: both;
	border:0px solid #00ff00;   
	color: #531822;
	background-color: #ffffff;
 	padding-left:25px; padding-right:0px; padding-top:0px; padding-bottom:0px; 
	}

#instructions p { font-family: Helvetica, Arial, Tahoma, Verdana, sans-serif; 
font-size: 14px;
margin: 0px;
}

#mapcontainer {
width:800px; height:400px;
border: 0px solid #000;

}

#map {	
width:750px;	/* Use 550 for sidebar, Use 750 for Full Map  */
height:400px;	
/* float: left; */
border:1px solid #000;
 margin-left: 25px;
margin-bottom: 15px;
}

#map p { font-family: Helvetica, Arial, Tahoma, Verdana, sans-serif; }

/*
#navbar { width:100; height:390px;
float: right;
margin-right:15px;
padding: 5px;
padding-right: 10px;
border:1px solid #000;
}
#navbar h1 { font-family: Helvetica, Arial, Tahoma, Verdana, sans-serif; 
font-size: 18px;
border-bottom: 1px solid #000;
}

#navbar p { font-family: Helvetica, Arial, Tahoma, Verdana, sans-serif; 
font-size: 14px;
}
*/

#topad {
	width:755px;
	height:100px;
margin-top: 25px;
	border: 0px solid #000;
 	padding-left:35px; padding-right:10px; padding-top:10px; padding-bottom:5px;
}

#bottomad {
	width:780px;
	height:300px;
	border:0px solid #000;
 	padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px;
}

#bottomadleft {
	width:340px;
	height:300px;
	float: left;
	border:0px solid #000;
 	padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px;
}
#bottomadright {
	width:340px;
	height:300px;
	float: right;
	border:0px solid #000;
 	padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px;
}

#searchbox {
	width:780px;
	height:50px;
	clear: both;
	border:0px solid #000;
 	padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px;
}

#hotlinks {
	width:780px;
	height:60px;
	clear: both;
	border:0px solid #000;
 	padding-left:10px; padding-right:10px; padding-top:30px; padding-bottom:10px;
}

#hotlinks a {
	font-family: Helvetica, Arial, Tahoma, Verdana, sans-serif;
	font-size: 100%;
	color: #003060;
	margin-left: 100px;
	font-weight: bold;
	text-decoration: none;
}

#hotlinks a:link { color: #003060; }
#hotlinks a:visited { color: #003060; }

#hotlinks a:hover {
	color: #fff;
	background-color: #003060;
	
}


#social {
width: 800px;
height: 20px;
/* padding-right: 20px;  */
	clear: both;
text-align: right;
	text-decoration: none;
	border:0px solid #000;
	font-family: Helvetica, Arial, Tahoma, Verdana, sans-serif;
}

#social p{
margin-right: 40px;
	font-size: 80%;
}

#social a{
margin-left: 5px;
margin-right: 5px;
	font-size: 80%;
	text-decoration: none;
	border:0px solid #0f0;
}

#social a:link { color: #003060; }
#social a:visited { color: #003060; }

#social a:hover {
	color: #000;
	background-color: #ddd;
	
}

.data { 
background-color: #f8f9f1;

clear: both; 
margin-left: 75px;
margin-right: 75px;
border: 1px solid #b0bc4b;
padding: 30px;
margin-bottom: 30px;
}

.data h1{	font-family:arial, verdana, helvetica, verdana, arial, sans-serif;
		font-size: 20px;
		font-weight: bold;
  		text-align: left;
	color: #ba2832; /* #7c2e39;  */
		margin:0px;
margin-top: 10px;
margin-bottom: 20px;
		border-bottom:0px solid #4581b5;

}

.data h2{ 	font-family:arial, verdana, helvetica, verdana, arial, sans-serif;
		font-size: 15px;
		font-weight: bold;
  		text-align: left;
	color: #768022;    /*  4581b5;  */
		margin:0px;
margin-top: 20px;
		border-bottom:1px solid #4581b5;
}

.data h3{ 	font-family:arial, verdana, helvetica, verdana, arial, sans-serif;
		font-size: 12px;
font-weight: normal;
/*		font-weight: bold; */
  		text-align: left;
		margin:0px;
		margin-top: 5px;
}

.data p{ 	font-family:arial, verdana, helvetica, verdana, arial, sans-serif;
		font-size: 12px;
/*		font-weight: bold; */
  		text-align: left;
		margin:0px;
		margin-top: 10px;
}

#useful_links {
background-color: #f8f9f1;
clear: both; 
margin-left: 25px;
margin-right: 25px;
border: 1px solid #b0bc4b;
padding: 10px;
margin-top: 20px;
margin-bottom: 10px;
}

#useful_links p{
		font-family:arial, verdana, helvetica, verdana, arial, sans-serif;
		font-size: 14px;
/*		font-weight: bold; */
  		text-align: left;
		margin:0px;
		margin-top: 10px;
}

-->
</style>
</style>

