/* By Matthew Caddoo - 2006 */


* {margin: 0; padding: 0;}
html, body { height: 100%; }
body {
	font-family: Geneva, Arial, Helvetica, sans-serif;
}


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

.clearfix {
display: inline-block;
}  

    /* Holly Hack Targets IE Win only \*/
    * html .clearfix {height: 1%;}
	.clearfix {display: block;}
    /* End Holly Hack */
	
/* end of clearfix */	


/*
_________________________________________________________

Start of upper section
_________________________________________________________	
*/	
.mainarea { 
width: 700px;
margin: 0 auto;
background: #CCC;
border-right: #666 1px solid;
border-left: #666 1px solid;
background-image: ;
background-repeat: repeat-y;
min-height: 100%;
}
.line {
height: 15px;
border: 1px solid #FFF;
background-color: #8FA1B3;
}
.pageselect {
padding: 7px 10px 3px 10px;
font-size: 12px;
color: #FFF;
height: 18px;
border: 1px #FFF solid;
border-bottom: 0;
background-color: #333;
border-top: 0;
}
.head {
height: 100px;
background: #FFF;
}

.style1 {
	font-size: 12px;
	margin-left: 35px;
}
body {
	background-color: #4E4852;
}

#Layer1 {

	position:absolute;
	width:200px;
	height:115px;
	z-index:1;

}

.style3 {font-size: 12px}
.style4 {color: #660000}
/*
_________________________________________________________

End of upper section
_________________________________________________________	
*/



/*
_________________________________________________________

Start of navigation section
_________________________________________________________	
*/

.nav {
	border: 1px solid #FFF;
	border-top: 0;
	width: 155px;
	background: #6d87a1;
	float: left;
}	
.nav h3 {
font-size: 13px;
font-weight: bold;
color: #b5c5d5;
padding: 3px 3px 3px 5px;
background: #273b4f;
border-top: 1px solid #FFF;
}
.nav h5 {
	color: #660000;
	border-top: 1px solid #FFF;
	font-size: 13px;
	font-weight: bold;
	padding: 3px 3px 3px 5px;
	background: #b5c5d5;
}

.nav h4 {
font-size: 12px;
font-weight: bold;
color: #b5c5d5;
padding: 3px 3px 3px 5px;
background: #273b4f;
}
.nav p {

}
.nav ul{
list-style-type: none;
}
	
	.nav li {
		font-size: 11px;
		list-style-type: none;
		}
.nav a {
background: #56718d;
font-size: 12px;
color: #FFF;
text-decoration: none;
font-weight: bold;
padding-left: 20px;
display: block;
}
.nav a:hover {
border-left: 5px solid #294159;
padding-left: 15px;
color: #000;
background: #98aabc;
}
.nav a:visted {
background: #56718d;
font-size: 12px;
color: #FFF;
text-decoration: none;
font-weight: bold;
padding-left: 20px;
display: block;
}

/*
_________________________________________________________

End of navigation section
_________________________________________________________	
*/




/*
_________________________________________________________

Start of main content
_________________________________________________________	

*/

.center {
float: right;
border: 1px solid #FFF;
border-left: 0;
border-bottom: 0;
width: 525px;
margin-bottom: 60px;
}
.contenthead {
background: #5C6773;
height: 70px;
padding: 15px;
}
.contenthead h1 {
color: #FFF;
font-size: 25px;
}
.contenthead i {
color: #FFF;
font-size: 16px;
margin-left: 50px;
}
.maincontent {
background: #F0F0DF;
border-top: 1px solid #FFF;
padding: 10px;
}
.maincontent h2 {
color: #003366;
font-size: 16px;
font-weight: bold;
border-bottom: 2px dotted #CCC;
}
.maincontent p {
color: #000;
font-size: 12px;
margin-left: 10px;
}
.RockIsland {
	position: relative;
	left: 285px;
	top: 35px;
	width: 247px;
	height: 6px;
}
.whitefish {
	position: relative;
	left: 240px;
	top: 470px;
	width: 265px;
}
.CavePoint {
	position: relative;
	left: 255px;
	width: 159px;
	top: 420px;
}

.moonlightbay {
	position: relative;
	left: 180px;
	width: 170px;
	top: 285px;
}
.northbay {
	position: relative;
	left: 330px;
	width: 141px;
	top: 215px;
}
.Minkriver {
	position: relative;
	left: 340px;
	height: 26px;
	width: 214px;
	top: 110px;
}
.newportstate {
	position: relative;
	left: 370px;
	width: 201px;
	top: 60px;
}
.DeathsDoor {
	position: relative;
	left: 375px;
	width: 189px;
	top: -25px;
}
.Greenbay {
	position: relative;
	left: 5px;
	width: 190px;
	top: 35px;
}
.lakemichigan {
	left: 50px;
}

.GarrettBay {
	position: relative;
	width: 147px;
	left: 220px;
	top: -70px;
}
.Ellisonbay {
	position: relative;
	left: 200px;
	width: 124px;
	top: -65px;
}
.peninsualstate {
	position: relative;
	height: 27px;
	width: 205px;
	left: 40px;
	top: 0px;
}
.EggHarbor {
	position: relative;
	left: 70px;
	width: 158px;
	top: 70px;
}
.Kangaroo {
	position: relative;
	width: 200px;
	left: 265px;
	top: 60px;
}
.clarklake {
	position: relative;
	top: 125px;
	width: 140px;
	left: 130px;
}
.europelake {
	position: relative;
	left: 365px;
	top: -195px;
	width: 175px;
}
.suggestions {
	position: relative;
	left: 100px;
	top: 240px;
	width: 232px;
}
.LakeMichigan {
	position: relative;
	left: 250px;
	top: 385px;
	width: 205px;
}
#Destinations {
	height: 650px;
	width: 500px;
	font-size: 12px;
	background-image: url(Door_County_Kayak_Map.gif);
}
#Destinations a {
	display:inline;
	padding:5px 9px 5px 9px;
	text-decoration:none;
	color:#333333;
	padding-top: 10px;
	line-height: 25px;
	font-weight: bold;
}
#Destinations a:hover {
	color: #4E4852;
}
#Destinations a span {
	display: none;
}
#Destinations a:hover span {
	position:absolute;
	padding:10px 10px 10px 10px;
	display: inline;
	color: #DDDDEE;
	font-size: 12px;
	background-color: #4E4852;
	line-height: 15px;
	width: 170px;
	top: 25px;
	left: 100px;
}
/*
_________________________________________________________

End of main content
_________________________________________________________	
*/


/*
_________________________________________________________

Start of footer section
_________________________________________________________	
*/

.footer {
clear: both;
margin: 0 auto;
background: #5C6773;
width: 525px;
height: 50px;
margin-top: -51px;
border-top: 1px solid #FFF;
position: relative;
text-align: center;
}
.footer p {
font-size: 12px;
font-weight: 500;
color: #FFF;
margin: 3px;
text-decoration: none;
}
.footer a {
color: #CCC;
}

/*
_________________________________________________________

End of footer section
_________________________________________________________	
*/