/* @group Basic Site Norms */

html {
  background: #d3deea url(img/ld_bg.jpg) repeat center;
}

body {
  color: #ffffff;
  font: 13px Arial, sans-serif;
}

img, div { behavior: url(iepngfix.htc) }

/* ImageMap Placement */
#imap {
	display:block; 
	width:802px; 
	position:absolute;
}

/* ImageMap Size */
#imap a#homelink {
	position:absolute; 
	padding:0; 
	margin:0; 
	left:70px; 
	top:55px; 
	z-index:20; 
	display:block; 
	width:185px; 
	height:185px;}

/* @end */

/* @group Container Positioning */

#sitecontainer {
	margin: auto;
	width: 802px;
}

#maincontentbg {
	margin-top: 26px;
	background: url(img/maincontentbg.png) no-repeat;
    height: 796px;
}

#homecontentbg {
	margin-top: 26px;
	background: url(img/homebg.png) no-repeat;
    height: 1220px;
}

#eventscontentbg {
	margin-top: 26px;
	background: url(img/eventsbg.png) no-repeat;
    height: 1220px;
}

/* @end */

/* @group Content Positioning */

#maincontent {
	width: 400px;
	padding: 20px;	
	margin-top: 235px;
	margin-left: 270px;
	position: absolute;
}

#slideshowcontent {
	width: 640px;	
	top: 235px;
	left: 220px;
	position: relative;
}

#sundate {
	position: relative;
	top: -26px;
	right: -70px;
	float: right;
}

#homeimg {
	position: relative;
	top: 300px;
	right: 70px;
	float: right;
}

#homeimg2 {
	position: relative;
	top: 327px;
	right: 100px;
	float: right;
}

#aboutusimg {
	position: absolute;
	margin-top: -120px;
	margin-left: 5px;
}

#mainpic {
	margin-top: -255px;
	margin-left: 420px;
}

#slideshowpic {
	position: absolute;
	top: 30px;
	left: -97px;
}

#calofevents {
	margin-top: 258px;
	margin-left: 111px;
	position: absolute;
}

#calofeventsdates {
	color: #005170;
	width: 150px;
	margin-top: 280px;
	margin-left: 115px;
	position: absolute;
	font-size: 11px;
	font-weight: bold;
	text-align: justify;
}

#maydates {
	color: #005170;
	width: 333px;
	margin-top: 395px;
	margin-left: 300px;
	position: absolute;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
}

#junedates {
	color: #005170;
	width: 333px;
	margin-top: 395px;
	margin-left: 300px;
	position: absolute;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
}

#julydates {
	color: #005170;
	width: 333px;
	margin-top: 595px;
	margin-left: 300px;
	position: absolute;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
}

#augustdates {
	color: #005170;
	width: 333px;
	margin-top: 795px;
	margin-left: 300px;
	position: absolute;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
}

#affiliates {
	position: relative;
	text-align: center;
}

#copyright {
	top: -368px;
	left: 331px;
	position: relative;
}

#counter {
	top: -382px;
	left: 764px;
	position: relative;
}

/* @end */

/* @group Studio Image Library List */

#imgnav {
	position: absolute;
	left: -70px;
	top: 520px;
	line-height: 6px;
}

#imgnav ul {
	display: inline;
	
	
}

#imgnav li {
	display: inline;
	padding: 2px;
}

/* @end */


/* @group Text Styles */

.bodywhitebold {
  color: #fff;
  font: bold 13px/15px Arial, sans-serif;
}

.headertext {
	color: #2972b3;
	font: bold 12px Arial;
	text-transform: uppercase;
}

.gray10px {
	color: #545454;
	font: bold 10px Arial;
}

.blue10px {
	color: #1c93fc;
	font: bold 10px Arial;
}

.blue12pxcaps {
	color: #1c93fc;
	font: italic bold 12px Arial;
	text-transform: uppercase;
}

.lightgray10px {
	color: #545454;
	font: 10px Arial;
}

/* @end */

/* @group Text Links */

a { 
	color: #ffffff;
	font: bold 12px Arial;
	text-decoration: none;
}

a:hover {
	color: #ffffff;
	font: bold 12px Arial;
	text-decoration: underline;
}

.white12pxlink a:link { 
	color: #ffffff;
	font: bold 12px Arial;
	text-decoration: none;
}

.white12pxlink a:hover {
	color: #ffffff;
	font: bold 12px Arial;
	text-decoration: underline;
}

.white12pxlink a:active {
	color: #ffffff;
	font: bold 12px Arial;
	text-decoration: underline;
}

.white12pxlink a:visited {
	color: #ffffff;
	font: bold 12px Arial;
	text-decoration: underline;
}

/* @end */

/* @group Site Navigation Links */

#nav {
	margin-top: 190px;
	margin-left: 283px;
	position: absolute;
}

.lakesbutton{
	height: 34px;
	width: 55px;
	background-image: url(img/lakesnav.png);
	float: left;
}

.lakesbutton:hover{
	background-position: 55px 0;
}

.lakesactive{
	height: 34px;
	width: 55px;
	background-image: url(img/lakesnav.png);
	float: left;
	background-position: 55px 0;
}

.eventsbutton{
	height: 34px;
	width: 68px;
	background-image: url(img/eventsnav.png);
	float: left;
	margin-left: 18px;
}

.eventsbutton:hover{
	background-position: 68px 0;
}

.eventsactive{
	height: 34px;
	width: 68px;
	background-image: url(img/eventsnav.png);
	float: left;
	margin-left: 18px;
	background-position: 68px 0;
}

.aboutusbutton{
	height: 34px;
	width: 91px;
	background-image: url(img/aboutusnav.png);
	float: left;
	margin-left: 18px;
}

.aboutusbutton:hover{
	background-position: 91px 0;
}

.aboutusactive{
	height: 34px;
	width: 91px;
	background-image: url(img/aboutusnav.png);
	float: left;
	margin-left: 18px;
	background-position: 91px 0;
}

.contactbutton{
	height: 34px;
	width: 87px;
	background-image: url(img/contactnav.png);
	float: left;
	margin-left: 21px;
}

.contactbutton:hover{
	background-position: 87px 0;
}

.contactactive{
	height: 34px;
	width: 87px;
	background-image: url(img/contactnav.png);
	float: left;
	margin-left: 21px;
	background-position: 87px 0;
}

.affiliatesbutton{
	height: 34px;
	width: 97px;
	background-image: url(img/affiliatesnav.png);
	float: left;
	margin-left: 14px;
}

.affiliatesbutton:hover{
	background-position: 97px 0;
}

.affiliatesactive{
	height: 34px;
	width: 97px;
	background-image: url(img/affiliatesnav.png);
	float: left;
	margin-left: 14px;
	background-position: 97px 0;
}

/* @end */