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


#mapityourself { 
	font-family: Helvetica, Tahoma, Verdana, Arial, sans-serif;
	text-align: center;
	margin: 0px;
	background-color: #f5f5eb;   // #d6e3ef; 
}

#container { 
	position: relative;
	width: 800px;
	margin: 0px auto;
	margin-top: 10px;
	height: 800;
	padding: 0px 0px 0px 0px;
	background-color: #ffffff;	// #ffffff;
	border:1px solid #444444;
	}

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

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

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

#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;
	font-size: 85%;
	letter-spacing: 0.10em;
	color: #ffffff; // #eee;   /* #ffffff; */
	font-weight: normal;
	border:0px solid #00ff00;
}

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


#navbar a {
	color: #d59e39;  // #fff; 
	padding-right: 10px; 
}

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

#instructions { 
	clear: both; 
	margin-left: 25px;	margin-right: 25px;	margin-top: 0px;	margin-bottom: 10px;
	padding: 10px; 
	padding-top: 0px;
	background-color: #ffffff; // #ffffff;
/*	width: 755px;	height: 40px;
	clear: both;
 	padding-left:25px; padding-right:0px; padding-top:0px; padding-bottom:0px; 
	margin-bottom: 10px;
*/
	border: 1px solid #ffffff;   
	}

#instructions p { 
	font-size: 14px;
	margin: 0px;
	color: #993300; // #531822;
}

#instructions a { color: #003000; }

#instructions a:hover { color: #cf983e; }


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

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

#map p {  }

.mainheader{
	width: 750px;
	margin-left: 25px;	margin-bottom: 15px; margin-top: 20px;
	border:0px solid #000;
}

.mainheader h1{
	font-size: 22px;
	text-align: left;
	margin: 0px;
	padding: 0px;
	color: #660000; // #264c8a;   /* #ffffff; */
	border-bottom: 1px solid #660000;
}

.mainheader h2{
	font-size: 12px;
	text-align: left;
	margin: 0px;
	padding: 0px;
	color: #444444; // #264c8a;   /* #ffffff; */
}

.mainheader p{
	font-size: 14px;
	text-align: left;
	color: #888888; // #666;   /* #ffffff; */
}


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

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

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

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

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



#social {
	width: 800px;	height: 20px;
	clear: both;
	margin-top: 5px;
	margin-bottom: 5 px;
	text-align: right;
	text-decoration: none;
	border:0px solid #000;
}

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


#useful_links {
	background-color: #f5f5eb; // #f0f0f0;
	clear: both; 
	margin: 20px 25px 10px 25px;
	padding: 10px;
	border: 1px solid #e2ceab;
}

#useful_links p{
	font-size: 12px;
	text-align: left;
	margin: 0px;	margin-top: 5px;
	color: #660000;
}

#useful_links a { color: #000000; }

#useful_links a:hover { color: #cf983e; }







.data { 
	background-color: #f5f5eb; // #f0f0f0;
	clear: both; 
	margin-left: 25px;	margin-right: 25px;	margin-top: 10px;	margin-bottom: 30px;
	padding: 20px;
	border: 1px solid #e2ceab; // #bbb;
}

.data h1{
	font-size: 20px;	font-weight: bold;
	text-align: left;
	color: #660000; // #444; /* #7c2e39;  */
	margin:0px;	margin-top: 10px;	margin-bottom: 20px; margin-left: 25px;
	border-bottom:0px solid #4581b5;
}

.data h2{ 
	font-size: 15px;	font-weight: bold;
	text-align: left;
	color: #768022; // #768022;    /*  4581b5;  */
	margin:0px;	margin-top: 20px;	margin-bottom: 5px;
	border-bottom:1px solid #cdac76; // #4581b5;
}

.data h3{ 
	font-size: 12px;	font-weight: normal;
	text-align: left;
	color: #768022; // #768022;    /*  4581b5;  */
	margin:0px;	margin-top: 0px;
}

.data p{ 
	font-size: 12px;
	text-align: left;
	color: #768022; // #768022;    /*  4581b5;  */
	margin:0px;	margin-top: 10px;
}













.record { 
	height: 100%;
	overflow: auto;
	background-color: #ffffff; // #fff;
	clear: both; 
	margin: 0px auto;
	margin-bottom: 20px;
	padding: 10px 25px 10px 25px;
	border: 1px solid #660000; // #bbb;
}

.record h1{
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	color: #660000; // #ba2832; /* #7c2e39;  */
	margin:0px;	margin-top: 10px;	margin-bottom: 5px;
	border-bottom:1px solid #4581b5; // #4581b5;
}

.record h2{ 
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	color: #808080; // #4581b5;
	margin:0px;	margin-top: 10px;	margin-bottom: 5px;
	border-bottom:0px solid ; // #4581b5;
}

.record h3{ 
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	margin:0px;	margin-top: 0px;
}

.record p{ 
	font-size: 10px;
	text-align: left;
	margin:0px;	margin-top: 10px;
	color: #000; 
}

.record a {
	color: #808080; 
}

.record a:hover {
	color: #000; 
}

.record_image {
	float: left;	width: 150px;
margin: 0px;
padding: 0px;
	border: 0px solid #000;
}

.record_image image {
/*	float: left;	width: 150px; */
margin: 0px;
padding-left: -30px;
	border: 0px solid #0f8;
}

.record_left{
	float: left;	width: 40%;
	padding-left: 15px;
	padding-right: 5px;
	padding-top: 10px;
	border: 0px solid #000;
}


.record_left h2{ 
	font-size: 12px;	font-weight: normal;
	margin-top: 0px; margin-bottom: 0px;
	padding: 0px;
}

.record_left p{ 
	font-size: 12px;
	margin-top: 0px;
	padding: 0px;
	color: #000; 
}


.record_right{
	float: right;	width: 200px;
	border: 0px solid #000;
}





div#popup {
	background: #ffffff; // #f8f9f1;
	margin:0px;
overflow: auto;
/* min-height: 100%;
height: auto;
*/
margin-bottom: 10px;
	padding:7px;
	width:300px; 
	font-family:arial;
	border:1px solid #999999; // #999999;
background-color: #eeeeee;
}

#popup h1{ 
	font-size: 14px;	font-weight: bold;
	text-align: left;
	color: #026a88; // #ba2832;
	margin: 0px 0px 10px 0px;
	border-bottom:1px solid #026a88; // #768022;    /* #4581b5; */
}

#popup h2{ 
	font-size: 10px;	font-weight: normal;
	text-align: left;
	margin:0px;	margin-top: 0px;
	color: #909090; // #ba2832;
}

#popup h3{ 
	font-size: 10px;	font-weight: normal;
	text-align: left;
	margin:0px;	margin-top: 5px;
	color: #ba2832; // #ba2832;
}

#popup p{ 
	font-size: 11px;
	text-align: left;
	margin:0px;	margin-top: 10px;
	color: #000000; // #ba2832;
}

#popup a {
	color: #000; 
}

#popup a:hover {
	color: #808080; 
}



.popup_image {
/* position: relative; */
	float: left; 
	width: 125px; 
margin: 0px;
padding: 2px;
	border: 0px solid #000;
}


.popup_left{
/*position: relative;*/
 float: left;  
 width: 150px;  
margin: 0px;
margin-left: 2px;
	padding-left: 5px;
	padding-right: 5px;
	border: 0px solid #0ff;
}




-->
</style>
</style>