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

body {

font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #000000;
padding:0;
margin:0;
   
}

#maincontainer
{
	
	margin:0px auto;
	padding:0;
	
	
}

#bodycontainer
{ 
	margin:0px auto;
	padding:0;
	width:996px;
    border:2px solid white;
	
	}

#header
{
	
	width:996px;
	height:150px;
	background:url(graphics/header.png);
	}
	


.flashcontainer
{
width:996px;
height:300px;

}

.gallery
{
width:996px;
height:300px;


}

.maintextcontainer{
width:996px;
background:#FFFFFF;
}

.maintext
{
padding:10px;
width:976px;
background:#FFFFFF;

}

p
{
color:#000000;
font-size:12px;
margin:0;
padding:0;
}

a 
{
color: #00CCFF;
text-decoration:none;
}
a:hover
{
color: #00FFFF;
text-decoration:none;
}


h1
{
color:#FFFFFF;
font-size:12px;
margin:0;
padding:0;
}

.footer
{
background:url(Graphics/footer.png) repeat-x;
margin:0px auto;
width:976px;
height:20px;
padding:10px;
text-align:right;
}




.toplinks {
		margin:0;
		padding:0; 
		}
	
.toplinks li{
		display:inline;
		}
	
.navigationcontainer{
		width:996px;
		height:50px;
		background:#000000;
		border-top:2px solid white;
	    border-bottom:2px solid white;
		
}		
.toplinks li a span{
		display:none;
}
		

.home a {
		display:block;
		width: 122px;
		height:50px;
		background: url(graphics/homebutton.png);
		background-position: 0 50px;
		text-decoration: none;
		display:inline;
		float:left;
		
		}
		
.home a:hover { 
		background-position: 0 100px;
		color: #049;
		}
		
.home a:active {
		background-position: 0 150px;
		color:#fff;
		}

.performances a {
		display:block;
		width: 142px;
		height:50px;
		background: url(graphics/performancesbutton.png);
		background-position: 0 50px;
		text-decoration: none;
		display:inline;
		float:left;
		}
		
.performances a:hover { 
		background-position: 0 100px;
		color: #049;
		}
		
.performances a:active {
		background-position: 0 150px;
		color:#fff;
		}

.recordings a {
		display:block;
		width: 142px;
		height:50px;
		background: url(graphics/recordingsbutton.png);
		background-position: 0 50px;
		text-decoration: none;
		display:inline;
		float:left;
		}
		
.recordings a:hover { 
		background-position: 0 100px;
		color: #049;
		}
		
.recordings a:active {
		background-position: 0 150px;
		color:#fff;
		}

.scores a {
		display:block;
		width: 122px;
		height:50px;
		background: url(graphics/scoresbutton.png);
		background-position: 0 50px;
		text-decoration: none;
		display:inline;
		float:left;
		}
		
.scores a:hover { 
		background-position: 0 100px;
		color: #049;
		}
		
.scores a:active {
		background-position: 0 150px;
		color:#fff;
		}
.teachingservices a {
		display:block;
		width: 176px;
		height:50px;
		background: url(graphics/teachingservices.png);
		background-position: 0 50px;
		text-decoration: none;
		display:inline;
		float:left;
		}
		
.teachingservices a:hover { 
		background-position: 0 100px;
		color: #049;
		}
		
.teachingservices a:active {
		background-position: 0 150px;
		color:#fff;
		}
		
.gallery a {
		display:block;
		width: 142px;
		height:50px;
		background: url(graphics/gallerybutton.png);
		background-position: 0 50px;
		text-decoration: none;
		display:inline;
		float:left;
		}
		
.gallery a:hover { 
		background-position: 0 100px;
		color: #049;
		}
		
.gallery a:active {
		background-position: 0 150px;
		color:#fff;
		}
.contact a {
		display:block;
			width: 150px;
		height:50px;
		background: url(graphics/contactbutton.png);
		background-position: 0 50px;
		text-decoration: none;
		display:inline;
		float:left;
		}
		
.contact a:hover { 
		background-position: 0 100px;
		color: #049;
		}
		
.contact a:active {
		background-position: 0 150px;
		color:#fff;
		}
		
.bottomnavigationcontainer{
		width:1024px;
		height:150px;
		background:#FFFFFF;
		border-top:2px solid white;
}		

.aboutheader
{
	width:996px;
	height:50px;
	border-top:2px solid white;
	
}
img
{
border:none;
}

.picturecontainer
{
width:200px;
height:134px;
margin:2px;
float:left;
}
.picturecontainercenter
{
margin-left:85px;
margin-top:10px;
}