/* CSS Document */


body {

    font-family: Tahoma, Arial, Helvetica, sans-serif;
    text-align: center;
	background-image:url(images/gradient.jpg);
	color: #333333;
	}
	
	
p {
	font-size: 11pt; 
	color:#333333; 
	font-family:Tahoma, Arial, Helvetica, sans-serif; 
	text-align:left;
    font-weight: 800;
	}
	
a:link  {
	color:blue;  
	}
a:hover{
  	background-color:#ccffff;
	}
	
	
.bkcolor  {
	background-color:#ccffff;
	}
	
	
h1 { 
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:16px;
	width:300px;
	padding-left:40px;
	letter-spacing: 1px; 
	margin-bottom: auto; 
	margin-top:auto;
	margin-left:30px;
	color: #333333;
	border:solid 0px blue;
	}
	
h2 { 
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	text-align:center;
	font-weight:400;
	font-size:24px;
	width:250px;
	padding-left:40px;
	letter-spacing: 1px; 
	margin-bottom: auto; 
	margin-top:auto;
	margin-left:30px;
	color: #333333;
	border:solid 0px blue;
	}
		
h3 { 
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	text-align:center;
	font-weight:bold;
	font-size:16px;
	width:250px;
	padding-left:40px;
	letter-spacing: 1px; 
	margin-bottom: auto; 
	margin-top:auto;
	margin-left:30px;
	color: #333333;
	border:solid 0px blue;
	}
	
h4 { 
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	text-align:center;
	font-weight:bold;
	font-size:16px;
	width:300px;
	padding-left:40px;
	letter-spacing: 1px; 
	margin-bottom: auto; 
	margin-top:auto;
	margin-left:0px;
	color: #333333;
	border:solid 0px blue;
	}
	
h5 { 
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:24px;
	margin-left:auto;
	margin-right:auto;
	width:550px;
	padding-left:40px;
	letter-spacing: 1px; 
	color: #333333;
	border:solid 0px blue;
	}
	
	
.italic { 
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size:12px;
	font-style:italic
	}
		
.lightbulb_lg  {
	position:absolute;
	margin-top:20px;
	margin-left:80px;
	background-image:url(images/excollege2.jpg);
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	float:left;
	width:200px;
	height:360px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font:larger bold;
	border: solid 0px #00FF33;
	}
	
.noaudition  {
	position:absolute;
	margin-top:20px;
	margin-left:0px;
	background-image:url(images/noaudition.gif);
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	float:left;
	width:360px;
	height:170px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font:larger bold;
	z-index:10;
	border: solid 0px blue;
	}
	
.nocrocus  {
	position:absolute;
	margin-top:-40px;
	margin-left:0px;
	background-image:url(images/back_tulips.gif);
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	float:left;
	width:360px;
	height:170px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font:larger bold;
	border: solid 0px blue;
	z-index: 1;
	}
	
.pageheader {
	position:relative;
	background:url(images/pagehead_cal.jpg) no-repeat; 
	margin-top: 10px; 
	width:400px; 
	height:40px;
	margin-bottom:20px; 
	}
.pageheader_h1_span {
	display:none
	}

.textbox {
	position:relative;
	float:right;
	margin-top:0px;
	margin-left:0px;
	background:url(image/main_bk.gif); 
	width:360px;
	height:auto;
	padding:0px 25px 0px 5px;
	}
	
.textbox_wide {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	position:relative;
	float:right;
	width:460px;
	height:auto;
	padding:20px 35px 0px 5px;
	}
	
.textbox_music {
	position:relative;
	float:right;
	font-size:16px;
	font-weight:900;
	margin-top:0px;
	margin-left:0px;
	background:url(image/main_bk.gif); 
	width:660px;
	height:600px;
	padding:0px 25px 0px 5px;
	}
	
	
.logodiv  {
	position:relative;
	background-image:url(image/lassomusic_sm.gif);
	width:400px;
	height:191px;
	
	}
	
.spotlight  {
	position:absolute;
	margin-top:200px;
	margin-left:0px;
	background-image:url(images/spotlight3.gif);
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	float:left;
	width:360px;
	height:250px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font:larger bold;
	border: solid 0px #00FF33;
	}
	
