/* CSS Document BMMA*/

body {
	background: #fc6;
	font-size:24px; 
	font-color:#FFEFD6;
	margin-left:auto;
	margin-right:auto;
	margin-top: -1px;
}
a:link {
	color: #000;
	text-decoration:none;
}
a:visited{
	color: #6600cc;
	text-decoration:none;
}
a:hover {
	text-decoration:none;
	color:#60c;
}
a:active {
	text-decoration:none;
	color:#333;
}

#cont {
	margin-left:auto;
	margin-right:auto;
	margin-top:auto;
	width:700px;
	height:auto;
	border: 2px #666 solid;
	background: transparent;
	position:relative;
}	
#mast {
	height:30px;
	font-size: 24px;
	color: #fff;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-left: 28px;
	padding-top: 2px;
	background: #609;
	border: 0px #000 solid;
	border-bottom:2px #fff solid;
	position:relative;

}
#nav {
	height:105px;
	background:url("images/nav.gif");
	border: px #000 solid;
	border-bottom: 2px #666 solid;
	position:relative;

}

#mid {
	height:relative;
	border: 0px #000 solid;
	background:#fff;
	margin-top:0px;
	position:relative;
	padding-bottom:10px;
}

a.nav: {
	font-family: lucida grande, geneva, arial, helvetica, sans-serif;
	font-size:15px;
	text-decoration:none;

}
a.nav:hover {
	font-family: lucida grand, geneva, arial, helvetica, sans-serif;
	font-size:15px;
	text-decoration:none;
	color:#666666;
}
a.nav:visited {
	font-family: lucida grand, geneva, arial, helvetica, sans-serif;
	font-size:15px;
	color: #6600cc;
	text-decoration:none;
}
a.nav:active {
	font-family: lucida grand, geneva, arial, helvetica, sans-serif;
	font-size:15px;
	text-decoration:none;
	color:#333;
}
#subNav {
	font-family: lucida grand, geneva, arial, helvetica, sans-serif;
	font-size:15px;
	width: 140px;
	margin: 30px 0px 0px 28px;
	border: 0px #000 solid;
	padding-left:5px;
	padding-top: 10px;
	height: 280px;
	background: #bbb;
	float: left;
	position:relative;
}

#body {
	margin-left: 175px;
	font-size: 14px;
	font-family: Lucida Grande, Geneva, Arial, Helvetica, sans-serif;
	border: 0px #000 solid;
	padding-left: 10px;
	padding-top: 30px;
	padding-right: 10px;
	position: relative;
}

#footer {
	width: 679px;
	height: 17px;
	background: #eee;
	border: 0px #000 solid;
	margin-top:0px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 3px;
	padding-right: 21px;
	text-align: right;
}

/* ####### LINK SPANS! #######*/

a #about {
	background: url(images/nav/about.gif) transparent no-repeat;
	width: 73px;
	height: 13px;
	position: absolute;
	top: 76px;
	left: 110px;
}

a:hover #about {
	background: url(images/nav/aboutRoll.gif) transparent no-repeat;
}

a #news {
	background: url(images/nav/news.gif) transparent no-repeat;
	width: 66px;
	height: 13px;
	position: absolute;
	top: 76px;
	left: 193px;
}

a:hover #news {
background: url(images/nav/newsRoll.gif) transparent no-repeat;
}

a #music {
	background: url(images/nav/music.gif) transparent no-repeat;
	width: 155px;
	height: 13px;
	position: absolute;
	top: 76px;
	left: 276px;
}

a:hover #music {
background: url(images/nav/musicRoll.gif) transparent no-repeat;
}

a #contact {
	background: url(images/nav/contact.gif) transparent no-repeat;
	width: 82px;
	height: 13px;
	position: absolute;
	top: 76px;
	left: 450px;
}

a:hover #contact {
background: url(images/nav/contactRoll.gif) transparent no-repeat;
}

a #students {
	background: url(images/nav/students.gif) transparent no-repeat;
	width: 88px;
	height: 13px;
	position: absolute;
	top: 76px;
	left: 545px;
}

a:hover #students {
background: url(images/nav/studentsRoll.gif) transparent no-repeat;
}