/* General Formatting */
body {
        background:#cccccc; 
        padding:0px; 
        margin:0px;
        font-size:85%; 
        font-family:arial, 'trebuchet ms', sans-serif;
}

* {
	padding:0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
  }


p {
        margin:10px;
        font-size:90%;
}

.update {
        position:absolute; 
        top:0; 
        right:0; 
        margin:2px; 
}

blockquote {
        margin:15px 25px 15px 25px; 
        font-size:90%; 
        color:#296098;
}

/* Layout Specs */
#container{
        margin: 0 auto; 
        padding:0; 
        width:750px;  
}


#header{
        background:#296098 url(pics/header.gif); 
        height:150px; 
        width:100%; 
        color:white; 
        border-bottom:3px solid white; 
        position:relative;
}

#header h1 a {
         text-indent: -1000em;
             display: block;
             height: 85px;
             width: 100%;
        }

       

div#page {
backgound-color:#F00;
width:750px; 
padding:5px 0; 
position:relative; 
}

div.page2{ 
border:5px solid black; 
margin:auto 5px; 
padding:10px; 
width:710px; 
background:white;
}

div#footer {
width:728px; 
border:1px solid white;  
position:relative; 
margin:5px; 
padding:5px ; 
color:white;
} 


/*Footer Stylin' */
#footer{
font-size:80%; 
text-align:center; 
}

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

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



/*Layout Specs for Home */

div#lefthome {
position:absolute; 
top:5px; 
left:0px; 
width:280px; 

}

div#welcome {
	width:280px;
	background:white;
	padding:10px;
	margin:0 5px 5px;
	border: 5px solid black;
}  

.probutton {

width:270px; 
border:5px solid black; 
height: 100px; 
position:relative; 
margin:5px; 
padding:10px;
} 


.righthome{
	width:405px;
	left:310px;
	position:relative;
	padding:10px;
	border:5px solid black;
	margin-bottom:5px;
	color:#006;
}

div#news {
	width:400px;
	margin-left: 180px;
	background:white url(pics/news.jpg) no-repeat top left;
	border:5px solid black;
	padding-top: 75px;
	padding-right: 5px;
	padding-bottom: 75px;
	padding-left: 5px;
}

.redtext { color:#F00;}


div#contact { 
 

 }

div#resources { 


padding:0 10px; 
}




/* Welcome Stylin' */ 
#welcome p:first-child{
text-align:center; 
color:#296098;
 }


div.welpic { 
background:#FFFFFF url(pics/welpic.jpg); 
border:4px solid black; 
height:150px; 
width:260px; 
margin:0 auto 10px; 
}

div.welcome {
margin:auto; 
border:1px solid #296098; 
}

/*RightHome Stylin' */
.righthome {
background:white url(pics/news.jpg) no-repeat top left;
 
font-size:90%;
}

.righthome h2,h3{
text-align:center; 
margin:15px auto 10px; 

}
.righthome h2{
	font-size:110%;
	background-color:#006;
}
.bands { color:#F00;}
.updated h5{
position:absolute; 
top:0; 
right:0; 
margin:2px;
 }
 
div.text {
border:2px solid #296098; 
margin:0; 
padding:5px;
}
div#resources h3 { 
margin:15px auto 0px;
}
.righthome  a{
	color:#3300FF;
	font-weight:bold;
	text-decoration:none;
	padding-left:5px;
	text-align:center;
	font-size:12px;
}
 .righthome  a:hover{
	font-weight:bold;
	color:#F00;
}
.righthome h2 a{
color: #FFF;
text-decoration:none; 
padding-left:5px;  
}
.righthome h3 a{
color:black; 
text-decoration:none; 
padding-left:5px;  
}
.righthome h2 a:hover{
	font-weight:bold;
	color:#F00;
}
.righthome h3 a:hover{
font-weight:bold; 
color:#296098;
 }


/* Pro Button Stylin' */ 

