/* commented backslash hack \*/ 

html {
	height:100%;
}

body{
	height:100%;
	background: #FAEFF6;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 76%;
	color: #2f2219;
	text-align: center;
} 

.stdtxt
{
   font-family: verdana, arial;
   font-size: 10px;
   color: #000000;
}


/* end hack */
html,body {margin:0;padding:0}

#outer{
	min-height:100%;
	height:auto;	    	
	background: #fff;	
	width:960px;	
	margin: 0 auto;
	padding:0;
	text-align:left;
	margin-bottom:-42px;
	
}



* html #outer{height:100%;}


#inner{
	min-height:100%;
	height:auto;	    	
	background: transparent url(../images/watermark_bg.gif) no-repeat center top;	
	width:960px;	
	margin: 0 auto;
	padding:0;
	
	
}




#top_image {	
	text-align:center;	
	height: 180px;
	width: 960px;
	margin:0;
	margin-right: auto;	
	margin-left: auto; 		
	padding:0;
	margin-top:0px;	
	background: url(../images/header.gif) no-repeat center top;	
	
	
}



#top_image #slideshow {
	float:right;
	width: 640px;
	height: 130px;
	
	margin-right:20px;
	margin-top:20px;

}






#topnav {
		background: #ffff00;
		margin-left: auto;
		width: 960px;
		margin-right: auto;
		height: 30px;
		text-align: center;
}

#topnav UL#menu {
		padding-right: 0px;
		padding-left: 0px;
		background:   url(../images/navbar.gif) no-repeat left top;
		padding-bottom: 0px;
		margin: 0px;
		width: 960px;
		padding-top: 0px;
		position: relative;
		height: 30px;
}

#topnav ul#menu li {
		padding-right: 0px;
		padding-left: 0px;
		padding-bottom: 0px;
		margin: 0px;
		padding-top: 0px;
		list-style-type: none;
		position: absolute;
		top: 0px
}

#topnav ul#menu li a {
		text-indent: -9999px;
		text-decoration: none;
}


ul#menu li {
		display: block;
		height: 30px;
}

ul#menu a {
		display: block;
		height: 30px;
}

ul.event {

  color: #00468E;
  list-style-type:none;
  padding-left: 0; 
  margin-left: 0; 

  
}

table {

  color: #00468E;


  
}


#home {
	left: 0px;
	width: 70px;
}

#about {
	left: 70px;
	width: 55px;
}

#musicians {
	left: 125px;
	width: 85px;
}

#community {
	left: 210px;
	width: 105px;
}

#bandstands {
	left: 315px;
	width: 95px;
}

#schools {
	left: 410px;
	width: 185px;
}

#previousprojects {
	left: 595px;
	width: 135px;
}
	
#events {
	left: 730px;
	width: 90px;
}


#links {
	left: 820px;
	width: 50px;
}

#contact {
	left: 870px;
	width: 75px;
}



#home a:hover {
		background:   url(../images/navbar.gif) no-repeat 0px -30px;
}

#about a:hover {
		background:   url(../images/navbar.gif) no-repeat -70px -30px;
}

#musicians a:hover {
		background:   url(../images/navbar.gif) no-repeat -125px -30px;
}

#community a:hover {
		background:   url(../images/navbar.gif) no-repeat -210px -30px;
}


#bandstands a:hover {
		background:   url(../images/navbar.gif) no-repeat -315px -30px;
}


#schools a:hover {
		background:   url(../images/navbar.gif) no-repeat -410px -30px;
}



#previousprojects a:hover {
		background:   url(../images/navbar.gif) no-repeat -595px -30px;
}

#events a:hover {
		background:   url(../images/navbar.gif) no-repeat -730px -30px;
}



#links a:hover {
		background:   url(../images/navbar.gif) no-repeat -820px -30px;
}

#contact a:hover {
		background:   url(../images/navbar.gif) no-repeat -870px -30px;
}

#dot_area {	
	text-align:center;	
	height: 33px;
	width: 960px;
	margin:0;
	margin-right: auto;	
	margin-left: auto; 		
	padding:0;
	margin-top:0px;	
	background: url(../images/dot_bg.gif) no-repeat center top;	
	
	
}


#left {
		float:left;
		width:180px;
		margin:0; padding:0;	
		padding-top:20px;
		padding-left:20px;
		padding-right:20px;
		
		
}


#left h1 {
	font-size: 1.3em;
	color: #004B92;
	padding-bottom:10px;
	border-bottom: #B2B2B2 dashed 1px;
}