.text  {
position:relative;
width:500px;
margin-right:auto;
margin-left:auto;
}
	
	
.gallerycontainer{
position: relative;
margin-left:auto;
margin-right:auto;
padding-left:10px;
border: 1px solid white;
margin-top:5px 0px 5px 25px;
height:470px;
width:700px;
background-image:url(image/green_bk.gif);
border:thick ridge #2DB300;
}

.gallerycontainer2{
position: relative;
margin-left:140px;
margin-right:auto;
padding-left:10px;
padding-top: 10px;
border: 1px solid white;
margin-top:25px;
height:490px;
width:500px;
background-image:url(image/green_bk.gif);
border:thick ridge #2DB300;
}

.thumbnail img{
border: 1px solid white;
margin: 10px 5px 5px 0px;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: solid 2px green;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFFF;
padding: 5px;
left: -1000px;
border: 0px solid white;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 350px; /*position where enlarged image should offset horizontally */
z-index: 50;
}


	
/*  Individual */


#announcement  {
	position:absolute;
	margin: 20px 30px 0px 0px;
	margin-left:inherit;
	margin-top:auto;
	background-image:url(images/logo2.gif);
	background-repeat:no-repeat;
	}
	
#calendar_jan   {
	position:relative;
	clear:left;
	float:right;
	margin-top:20px;
	margin-left:0px;
	margin-right:0px;
	background:url(image/main_bk.gif); 
	width:340px;
	height:auto;
	padding:0px 25px 0px 5px;
	border:solid 2px blue;
	}
	
#calendar_feb   {
	position:relative;
	float:right;
	margin-top:10px;
	margin-left:0px;
	margin-right:0px;
	background:url(image/main_bk.gif); 
	width:340px;
	height:auto;
	padding:0px 25px 0px 5px;
	border:solid 2px red;
	}
	
#calendar_mar   {
	position:absolute;
	float:right;
	margin-top:270px;
	margin-left:250px;
	margin-right:0px;
	margin-bottom:20px;
	background:url(image/main_bk.gif); 
	width:340px;
	height:auto;
	padding:0px 25px 0px 5px;
	border:solid 0px green;
	}
	
#centerlist  {
	position:relative;
	width:auto;
	font-size:16px;
	font-weight:900;
	margin-left:65px;
	margin-top:155px;
	}

#container {
    position: relative;
    margin: auto;
    text-align: left;
    background:url(images/border_purple.jpg) ;
	background-repeat:repeat;
	width: 760px;
	height:1190px;
	border:solid 0px #ff6666;
	}
	
	

#container_cal {
    position: relative;
    margin: auto;
    text-align: left;
    background:url(images/border_purple.jpg) ;
	background-repeat:repeat;
	width: 760px;
	height:850px;
	border:solid 0px #ff6666;
	}
	
#container_dir {
    position: relative;
    margin: auto;
    text-align: left;
    background:url(images/border_purple.jpg) ;
	background-repeat:repeat;
	width: 760px;
	height:950px;
	border:solid 0px #ff6666;
	}
	
#container_music {
    position: relative;
    margin: auto;
    text-align: left;
    background:url(images/border_purple.jpg) ;
	background-repeat:repeat;
	width: 760px;
	height:950px;
	border:solid 0px #ff6666;
	}
	
#container_gallery {
    position: relative;
    margin: auto;
    text-align: left;
    background:url(images/border_purple.jpg) ;
	background-repeat:repeat;
	width: 760px;
	height:1120px;
	border:solid 0px #ff6666;
	}
	
#container_top {
	position: relative;
	margin-left:auto;
	margin-right:auto;
	width: 760px;
	height:100px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12pt;
	font-variant:small-caps;
	font-weight:bold;
	left: 260px;
	border-bottom-color:solid 2px #3300FF;
	display: block;
	z-index: inherit;
	}
	
	
#top {
	position: absolute;
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
	width: 760px;
	height:100px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18pt;
	font-weight:bold;
	left: 250px;
	border-bottom-color:solid 2px #3300FF;
	display: block;
	z-index: inherit;
	}
	
#calendar top {
	position: absolute; 
    margin-top:30px;
	margin-left:auto;
	margin-right:auto;
	width: 760px;
	height:100px	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18pt;
	font-weight:bold;
	left: 250px;
	border-bottom-color:solid 2px #3300FF;
	display: block;
	z-index: inherit;
	
	}
	
		
