/* CSS Document */

body {
	background:#996666;
	text-align:center;
}

.nav2 a:link {color:#000000;}
.nav2 a:visited {color:#000000;}
.nav2 a:hover {color:#FFFFFF;}
.nav2 a:active {color:#FFFFFF;}

.bottom a:link {color:#660033;}
.bottom a:visited {color:#660033;}
.bottom a:hover {color:#FFFFFF;}
.bottom a:active {color:#000000;}

a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}

.wrap {
	border:#660033 solid medium;
	text-align:left;
	width:1000px;
	background:#c2c2a3;
	margin:auto;
}

			.logo {
				height:136px;
				background:url(../images/logo.jpg);
			}
		
			.nav1 {
				height:46px;
				background:url(../images/nav1.jpg);
			}
		
			.nav2 {
				font-size:18px;
				padding-top:10px;
				height:45px;
				background:url(../images/nav_2.jpg);
			}
	
	.mainarea {
		overflow:hidden;
		width:100%;
	}
	
			.contentarea {
				float:left;
				padding-left:56px;
				padding-top:40px;
				width:660px;
			}
			
			.rightcol {
				padding-top:15px;
				float:left;
				width:274px;
				height:480px;
				/*background:url(../images/rightcol1.jpg);*/
			}
			
	.bottom {
		font-weight:300;
		color:#660033;
		padding-top:30px;
		height:88px;
		padding-bottom:20px;
	}
	
	
	#MenuMap {
				margin:0px;
				padding:0px;
				top:0px;
				width:1000px;
				height:46px;
				position:relative;
				background-image:url(../images/nav1.jpg);
				list-style:none;
				text-decoration:none;
					}

					#MenuMap li {
						margin:0px;
						padding:0px;
						position:absolute;
						height:46px;
					}

					#MenuMap a {
						display:block;
						height:46px;
						top:0px;
					}
			
					#MenuMap a.NavLink {
						/*  Hide the text part of the links by moving it waaaay offscreen. */
						text-indent:-1000000em;
					}

/*  NavLink dimensioning rules - specify offset from top and (constant) width of active area. */
					#Home 					{left:70px;  width:89px;}
					#About 					{left:159px; width:258px;}
					#Contact 				{left:417px; width:117px;}
					#History 				{left:534px; width:111px;}
					#FAQ 					{left:645px; width:72px;}
					#Calendar 				{left:717px; width:130px;}
					#Links 					{left:847px; width:85px;}
					
					
					
					
/*  Menu hover, active, and "current page" rules, using a "sprite" imagemap, and background positioning. */
/*																		    	   		    	   left    top      */									#homepage #Home a, #Home a:hover 				{background: transparent url(../images/nav1.jpg) -70px -46px no-repeat;}
#aboutpage #About a, #About a:hover 			{background: transparent url(../images/nav1.jpg) -159px -46px no-repeat;}
#contactpage #Contact a, #Contact a:hover		{background: transparent url(../images/nav1.jpg) -417px -46px no-repeat;}
#historypage #History a, #History a:hover		{background: transparent url(../images/nav1.jpg) -534px -46px no-repeat;}
#faqpage #FAQ a, #FAQ a:hover			 		{background: transparent url(../images/nav1.jpg) -645px -46px no-repeat;}
#calendarpage #Calendar a, #Calendar a:hover	{background: transparent url(../images/nav1.jpg) -717px -46px no-repeat;}
#linkspage #Links a, #Links a:hover				{background: transparent url(../images/nav1.jpg) -847px -46px no-repeat;}