#band  {
background:white url(pics/trumpet2.jpg) 
}
#string{
 background: white url(pics/string.jpg) 
 }
 #guitar{
	 background-color:#FFF;
 }

.probutton a{
font-size:20px;
color:black; 
text-transform:uppercase; 
font-family:arial; 
text-decoration:none;  
font-weight:bold;
} 
.probutton a:hover{ 
color:#296098;
}

/*Layout Specs for Program Pages */


div#programs { position:relative; width:415px;  background:white; padding:10px; margin:0 5px 5px;  border:5px solid black; }  


div#overview{width:260px; margin-left:445px; top:5px;  position:absolute;  padding:10px; border:5px solid black; right:5px; background:white; }



/* Programs Stylin' */
 img{margin:0 auto; border:5px solid black; }
div#programs h4,h5{color:#296098; margin:6px 0; }


#programs h3 {text-align:left; }


/* Overview Stylin' */
.overview h3 { color:#296098;  margin:12px 0 40px 0px;}
.overview h4 { color:#296098; margin:12px 0 5px 0px;}

.overview {background:white url(pics/news.jpg) no-repeat top left;}
.overview h5{position:absolute; top:0; right:0; margin:2px; color:black; }
.overview h2 {text-align:center; text-transform:uppercase; margin:15px auto 35px; background:white; font-size:20px;  }
.overview ul{margin-left:5px; list-style-type:disc;}
.overview ul li { 
list-style-type:none;
margin-top:5px;
margin-left:5px;
font-style:none; 

}
.overview ul li ul {margin-right:15px; }

.overview ul li ul li {margin-left: 20px; margin-top:0; list-style-type:disc; font-weight:normal; font-style:italic; font-size:85%;  }

.overview p{margin:30px; }


/* Clear FIX */

.clearfix:after {
 content: ".";
 display:block;
 height:0px;
 clear:both;
 visibility: hidden; 
}

.clearfix {display: inline-block; 
}

* html .clearfix {height: 1%; }
.clearfix {display: block; }



/* MENU */


#menu {

	margin : 0;
	padding-bottom : 19px;
	padding-left : 10px;
	top:92px; 
text-transform:uppercase;
letter-spacing:.1em; 
	position:absolute;
}

#menu ul, #menu li	{
	display : inline;
	list-style-type : none;
	margin : 0;
	padding : 0;
}

	
#menu a:link, #menu a:visited	{


	color : white;
	float : left;
	font-size : small;
font-weight:bold;
	line-height : 14px;
	margin-right : 6px;
	padding : 2px 10px 2px 4px;
	text-decoration : none;
	border-right : 1px solid #ccc;
}

#menu a:link.active, #menu a:visited.active	{


	color : #000;
}

#menu a:hover	{
	font-weight:bold;
	color: #ffd34e;
}

	
body.section-1 #menu li#nav-1 a, 
body.section-2 #menu li#nav-2 a,
body.section-3 #menu li#nav-3 a,
body.section-4 #menu li#nav-4 a {

font-weight:bold;
	color:#ffd34e;

}

#menu #subnav-1,
#menu #subnav-2,
#menu #subnav-3,
#menu #subnav-4 {
	display : none;
	width: 90%;
}

body.section-1 #menu ul#subnav-1, 
body.section-2 #menu ul#subnav-2,
body.section-3 #menu ul#subnav-3,
body.section-4 #menu ul#subnav-4 {
	display : inline;
	left : 5px;
	position : absolute;
	top : 27px;
	font-size:85%;
	letter-spacing:.01em; 
	width:700px;
}

body.section-1 #menu ul#subnav-1 a, 
body.section-2 #menu ul#subnav-2 a,
body.section-3 #menu ul#subnav-3 a,
body.section-4 #menu ul#subnav-4 a {

	border : none;
	border-left : 1px solid #ccc;
	color :white;
	font-size : smaller;

	
	margin-right : 2px;
	padding : 2px 10px 2px 10px;
	text-decoration : none;
}

 #menu ul a:hover {

color:#ffd34e !important;

}