#logo  {
	position:relative;
	margin-left:580px;
	margin-top:-60px;
	background:url(images/logo.gif);
	display:block;
	width:100px;
	height:89px;
	}
	

img{
    border: none
}

#nav  {
	position:relative;
	margin-left:auto;
	margin-right:auto;
  	width:760px;
  	font-family:Verdana, Arial, Helvetica, sans-serif;
  	font-size:10pt;
  	font-variant:small-caps;
  	font-weight:bold;
	border:solid 0px red;
   }


#nav2  {
	position:relative;
	margin-left:auto;
	margin-right:auto;
  	width:760px;
  	font-family:Verdana, Arial, Helvetica, sans-serif;
  	font-size:10pt;
  	font-variant:small-caps;
  	font-weight:bold;
	border:solid 0px red;
   }


#nav ul{
	position:relative;
  	width:700px;
	margin-top:-90px;
  	background: url(image/bluenote.gif) center top;
	background-repeat:no-repeat;
	color:blue;
  	padding-left:0;
	margin-left:auto;
	margin-right:auto;
	border:solid 0px green;
	}
	
	
#nav2 ul  {
	position:relative;
  	width:700px;
	margin-top:-70px;
  	background: url(image/bluenote.gif) center top;
	background-repeat:no-repeat;
  	padding-left:0;
	margin-left:auto;
	margin-right:auto;
	border:solid 0px green;
	}


#nav ul li{
  	display:inline;
	text-align:center;
	color:blue;
	}
	
#nav2 ul li{
  	display:inline;
	text-align:center;
	}


#nav ul li a{
  	
  	color:#333333;
  	padding:0px 12px 6px 5px;
  	border-right:0px solid #FFFFFF;
	margin-left:20px;
	
	}

#nav2 ul li a{
  	
  	color:#333333;
  	padding:0px 12px 6px 5px;
  	border-right:0px solid #FFFFFF;
	margin-left:20px;
	
	}

#nav ul li a:hover{
  	background-color:#ccffff;
	}
	
#nav2 ul li a:hover{
  	background-color:#ccffff;
	}	
	
	
#navend  {
	position:relative;
	background-color:#FFFFFF;
	margin-left:auto;
	margin-right:auto;
	width:550px;
	clear:both;
	padding-top:70px;
	}
	
	
#pageHeader {
	position:relative;
	width:760px;
	}	
#pageHeader {
	margin:0px auto 10px auto;
    text-align: center;
    background:url(images/bandheader_pinks.gif) left top no-repeat;
    width:760px;
	height:300px;
	}
	
#pagehead_sm {
	margin:0px auto 10px auto;
    text-align: center;
    background:url(images/pagehead_sm.jpg) left top no-repeat;
    width:760px;
	height:222px;
	}	
	
#pagehead_music {
	margin:0px auto 10px auto;
    text-align: center;
    background:url(images/pagehead_music.jpg) left top no-repeat;
    width:760px;
	height:222px;
	}
	
	
#pagehead_dir {
	margin:0px auto 10px auto;
    text-align: center;
    background:url(images/pagehead_dir.gif) left top no-repeat;
    width:760px;
	height:222px;
	}	
	
#pageheadcal {
	margin:0px auto 10px auto;
    text-align: center;
    background:url(images/pagehead_cal.jpg) left top no-repeat;
    width:760px;
	height:222px;
	}
	
	

#picture_lg  {
	position:relative;
	clear:left;
	width:200px;
	margin-left:60px;
	margin-top:60px;
	text-align:center;
	}
	
#picture_dir  {
	position:relative;
	clear:left;
	width:168px;
	height:229px;
	border:inset medium #CCCCCC;
	text-align:center;
	font-size:9px;
	margin-left:50px;
	}	
	
	
#picture_solos  {
	position:relative;
	clear:left;
	width:340px;
	height:320px;
	margin-top:120px;
	margin-left:20px;
	}
	
	
#picture2  {  /*used for Wallingford image on the index page*/
	position:relative;
	clear:left;
	margin:auto;
	width:550px;
	height:327px;
	margin-top:260px;
	margin-left:110px;
	border: inset thick #990066;
	}