/* default_test.css */

/* BEGIN GLOBAL STYLE */
html {	
	height:100%; 
	max-height:100%; 
	padding:0; 
	margin:0; 
	border:0; 		
	font-size:80%; 
	font-family:arial,sans-serif;
		/* hide overflow:hidden from IE5/Mac */ 
		/* \*/ 
		overflow: hidden; 
		/* */ 
     }
body {
	height:100%; 
	max-height:100%; 
	overflow:hidden; 
	padding:0; 
	margin:0; 
	border:0; 
	color:#000;
}

a {
	color: #3f6157;
	text-decoration: none;
}

a:hover {text-decoration: underline;}

h1, h2, h3, h4 {
	color: #3f001f;
	font-weight: bold;
}

h1 {font-size:2em;}

h2 {font-size:1.3em;}

h3 {
	font-size:1.0em;
	text-transform: uppercase;
}

h4 {font-size:1.0em;}

p, li {
	color: #000000;
	margin:0; 
	padding:0;
}

blockquote, .overviewnotes {
	margin: 5px 0;
	padding: 0 0;
}

.overviewnotes p {
	margin:8px 0; 
}

.infoboxtitle {
	color: #3f6157;
	font-size: 1.2em;
	font-weight: bold;
	margin:0; 
	padding:0;
}

/*.infoboximage {
	float: right;
}*/

.infoboxphoto_overview 
	float: right;
}

.infoboxphoto_overview img {
	margin: 0 0 10px 15px; 
	border: 1px solid #83a991;
}

#mappable {
	font-style: italic;
	font-size:.9em;
	color: #a3633d;
}

div#header {
	position:relative; 
	margin:0;
	width:100%; 
	height:70px; /*was 11%*/ 
	background-color:#f3f0ab;
	background-image: url('../images/template/header_bg.gif');
	background-repeat: repeat-x;
	overflow:hidden; 
	color:#f3f0ab;
}

div#header h1 {
	position:relative; 
	margin:0;
	height:70px; /*was 11%*/ 
	background-image: url('../images/template/header_logo.gif');
	background-repeat: no-repeat;
}

div#header h1 span {
position: absolute;
left:-2000px;
}

div#nav {
	position:relative; 
	margin:0; 
	width:100%; 
	height:22px; /*was 7%*/ 
	background-color:#f3f0ab; 
	background-image: url('../images/template/header_bg_nav.gif');
	background-repeat: repeat-x;
	overflow:hidden; 
	color:#f3f0ab;
	border-bottom: 1px solid #3f001f;
}

div#nav p {
	margin: 25px 0 5px 98px; 
	text-transform: uppercase;
	color: #f3f0ab;
	font-size:.75em;
}

div#nav p a {color:#f3f0ab;}

/*
div#content-wrapper {
	position:absolute; 
	left:0; 
	top:93px; 
	bottom:52px; 
	width:100%;
}
*/

div#left {
	position:absolute; 
	left:0; 
	top:93px; 
	bottom:52px; 
	width:22em; /*was 22%*/
	background-color: #ddd18e; 
	border-right: 1px solid #3f001f;
	border-bottom: 52px solid #ddd18e;
}

* html #left {
	height:100%; 
	top:0; 
	bottom:0; 
}


div#content {
	position:relative; 
	float:right;
	width:200px; /*77.9%; /*was 100%*/ 
	height:100%;
	display:block;
}

div#map {
	position:absolute; 
	top:0px; 
	left:0px; 
	bottom:0em; 
	right:0px; 
	width:100%; 
	height:100%; 
}

div#footer {
	position:absolute; 
	margin:0; 
	padding: 0 18px 0 18px; 
	bottom:0; 
	left:0; 
	width:100%; 
	height:52px; /*was 5%*/ 
	font-size:.85em;
	overflow:hidden; 
	background-color:#5f5228; 
	background-image: url('../images/template/footer_bg.gif');
	background-repeat: repeat-x;
	color:#f3f0ab;
	border-top: 1px solid #3f001f;
}

