/* CSS Document */
* {
padding:0px;
margin:0px;
}
body {
font-family:Verdana, Helvetica, Arial, sans-serif;
font-size:10px;
color:#333333;
overflow-y:scroll;
background-color: #cdd2d3;
}
p {
font-size:10px;
}

h2 {
font-size:11px;
font-weight:normal;
letter-spacing:2px;
}

h3 {
font-size:11px;
font-weight: normal;
letter-spacing:0px;
}

a{ 
text-decoration:none;
color:#84948f;
}
a:visited {
text-decoration:none;
color:#84948f;

}
a:hover {
text-decoration: underline;
color:#a7b8b2;

}

.bd {
color:#66210a;
}


/* This is all the page layout div boxes*/

#container {
	background-color: #cdd2d3;
	width: 520px;
	margin-top: 200px;
	margin-left: auto;
	margin-right: auto;
	padding-top:0px;
}


#masthead {
	background-color: #cdd2d3;
	width:504px;
	padding-top:0px;
	margin-top:0px;
}

/* the mid/right column */



/* BELOW IS TOP MENU BAR CODE
*/
#menu {
	list-style: none;
	padding: 0;
	margin: 0px 0px 0px 0px;
	width: 504px;
	height: 350px;
	background: url(img/splash.jpg) no-repeat;
	background-position:0px 0px;
	position: relative;

}
#menu span {
	display: none;
	position: absolute;
}
#menu a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
}
#menu a:hover {
	background-position: left bottom;
}
#menu a:hover span{
	display: block;
}
#menu .home {
	width: 200px;
	height: 30px;
	background: url(img/home.jpg) no-repeat;
	left: 113px;
	top: 161px;
}


#menu .about {
	width: 155px;
	height: 70px;
	background: url(img/about.jpg) no-repeat;
	left: 0px;
	top: 250px;
}

#menu .events {
	width: 155px;
	height: 70px;
	background: url(img/events.jpg) no-repeat;
	left: 155px;
	top: 250px;
}

#menu .links {
	width: 155px;
	height: 70px;
	background: url(img/links.jpg) no-repeat;
	left: 310px;
	top: 250px;
}