#left p {
	color: #00468E;
}



#right {
		float:right;
		width:240px;
		margin:0; padding:0;
		padding-top:20px;
		padding-left:20px;
		padding-right:20px;
				
		
}


#right h1 {
	font-size: 1.3em;
	color: #004B92;
	padding-bottom:10px;
	border-bottom: #B2B2B2 dashed 1px;
}

#right h2 {
	font-size: 1.1em;
	color: #004B92;
	padding:0;
	margin:0;
	
	

}

#right h3 {
	font-size: 0.8em;
	color: #7D2B79;
	padding:0;
	margin:0;
	padding-bottom: 10px;
	padding-top: 0;
	
	
}



#right p {
	color: #00468E;
}

#right p.para_small {

 	padding:0;
	margin:0;
	font-size: 0.8em;
	color: #7D2B79;

}








#main {			
		width: 540px;		   			
		float:left;		
		padding-right:0;
		text-align: left; 
		padding:0;
		margin:0;
		padding-top:20px;
		padding-left:20px;
		
	
			
}







#main h1 {
	font-size: 1.3em;
	color: #004B92;
	padding-bottom:10px;
	border-bottom: #B2B2B2 dashed 1px;

}


#main h2 {
	font-size: 1.1em;
	color: #004B92;
	padding:0;
	margin:0;
	
	

}

#main h3 {
	font-size: 0.8em;
	color: #7D2B79;
	padding:0;
	margin:0;	
	padding-top: 0px;
	
	
}





#main p {
	color: #00468E;
}

#main li {
	padding-bottom: 5px;
}

#main a {   
    color: #00468E;
}

#main a:visited {
	color: #00468E;
}

#main a:hover {   
  color: #00468E;
}


#main img {

        padding-bottom: 20px;
	
}


#main div.homeFeatured {


    clear: left;
    width: 96%;   
    margin: 0 1% 1em 0;

}

#main div.homeFeatured img {
    float: left;
    margin: 0 1em 1em 0;
   
}


#main div.clearBoth {

	clear:both;

}



form {
	
	
}

input.txt {

	color: #00468E;
	background-color: #fff;
	border: 1px solid #D9D9D9;
	width: 158px;
	margin-bottom:10px;

}

input.btn {

	color: #fff;
	background-color: #004B91;
	border: 1px solid #B7B8BA;
	width: 80px;

}

select {

	width: 160px;
	color: #00468E;
	background_color: #fff;
	border: 1px solid #D9D9D9;
	margin-bottom:10px;
	
}




#bottomnav {
	width:960px;
	height:96px;
	background:  #fff;
	margin-left:auto;
	margin-right:auto;
	padding-top:5px;
	padding-bottom:0px;
	text-align: center;
	

}


#bottomnav ul {
	padding: 6px 0 18px 0;
	list-style: none;
}
#bottomnav ul li {
	display: inline;
	border-left: 1px #3d6cba solid;
	padding-left: 0.35em;
}
#bottomnav ul li.firstLi {
	border: none;
}




#clearfooter{
 clear:both;
 height:53px;
}


#footer_top {

	
	
	
	text-align: center;
	padding:0;
	margin-left:auto;
	margin-right:auto;	
	width: 960px;
	height: 20px;
	background: url(../images/footerTop.gif) no-repeat center top;	

}
	
#footer {
width:960px;
height:36px;
background:  #f7f410;
color: #c10077;
margin-left:auto;
margin-right:auto;
padding-top:5px;
padding-bottom:0px;
text-align: center;
position:relative;

}

#footer_bottom {

	
	
	background-repeat: no-repeat;	
	text-align: center;
	padding:0;
	margin-left:auto;
	margin-right:auto;	
	width: 960px;
	height: 15px;

}

#footer p {
	margin:0;
	padding:0;
	
	color: #c10077;
}

#footer a {	
		text-decoration: none;
		color: #c10077;		
}

#footer a:visited {	
		text-decoration: none;
		color: #c10077;		
}
	
#footer a:hover {	
		text-decoration: underline;
}

#credit{
	background: #FAEFF6;
	height:30px;
	text-align:center;	
	font-size: 11px;
	color: #000;
	
	
}

#credit p {
	margin:0px;
	padding:5px;
	color: #000;
}



#credit a {	
		text-decoration: none;
		color: #000;				
}

#credit a:visited {	
		text-decoration: none;
		color: #000;
				
}
	
#credit a:hover {	
		text-decoration: underline;
		color: #000;
}



img.newsImage {
	max-width: 360px;
	max-height: 400px;
}