* { margin: 0; padding: 0; font-family: Arial, sans-serif; color: #2e2e2e; }
html{  width: 100%; height: 100%; }
body { height: 100%; width: 100%; }
/*#header { border-bottom: 1px solid #bebebe; height: 38px; width: 100%; background-color: #e5e5e5; position: fixed; top: 0; left: 0; z-index: 1000;}*/
#header { border-bottom: 1px solid #bebebe; height: 38px; width: 100%; background-color: #e5e5e5; z-index: 0; }
#name { float: left; font-family: 'Molengo', arial, serif; font-size: 30px; text-shadow: 1px 1px 0px #f0f0f0; color: #202020; padding-left: 10px; padding-top: 1px;}
#subname { float: right; font-family: 'Molengo', arial, serif; font-size: 20px; text-shadow: 1px 1px 0px #f0f0f0; color: #202020; padding-left: 10px;}
#myName { font-family: 'Molengo', arial, serif; font-size: 20px; color: #202020;}
#links { float: right; font-family: 'Cantarell', arial, serif; height: 14px; font-size: 14px; letter-spacing: 0.0125em; word-spacing: 0.1em; padding-right: 10px;}
#sublinks { position: absolute; right: 12px; top: 22px; font-size: 13px; }
#sublinks a{ padding-left: 10px; }
#links a {padding-left: 10px; text-decoration: none; color: #565656; text-shadow: 1px 1px 0px #f0f0f0;}
#links a:hover { color: #767676; text-shadow: 1px 1px 0px #f0f0f0;}
#randTitle {  margin-left: 35%; margin-right: 35%; width: 20%;}
#footer { clear: both; width: 800px; margin-left: auto; margin-right: auto; border-top: 1px solid #bebebe; font-family: Arial, sans-serif; font-size: 14px; color:#bebebe;}
#map_canvas {	
	/*position:relative;*/
	/*height:auto;*/
	/*height:100%; *//* IE6: treaded as min-height*/
	/*min-height:100%; *//* real browsers */
}
#sidebar { position: absolute; width: 300px; left: 0px; height: 70%; top: 100px; z-index: 5000; } 
#sidemain{ position:absolute; left: 0; width: 296px; top: 0; height: 100%; opacity: 0.9; color: #202020; background-color:#f0f0f0; border: 2px solid #5e5e5e; 
border-top-right-radius: 10px 5px;
border-bottom-right-radius: 10px 5px;
-moz-border-top-right-radius: 10px 5px;
-mozborder-bottom-right-radius: 10px 5px;
}
#slider {
position:absolute; top: 50%; height: 200px; left: 300px; margin-top: -100px; width: 20px; background-color: blue; z-index: 6000; cursor: pointer; color: white; background-color:#5e5e5e; opacity: 0.9;
border-top-right-radius: 10px 5px;
border-bottom-right-radius: 10px 5px;
-moz-border-top-right-radius: 10px 5px;
-mozborder-bottom-right-radius: 10px 5px;
}

.hide_sidebar { margin-left: -300px;}
.rotate {

/* Safari */
-webkit-transform: rotate(-90deg);

/* Firefox */
-moz-transform: rotate(-90deg);

/* IE */
-ms-transform: rotate(-90deg);

/* Opera */
-o-transform: rotate(-90deg);

/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}


.aboutDiv { color: white; padding: 15px; }
.whiteLink:link { color: white }
.whiteLink:visited { color: white }
.whiteLink:hover { color: white }
.whiteLink:active { color: white }