/* --- Page elements --- */

div#main h1 {
	margin: 0px 0 0 0px;
	padding: 10px 0 8px 10px;
	font: bold 24px Verdana;
	color: white;
	height: 60px;
	background: url(../images/content_top.jpg) left top no-repeat;
}

div#main h2 {
	margin: 0px 0 0 5px;
	padding: 5px 0 5px 0;
	font: bold 13px Verdana;
	border-bottom: 1px solid #999;
	width: 500px;
	color: green;
}

div#main p {
	margin: 5px 10px 5px 5px;
}

div#content {
	margin: -20px 0 0 0;
	padding: 0 10px 0 10px;
	font: normal 12px Verdana;
	color: #000;
	line-height: 20px;
}

* html div#content {
	margin: -0px 0 0 0;
}

div#content img {
	margin-top: 5px;
}

img.splash {
	border: none !important;
}

div#content img.right {
	float: right;	
	margin: 0 15px 0 10px;
	border: 1px solid #666;
}

div#content img.left {
	float: left;	
	margin-right: 15px;
	border: 1px solid #666;
}

div#content strong {
	font-size: 11px;
	color: #339933;
}

/* --- UL Lists --- */

div#main ul {
	margin: 5px 0 5px 0px;
	padding: 0 0 0 20px;
}
* html div#main ul {
	margin: 5px 0 5px 20px;
	padding: 0 0 0 5px;
}

/* --- Map popup --- */

div#map {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -230px; 
	margin-top: -230px;  
	width: 470px;
	height: 470px;
	background-color: #EEE;
	padding: 10px;
	border: 1px solid #000;
	display: none;
}

* html div#map {
	width: 460px;
	height: 460px;
}

img#map-preview {
	cursor: pointer;
}

/* --- Clear fix --- */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */