v\:* {behavior:url(#default#VML);}
html,body { 
	overflow: hidden; 
	overflow-y: auto;
	padding:0; margin:0;
	height: 100%; 
	width: 100%; 
	font-family: 'Lucida Grande',Geneva,Arial,Verdana,sans-serif; 
}
body { 
	background: #fff; 
}

#pageWrapper{
	margin:0px;padding:0;
	background-color:#fff;
	position:relative;
}
/**********  HEADER   ***************/
#headerWrapper{
	margin:0;
	padding:0;
	background-color:#fff;
	height:80px;
	position:relative;
}
#header { 
	margin: 0px;
	background-color:#0293ca;
	color:#fff;
	width:100%;
	height:80px;
	border:0; 
	border-bottom:1px solid #0c82ae;
}
#header #a-logo{
	text-decoration:none;
	border-style:none;
}
#header img{
	margin:0 0 0 2px;
	padding:0;
	border-style:none;
	float:left;clear:none;
}

#headerTitle{
	margin:0px;
}
#headerTitle img{
	margin:2px 5px 3px 0;
}
#subTitle{
	font-size: 14px; 
	line-height:1.2em;
	font-weight:bold;
	font-family:times, serif;
	margin:0;padding:0;
	letter-spacing:0.05em;
}
#supTitle{
	display:none;
	font-size: 14px; 
	font-weight:bold;
	font-family:times, serif;
	margin:0;padding:0;
}
.languageLink,
.feedbackLink{
	font-size:10px;
	display:block;
	float:right;
	margin:5px 3px;
	color:#fff;
}
.languageLink a{
	font-size:10px;
	color:#fff;
	text-decoration:none;
}
.feedbackLink a{
	font-size:11px;
	margin-right:5px;
	font-weight:bolder;
	color:#fff;
	text-decoration:none;
}
.headerLink{
	color:#0c82ae;
	font-size:12px;
	display:block;
	float:left;
	margin:5px 0 0 15px;
}
.headerLink a{
	font-size:12px;
	color:#0c82ae;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

#close{
	background-image:url('images/close.gif');
	background-repeat:no-repeat;
	font-size:10px;
	text-decoration: none;
	padding-left:15px;
}
#close:hover{
	text-decoration:underline;
}
/*********  Viewer Toggle   ***********/
#viewerToggle{
	position:absolute;
	top:48px;
	right:15px;
	width:320px;
	height:33px;
	font-size:12px;
	font-weight:bold;
	line-height:2.5em;
	overflow:hidden;
}
#viewerToggle a{
	display:block;
	width:155px;
	height:33px;
	float:right;
	margin:0px 0px 0px 5px;
	text-decoration:none;
	text-align:center;
	background-image:url('images/bg_vToggle.png');
	background-color:#0293ca;
	color:#090b0b;
}
#viewerToggle a#sp{
	line-height:1.25em;
	padding-top:2px;
}
#viewerToggle a.off:hover{
	background-image:url('images/bg_vToggle_hl.png');
}
#viewerToggle a.on,
#viewerToggle a.on:hover{
	background-image:url('images/bg_vToggle_on.png');
}

/**********  BREADCRUMBS   ***************/
#breadcrumbs{
	width:100%;
	height:35px;
	margin-top:3px;
	background-color:#EBEEF0;
	background-color:#fff;
}
#breadcrumbs span{
	display:block;
	float:left;
	margin:5px 5px 5px 12px;
	font-size:11px;
	color:#999;
}
#breadcrumbs a{
	display:block;
	float:left;
	margin:2px 3px;
	padding:2px 4px;
	font-size:11px;
	text-decoration:none;
	color:#2CBCF1;
	color:#0A84AF;
	color:#0C9CCF;
	border:1px solid #EBEEF0;
	border:1px solid #fff;
}
#breadcrumbs a:hover{
	text-decoration:none;
	color:#2CBCF1;
	background-color:#F3F9FF;
	border:1px solid #DFEFFF;
}
#breadcrumbs a.reset{
	color:#FF8C2F;
}
#breadcrumbs a.reset:hover{
	text-decoration:none;
	color:#FF7200;
	background-color:#FFEDDF;
	border:1px solid #FF8C2F;
}

#breadcrumbs {
	height:2em;
}
#breadcrumbs #spanURL{
	display:block;
	float:right;
	font-size:11px;
	color:#4C666F;
	margin:12px 5px 0px 10px;
}
#breadcrumbs #spanURL a{
	 margin:0;
}

