@charset "utf-8";
/* CSS Document */

body{
background: #181e58 url(/images/layout.jpg) top center no-repeat fixed  ;
margin: 0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif, "Arial Black";
background-color:#e9ebfe;

}
/*--eliminates dashed lines around links on Firefox---*/
a {
  outline: none;
  
}
#nav img{border:none;
margin-top:10px;}
a{color:#cd0202}

a:hover{color:#010a52}

#base{
width:100%;
margin: 0px auto 0px auto;
}
#wrapper{
width:1000px;
margin: 0px auto 0px auto;

}
#header{
background: #e9ebfe url(/images/header.jpg) no-repeat top;
height:300px;
width:1000px;}

#contentWrap{
width:1000px;
}

#nav{
width:250px;
float:left;
text-align:left;}

#MenuMap {
margin:0px;
padding:0px;
top:0px;
width:199px;
height:481px;
position:relative;
background-image:url(/images/menu.jpg);     		 /*change*/
list-style:none;
text-decoration:none;
}
	#MenuMap li {
	margin:0px;
	padding:0px;
	position:absolute;
	height:40px;
	}

		#MenuMap a {
		display:block;
		height:40px;
		width:199px;
		}
			
			#MenuMap a.NavLink {
			/*  Hide the text part of the links by moving it waaaayyy offscreen. */
			text-indent:-3000px;
			}

/*  NavLink dimensioning rules - specify offset from top and (constant) width of active area. */
				#Home 		{left:0px; 	width:199px; top:0px; height:40px;}
				#Boats 		{left:0px; 	width:199px; top:40px; height:40px;}
				#Gallery	{left:0px; 	width:199px; top:80px; height:40px;}
				#Bring 		{left:0px; 	width:199px; top:120px; height:40px;}
				#Charter 	{left:0px; 	width:199px; top:160px; height:40px;}
				#Book 		{left:0px; 	width:199px; top:200px; height:40px;}
				#Rates 		{left:0px; 	width:199px; top:240px; height:40px;}
				#Seasons 	{left:0px; 	width:199px; top:280px; height:40px;}
				#Faq 		{left:0px; 	width:199px; top:320px; height:40px;}
				#Contact	{left:0px; 	width:199px; top:360px; height:40px;}
				#Links		{left:0px; 	width:199px; top:400px; height:40px;}
				#Sitemap	{left:0px; 	width:199px; top:440px; height:40px;}
					
/*  Menu hover, active, and "current page" rules, using a "sprite" imagemap, and background positioning. */

				#Home a:hover {background: transparent url(/images/menu.jpg) 		-199px 0px no-repeat;}
				#Boats a:hover {background: transparent url(../images/menu.jpg) 	-199px -40px no-repeat;}
				#Gallery a:hover {background: transparent url(../images/menu.jpg) 	-199px -80px no-repeat;}
				#Bring a:hover {background: transparent url(../images/menu.jpg) 		-199px -120px no-repeat;}
				#Charter a:hover {background: transparent url(../images/menu.jpg) 	-199px -160px no-repeat;}
				#Book a:hover {background: transparent url(../images/menu.jpg) 	-199px -200px no-repeat;}
				#Rates a:hover {background: transparent url(../images/menu.jpg) 	-199px -240px no-repeat;}
				#Seasons a:hover {background: transparent url(../images/menu.jpg) 	-199px -280px no-repeat;}
				#Faq a:hover {background: transparent url(../images/menu.jpg) 	-199px -320px no-repeat;}
				#Contact a:hover {background: transparent url(../images/menu.jpg) 		-199px -360px no-repeat;}
				#Links a:hover {background: transparent url(../images/menu.jpg) 	-199px -400px no-repeat;}
				#Sitemap a:hover {background: transparent url(../images/menu.jpg) 	-199px -440px no-repeat;}
					
				#homepage #Home a {background: transparent url(/images/menu.jpg) 		-199px 0px no-repeat;}
				#boatspage #Boats a {background: transparent url(../images/menu.jpg) 	-199px -40px no-repeat;}
				#gallerypage #Gallery a {background: transparent url(../images/menu.jpg) 		-199px -80px no-repeat;}
				#bringpage #Bring a {background: transparent url(../images/menu.jpg) 		-199px -120px no-repeat;}
				#charterpage #Charter a {background: transparent url(../images/menu.jpg) 		-199px -160px no-repeat;}
				#bookpage #Book a  {background: transparent url(../images/menu.jpg) 		-199px -200px no-repeat;}
				#ratespage #Rates a {background: transparent url(../images/menu.jpg) 	-199px -240px no-repeat;}
				#seasonspage #Seasons a {background: transparent url(../images/menu.jpg) 	-199px -280px no-repeat;}
				#faqpage #Faq a {background: transparent url(../images/menu.jpg) 		-199px -320px no-repeat;}
				#contactpage #Contact a {background: transparent url(../images/menu.jpg) 		-199px -360px no-repeat;}
				#linkspage #Links a {background: transparent url(../images/menu.jpg) 		-199px -400px no-repeat;}
				#sitemappage #Sitemap a {background: transparent url(../images/menu.jpg) 	-199px -440px no-repeat;}
#info{
font-size:12px;
margin-top:20px;
padding:0 10px 25px 10px;}

#content{
width:750px;
float:left;
text-align:left;
overflow:hidden;
}
#content h1{
font-size:24px;
padding-top:10px;}

#pageText{
padding-right:20px;}
em{
display:inline;}

#pageText p{overflow:visible;}
#pageText h2{
font-size:16px}


#newReel{
float:right;
width:225px;
margin-right:20px;
padding-bottom:10px;
text-align:right;
}
#newReelSideBar{
width:225px;
padding:20px 0 10px 10px;
text-align:left;
}

#troutButton {display:block; background: transparent url(/images/winterTrout.gif) no-repeat; float:right; height:81px; width:163px; text-indent:-100000em; margin-right:0; }

#troutButton:hover{
background-image:url(/images/winterTroutO.gif);}
#perchButton {display:block; background: transparent url(/images/lakeMichiganPerchFishing.gif) no-repeat;  height:82px; width:163px; text-indent:-100000em; margin:0; }

#perchButton:hover{
background-image:url(/images/lakeMichiganPerchFishingO.gif);}
#perchButton2 {display:block; background: transparent url(/images/lakeMichiganPerchFishing.gif) no-repeat; float:right;  height:82px; width:163px; text-indent:-100000em; margin-right:20px; margin-top:5px; }

#perchButton2:hover{
background-image:url(/images/lakeMichiganPerchFishingO.gif);}

#footer{
width:1000px;
} 
#copywrite{
font-size:10px;
float:left;
margin-top:20px;}

#footerLinks{
float:right;
font-size:10px;
margin-top:20px;
width:550px;
text-align:center;}
#footerLinks a{
text-decoration:none;
color:#000000;}

#footerLinks a:hover{
color: #CC0000}

#tackle{
background:url(/images/tackle.jpg);
height:72px;
width:180px;
float:right;}

.clear{
clear:both;}

a{
outline:none;}