@import "DDMVertMenu.css";
html {
	height: 100%;
	overflow: auto;
}

html > body div#allAreas {
	height: auto;
}

body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	background-color: #b9c3c5;
	background-image: url(images/bg.jpg);
	background-position: top;
	background-repeat: repeat-x;
	height: 100%;
}

div#allAreas {
	height: 100%;
	min-height: 100%;
	position: relative;
	background-color: #ffffff;
	background-image: url(images/containerbg.jpg);
	background-repeat: repeat-y;
	background-position: left;
	margin: 0 auto;
	width: 939px;
}

div#container {
	width: 939px;
	margin: 0 auto;
	text-align: left;
}

div#headerarea {
	position: relative;
	height: 198px;
	background-image: url(images/southportpark_logo.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

div#bnrarea div {
	position: absolute;
	top: 0;
	left: 0;
}

div#datetime {
	position: absolute;
	left: 18px;
	top: 140px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
}

form#searcharea {
	position: absolute;
	left: 15px;
	top: 160px;
	margin: 0;
	padding: 0;
}

input#searchtext {
	position: absolute;
	left: 0;
	top: 0;
	height: 22px;
	width: 159px;
	background-image: url(images/searchbox.gif);
	background-repeat: no-repeat;
	border: 0;
	padding: 4px 3px 0 6px;
	margin: 0;
	background-color: transparent;
}

input#searchbutton {
	position: absolute;
	left: 159px;
	top: 0;
	padding: 0;
	margin: 0;
}

div#leftarea {
	position: relative;
	width: 209px;
	height: 440px;
	float: left;
	background-image: url(images/leftcol_menubg.jpg);
	background-repeat: no-repeat;
}

div#rightarea {
	position: relative;
	margin: 0 0 0 209px;
}

div#breadcrumb {
	position: relative;
	margin: 30px 0 0 20px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #8a8a8a;
	font-size: 10px;
}

div#breadcrumb a {
	color: #019ec6;
	font-weight: bold;
	text-decoration: none;
}

div#contentarea {
	position: relative;
	margin: 0 20px 0 20px;
	padding: 0 0 350px 0;
}

div#content {
	font-size: 12px;
	color: #000000;
	line-height: 20px;
	position: relative;
}

div#content a {
	color: #0177b4;
	font-weight: bold;
}

div#content a:hover {
	color: #0177b4;
	font-weight: bold;
}

div#baseline {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	background-image: url(images/bottomline.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

div#contactinfo {
	position: absolute;
	left: 0;
	bottom: 180px;
	width: 187px;
	text-align: right;
	color: #FFFFFF;
	font-size: 10px;
}

div#contactinfo strong {
	font-weight: bold;
	color: #00CCFF;
}

div#contactinfo a {
	color: #FFFFFF;
}

div#footerarea {
	position: relative;
	width: 939px;
	height: 177px;
	background-image: url(images/footerbg.gif);
	background-repeat: no-repeat;
	background-position: top center;
	margin: 20px 0 0 0;
	padding: 0;
	font-size: 11px;
	color: #435057;
}

div#footerline {
	position: absolute;
	top: 140px;
	left: 10px;
}

ul#footerNav {
	position: absolute;
	top: 140px;
	left: 245px;
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline;
}

ul#footerNav li {
	position: relative;
	float: left;
	border-left: 1px solid #666666;
	margin: 0 0 0 5px;
	padding: 0 0 0 5px;
}

ul#footerNav li a,
ul#footerNav li em,
ul#footerNav li b {
	font-style: normal;
	text-decoration: none;
	color: #666666;
}

div#footerlinks {
	position: absolute;
	top: 140px;
	right: 10px;
	
}

div#footerlinks a {
	text-decoration: none;
	color: #666666;
}

ul#footerlogos {
	position: absolute;
	top: 30px;
	left: 120px;
	list-style: none;
	marign: 0;
	padding: 0;
}

ul#footerlogos li {
	position: relative;
	float: left;
	margin: 0 10px 0 10px;
	
}