#breadcrumbs #staticURL{
	width:300px;
	border:1px solid #c5dbec;
	background-color:#f9f9f9;
	font-size:11px;
	color:#6F6F6F
}
#breadcrumbs #staticURL:hover{
	color:#3F3F3F;
	border:1px solid #99C1DF;
}
#breadcrumbs #pageTitle{
	display:block;
	float:left;
	font-size:16px;
	color:#199FCF;
	margin:13px 10px 3px 15px;
	font-weight:bold;
}

.tip{
	display:block;
	font-size:10px;
	color:#bbbbbb;
	margin:0px;
	padding:3px 10px 0px 10px;
}
#pageDescription{
	font-size:11px;
	color:#666666;
	margin:20px 10px 5px;
	border-top: 1px dotted #bbb;
	padding:10px 5px 3px 5px;
	line-height:1.5em;
}

/**********  MAIN BODY   ***************/
#body{
	margin:20px 0 0 0;
	width:100%;
	padding:0 10px;
	height:650px;
	background-color:#fff;
	position:relative;
}
/********** sidebar  *************/
#sidebar{
	height:658px;
	height:628px;
	width:280px;
	float:left;
	background-color:white;
	border:1px solid #ccc; 
	border-style:none;
}
#sidebar h3{
	font-size:14px;
}
#sidebarTop{
	height:50px;
	width:100%;
	background-color:#f3f3f3;
	border-bottom:1px solid #ccc; 
	text-align:center;
}
#sidebarTitle{
	font-weight:bold;
	font-size:20pt;
	color:#888;
	margin:0;
	padding:5px 0;
}
#sidebarList{
	overflow:auto;
	width:100%;
	margin:0;
	padding:0;
	height:610px;
	height:580px;
}
.layer{
	width:255px;
	margin:0 auto;
	padding:4px 0;
	background-color:#FDFEFE;
	border-style:none;
	position:relative;
}
.on{
	background-color:#F7FCFF;
}
.layer:hover{
	background-color:#F3F9FF;
}  
.layer table{
	width:100%;
}
.layer td {
	vertical-align:top;
	margin:0;
	padding:0;
}
.layer input{
	position:relative;
}
.layerName,
.labelName{
	font-family: Arial, sans-serif;
	font-weight:normal;
	margin:0px 0 3px 1px; padding:0;
	color:#858585; 
}
.layerName{
	font-size:12px;
	line-height:16px;
	position:relative;
	top:3px;
	display:block;
}
.labelName{
	font-size:10px;
	line-height:12px;
	position:relative;
	top:0px;
}
.on .layerName{
	color:#000000;
}
.layerLinks{
	font-size:11px;
	color:#0193ca;
	margin:5px 2px 0 2px;
	text-align:center;
}
.layerLink{
	font-size:10px;
	font-weight:normal;
	color:#11afea;
	padding:0 2px;
	text-decoration:none;
}
.layerLink:hover{
	color:#2cbcf1;
	text-decoration:underline;
}


.subLayers{
	display:none;
	width:230px;
	padding-left:20px;
	margin:0;
}
.subLayers table{
	width:100%;
	padding:0;margin:0;
	border-collapse:collapse;
}
.subLayers td {
	vertical-align:top;
	margin:0;padding:0;
}
.subLayers .layerName{
	font-size:11px;
}

.plusminus{
	text-decoration:none;
	display:block;
	font-weight:bold;
	font-size:23px;
	line-height:20px;
	margin:0 auto;
	border:0;
	padding-left:3px;
}
.plusminus:hover{
	color:#000000;
	text-decoration:none;
}
#sccc-off,
#marine-off,
#terr-off{
	font-size:32px;
}
/********** sidebar - jquery overrides  *************/
.ui-slider{
	width:70px;
	margin-top:8px;
	margin-left:2px;
}
.ui-slider .ui-slider-handle { width: 12px;  height: 12px; }
.ui-slider-horizontal { height: 4px; }


.ui-accordion .ui-accordion-header a{
	font-size:14px;
}
.ui-accordion .ui-accordion-content{
	padding:2px;
	background-color:#FDFEFE;
}
.ui-widget-content {
	background-color:#FDFEFE;
	background-image:none;
}
.ui-widget-content a {
	color: #11afea;
}
.ui-state-active a{
	border-bottom:1px solid #EFF9FF;
	-moz-border-radius:5px 5px 0 0;
}
.ui-state-active a:hover{
	background-color:#EAF4FD;
	border-bottom:1px solid #C5DBEC;
}

