@charset "utf-8";
/* CSS Document */

html,body{margin:0;padding:0; }
body{font: 76% arial,sans-serif; background-color: #336699;}
body.campamdb div#container {width:95%; margin: 0 auto; background-color: #fff;}

body.campamdb div#header {position:relative; background-color:#000; height: 110px; width:100%; font-family: Arial, Helvetica, sans-serif; /*background-image:url(../Images/Backgrounds/CaMPAMHeaderBG%20-%20JLOULong.jpg)*/}

div#headerBanner {background:#ffffff url('../Images/Backgrounds/Permit_reef-JLou.jpg') no-repeat left top;}
div#headerBanner img{
	width: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	max-height: 8em;
}

div#header h1{
	position: relative;
	font-size:4em;
	color: #fff;
	margin: .5em;
	z-index: 3;
}
div#header h2{
	position: relative;
	font-size:1em;
	color: #fff;
	margin: .5em;
	z-index: 4;
}
div#header h3{
	position: relative;
	font-size:2em; 
	color: #fff;
	margin: .5em;
	z-index: 5;
}

div.sidebar1 {position:relative; top: 10px; width: 285px; float:left; padding: 0 0 0 8px; background-color:#fff; height:auto; margin-bottom: 32px; }
div.sidebar2 {float:right; padding-left:10px; width: 12%; height:auto; margin:20px 22px 0 0; border-left: solid 1px #000;}

div.sidebar2 img {display:block; margin-left: 40px; margin-bottom:10px; margin-top: 0;}
p{margin:0 10px 10px}
a.link{color:#933; text-decoration:none;}
a.visited {color: #C0C; text-decoration:none;}
a.hover { text-decoration:underline;}

div.maincontent{margin:0 0 20px 20px; width: 58%; position:relative; top: 10px; float:left;background-color:#fff; }
div.maincontent p img{float:left; border: 1px #000 solid; margin: 0 6px 4px 0;}
div#contentDivider {
	height:20px;
	background-color: #039;
	margin:-5px;
	padding:0;
	width:100%;
	position:absolute;
	border:none;
	z-index: 6;
	visibility: visible;
}
.backgroundcolor {background-color:#fff; margin:0 0 20px 0; padding:0; height:100%; width:100%; position:relative; top:20px;}
div#navigation{position: absolute; background:#B9CAFF}
div#extra{background:#FF8539}
div#footer{background: #333;color: #FFF; margin-top: 10px;}
div#footer p{margin:0;padding:5px; }

div#wrapper{float:right;width:100%;margin-left:0px; position:relative; margin-top:0px; background-color:#fff;}
div#navigation{float:left;width:280px; position: absolute; top: 0px;}
div#extra{float:left;clear:left;width:200px}
div#footer{clear:both;width:100%}
iframe {border: none;}


/*content css */
div.wrapperh1 {width: 100%; border-top: solid 1px #039; border-bottom: solid 1px #039; margin:0; padding:2px;}
div.wrapperh1 h1{width: 100%;  margin:0; padding:0; font-size:18px; font-weight:bold;}
div.wrapperh2 {width: 100%;  border-bottom: solid 1px #039; margin:4px 0 24px 0; padding:2px 0 14px 0;}
div.wrapperh2 h2{width: 100%;  margin:0; padding:0; font-size:15px; font-weight:bold;}
div.mpa_view_menu_container {padding: 3px;}
div.mpa_view_menu_container img{max-width: 25px; max-height: 25px;}