html, body 
{
	background: #333333;
	border: 0;
	height: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0;
	width: 100%;
	overflow:hidden;
}

h1 {font-family:Arial;color:White; font-size:20px;}
h2 {font-family: camingodos-web, Helvetica, Arial, Sans-Serif; font-weight: normal;color:#333333;font-size:20px;padding:5px;margin:5px;margin-bottom:0px;}
h3 {font-family:Arial;color:#333333;font-size:14px;}
p {font-family:Arial;color:#666666;font-size:11px;padding-right: 20px;width: 500px;}
img {margin:0px; padding: 0px;}
div {margin:0px; padding: 0px;}
	
A:link {text-decoration: none; color: #00CCFF; font-family:Arial; font-size:11px; border-style: none; border-width: 0px;}
A:visited {text-decoration: none; color: #00CCFF; font-family:Arial; font-size:11px; border-style: none; border-width: 0px;}
A:active {text-decoration: none; color: #00CCFF; font-family:Arial; font-size:11px; border-style: none; border-width: 0px;}
A:hover {text-decoration: none; color: #00CCFF; font-family:Arial; font-size:11px; border-style: none; border-width: 0px;}
a img {border:none; border-width: 0px;}
a {border:none; border-width: 0px;}

::-webkit-scrollbar-track-piece  {
background-color: #333333;
}

#topRow {width:100%; height:100px; background-color:#f7f7f7; vertical-align:middle;}
#location {background-image:url('../images/searchBoxBackground.jpg'); border:none; border-width: 0; box-shadow: none; outline: none; border-style:none; height:32px; padding-left:5px; width:205px; vertical-align:top; padding-right:5px;}
#searchBtn {border:none; border-width: 0; box-shadow: none; outline: none; border-style:none;}
#interactiveContainer {height: 100%; width: 100%; border: 0; padding: 0; margin: 0;}
#subHeader {float:left;padding-top:30px;color:#666666;}
#headerLeftBorder{float:left;height:100px;}
#search{float:right;padding-top:40px;padding-right:10px;}
#map3d{height:100%;background-color:black;float:left; text-align: center}
#logo{width:320px;height:100px;text-align:center;background-color:white;float:left;}
#logoImg{padding-left:0px;padding-top:25px;}
#header{height:100px;background-color:#f7f7f7;float:left;}
#leftPanel{background-color:#141213;border:0;padding:0;margin:0;height:100%;float:left;}
#leftMenuFlashContent{width:320px;height:100%;background-color:#141213;color:#666666;font-family:Arial, Helvetica, sans-serif;}
#timelineFlashContent{width:100%;height:115px;color:#666666;font-family:Arial, Helvetica, sans-serif;}
#rightPanel{width:100%;height:100%;background-color:#999999;vertical-align: top;border:0;padding:0;margin:0;}
#middleContent{width:100%;height:300px;background-color:black;}
#footer{ width:100%;height:115px;background-color:#333333;background-image:url('../images/timelineBackground.jpg');float:left;}
#infoWindow {display:block; width:250px; height:auto; background:#f7f7f7; position:absolute; top:175px; left:365px;z-index:1000; visibility:hidden;}
#infoWindowText {width:230px; padding:5px; margin:5px; margin-top:0px; font-size:12px;}
#infoCloseBtn{float:right;cursor:hand;}
#timelineWrapper{padding-top: 70px; margin-left: 50px; margin-right: 50px}

.mapDefaultImage{height: 100%; margin: auto}

/*******************************************************************************
 * LAYERS
 *******************************************************************************/
#layers{width:320px;height:100%;background-color:white;}
#layerNav{margin: 0px; width:320px; padding: 0px; height: 60px; overflow: hidden}
#layerSubNav{width: 100%; width:320px;}

.leftMenu{height: 100%; width:320px; overflow-y: scroll; overflow-x: hidden}
.layerNavButtons{float: left;}
.layerSubNavButtons{padding-top: 10px; padding-left: 15px; vertical-align: top; margin-bottom: 10px}
.layerContainer{margin-left: 10px; margin-right: 15px; border-bottom: 1px dotted #444; height: 50px; width: 290px;}
.layerContainer:hover {background-image:url('../images/layerNav/layerHighlight.png'); width: 290px;}
.layerContainerPad{margin-left: 10px; margin-right: 15px; border-bottom: 1px dotted #444; height: 50px; width: 290px;}
.layerThumb{border-width: 2px; border-color: white; border-style: solid; float: left; margin-right: 10px; margin-top: 10px; width: 32px; height: 32px;}
.layerDescription{font-family: Arial, Helvetica, sans-serif; color: #737373; font-size: 12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.layerTitle{font-family: "kaffeesatz", "Arial Narrow", Arial, Helvetica, sans-serif; color: #CCCCCC; font-size: 18px; margin-top: 8px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.layerStatus{font-family: "kaffeesatz", "Arial Narrow", Arial, Helvetica, sans-serif; color: #3395E5; font-size: 18px; margin-top: 8px; float: right}
.layerRightColumn{float: left; width:210px;}

/*******************************************************************************
 * VIDEO
 *******************************************************************************/

#vidHolder{height:100%;background-color:black;float:left;}
#vidContainer{width:640px; 360px}
#fancyBox{width:640px; 360px; padding: 0000; margin: 0000}
#videoPlayer{height: 100%; width: 100%}
#vidDescription{padding-top: 10px;font-family:Arial;color:#333333;font-size:12px}

.menuButton{padding-top:7px;float:left;cursor:hand;}