#message {
	visibility: hidden;
	color: #f3f0ab; 
}

#footer-container {
	position: absolute;
	padding-top:15px;
	float:left;
	width: 50%;
}

#copyright {
	position: relative;
	padding-top:15px;
	float:right;
	width: 70%;
	padding-right: 40px;
}

#footer-container p, #copyright p {
	color: #f3f0ab;
	padding-bottom: 3px;
}

#copyright p {
	text-align: right;
}

#footer-container a, #copyright a {
	text-decoration: none;
	color: #fdf7d5; 	
}

#footer-container a:hover, #copyright a:hover {
	text-decoration: underline;
}

/* END GLOBAL STYLE */

/* BEGIN LEFTSIDE LIST STYLE */

div#left h2 {
	margin:0; 
	padding:0; 
	padding-top:1em;
}

div#list_title {
	background-image: url('../images/template/left_bg_header.gif');
	background-repeat: repeat-x;
	background-color: #5f5228;
	height:54px; 
	margin:0; 
	padding:0;
}


div#list_title h2 {
	color: #f3f0ab;
	text-align: left;
	padding: 8px;
	font-weight: bold;
	display: block;
}

div#list_title p {
	text-transform: uppercase;
	color: #f3f0ab;
	font-size:.75em;
	text-align: right;
	padding-right: 8px;
	font-weight: bold;
	display: block;
}

div#list_title p a {
	color: #f3f0ab;
}

div#list_wrapper {
	position:relative; 
	height:100%;
}

ul#area_names {
	list-style:none; 
	height:100%; 
	margin:0; 
	padding: 0 5px 0 5px; /*padding: 0 .75em 0 1em;*/ 
	top: 0;
	overflow: auto;
}

ul#area_names li {
	color: #404040;
	padding: 5px; 
	border-bottom: 1px solid #83a991;
}

/* NOTE: MIGHT WANT THIS BACK IN AFTER CLIENT DEV 
ul#area_names li {
	color: #404040;
	padding: 5px 5px 5px 25px; 
	border-bottom: 1px solid #83a991;
	background-image: url('../images/map_icons/marker_general.png');
	background-repeat: no-repeat;
}*/

ul#area_names li img {
	float: left; /*right*/
	margin: 0 5px 0 0; /*margin: 0 0 0 5px;*/
	border: 1px solid #83a991;
}

ul#area_names li a {
	color: #005a47;
	font-weight: bold;
	font-size:1.3em;
}

ul#area_names li:hover {
	background-color: #f0e5a6;
}

ul#area_names li a:hover {
	text-decoration: none;
}

/* END LEFTSIDE LIST STYLE */

/* BEGIN SEARCHBOX STYLE */

#header .searchWrap {
	position: absolute;
	top: 15px;
	right: 6%;
}

#header fieldset {
	border-width: 0;
}

#header .searchWrap .inputbox {
	width: 197px;
	height: 20px !important;
	line-height: normal !important;
	border: 1px solid #999999;
	padding: 3px 3px 0 3px !important;
	color: #666666;
	background-color: #f7f7f7;
	float: left;
	margin-right: 9px;
}

#header .searchWrap .button {
	border: 1px solid #989898;
	background-color: #666;
	width: 71px;
	height: 25px;
	float: left;
	color: #fff;
	font-size: 12px;
	cursor: pointer;
}

/* END SEARCHBOX STYLE */

div#explanation {
	margin:0; 
	padding:0; 
	height:25%; 
	padding-left:1em; 
	padding-right:1em;
}

/* LOGIN */
#login_form label {display:inline-block; width:5em; margin:0 0 0 10px; padding:0 0 8px 0;}
#login_form input.text {margin-bottom:5px; width:10em;}
#login_form input.button {margin-bottom:10px;}
#logout_message {padding-top:20px;}