/********** map  *************/
#mapWrapper{
	float:left;
	position:relative;
	margin:0 0 0 10px;
	padding:5px;
	border:1px solid #C5DBEC; 
	background-color:#DFEBF2;
	background-color:#EAF4FD;

}
#map { 
	height:650px; 
	height:620px;
	margin:0px;
	border:1px solid #C5DBEC; 
	background-color:#fff;
}
#map3d{
	height:615px; 
	width:100%;
	margin:0px;
	border:1px solid #C5DBEC; 
	background-color:#fff;
}
#map3d td,
#map3d p,
#map3d font{
	font-size:90%;
}
#mad3d *{
	z-index:100 !important;
}
.olControlPanZoomBar{}
.olControlPanPanel{}
.olControlZoomPanel{}
.olControlPanPanel div{
	background-image: url('../css/images/pan-panel.png') !important;
}
.olControlZoomPanel div{
	background-image: url('../css/images/zoom-panel.png') !important;
}
#homeButton{
	display:block;
	position:absolute;
	background-image:url('../css/images/continent.gif');
	height:25px;width:25px;
	top:13px; right:195px;
	z-index:2000;
	border:1px solid #C5DBEC; 
	margin:0; padding:0;
}

#homeButton:hover{
	border:1px solid #79B7E7; 
	background-image:url('../css/images/continent_hl.gif');
}
#toggleGrid{
	display:block;
	position:absolute;
	top:13px; right:55px;
	width:130px; height:25px;
	margin:0; padding:0;
	z-index:2000;
	line-height:25px;
	font-size:12px;
}
#toggleGrid input{
	vertical-align:text-bottom;
}
.mapButtonOff{
	background-color:#f3f9ff;
	border:1px solid #C5DBEC; 
	color:#8EBECF;
}
.mapButtonOn{
	background-color:#F0F8FF;
	border:1px solid #79B7E7;
	color:#09789F;
}
/********** popups  *************/
#dialog,
#description,
#download{
	background-color:#fff;
	z-index: 5000 !important;
	line-height:1.5em;
	font-size:11px;
	color:#454545;
}
#description p,
#download p{
}
#dialog .title,
#description .title,
#download .title{
	color:#0C82AE;
	border-bottom:1px solid #0C82AE;
	font-weight:bold;
	font-size:12px;
}
.ui-dialog-titlebar{
	font-size:13px;
}
.ui-dialog {
	font-size:75%;
	z-index: 5000 !important;
}

embed{
	z-index:-2 !important;
}
.popupbox{
	margin:0 30px 0 10px !important;
	padding:0;
}
.popupbox div{
	clear:left;
}
/********** overview map  *************/

#overviewmap{
	display:block;
	width:150px;
	height:130px;
	margin:10px 0 0 0;
	position:absolute;
	top:482px;
	left:306px;
	padding:2px;
	background-color:#EAF4FD;
	border:1px solid #A6C9E2;
	border-left:1px solid #EAF4FD;
	border-bottom:1px solid #EAF4FD;
	z-index:2000;
}
.olControlOverviewMapElement{
	padding: 0px !important;
	background-color: #EAF4FD !important;
}
.olMapViewport{}
#arrow{
	display:block;
	border:0;
	text-decoration:none;
	height:16px;width:16px;
	position:absolute;
	top:619px;
	left:300px;
	z-index:2010;

}
.arrowOn{
	background-image:url('../css/images/arrow_down.gif');
}
.arrowOff{
	background-image:url('../css/images/arrow_up.gif');
}
/**********  FOOTER   ***************/
#footer{
	color:#ababab;
	font-size:12px;
	margin:0 15px;
	padding:10px 0 5px 0;
	background-color:#fff;
}
.footerText{
	color:#ababab;
	font-size:10px;
	padding:0 3px;
	margin-top:3px;
}
#footer .logo a{
	border:none;
	float:right;
	margin:0px 0px 3px 10px;
	text-decoration:none;
}
#footer .logo img{
	border:0 none white;
}
/************  	NO SCRIPT     *****************/
#noscript{
	color:white;
	text-align:center;
	background-color:red;
	font-size:18px;
	position:absolute;
	left:0;top:0;
	width:100%;
	padding:5px 0;
}

/***********  And finally ... *******************/
img {
	border: none;
}