/* CSS Document BMMA*/


body {
	font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
	background: #fc6;
	text-align: center;
	}

table{
	width: 100%;
	margin: 0;
	border: 2px solid #000;
	}

table.reducefont{
	font-size:12px;
	}

table td{
	padding: 5px;
	border: 1px solid #333;
	text-align: left;
	vertical-align: top;
	font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	}	

#my-timeline{
font-size: 10px;
}

#my-timeline table, #my-timeline table td{
font-size: 14px;
border: none;
}


.reducefont{
font-size: 14px;
}

	
.tablehead{
	text-align: center;
	font: 20px bold;
	}
.tablehead2{
	text-align: center;
	font: 12px bold;
	}

.tableleft2{
text-align: left;
font-size: 14px;
}

.tablecenter2{
text-align: center;
font-size: 14px;
}

.tableleft12{
text-align: left;
font-size: 12px;
}


.tablecenter{
text-align: center;
}
.tablecenter3{
text-align: center;
font-size: 10px;
}

.tablecenter12{
text-align: center;
font-size: 12px;
}

.mealdone{
color: #999;
}

a:link {
	color: #03F;
	text-decoration: none;
}
a:visited{
	color: #060;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #FF0000;
}
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;
	text-align: left;
	background: white;
	position: relative;
}
	
#header{
	background: #d7dabd;
	width: 700px;
	}
	
#mast {
	height: 30px;
	width: 672px;
	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;
	width: 700px;
	background: url("images/nav.gif");
	border-bottom: 2px #666 solid;
	position: relative;
	background-repeat: no-repeat;
	}

#topNav {
	font-size: 10px;
	width: 700px;
	height: auto;
	border: 0px #000 solid;
	background: #bbb;
	float: left;
	}

	#topnavone {
		margin: 0;
		padding: 0 5px 0 0 ;
		}


		#topnavone li {
			float: left;
			margin-left: 2px;
			padding: 0 2px 0 0;
			font-size: 10px;
			line-height: 20px;
			white-space: nowrap;
			list-style-type: none;
			border: 2px outset #bbb;
			background: #FFE699;
			}

		#topnavone a {
		display: block;
		float: left;
		text-decoration: none;
		font-weight: bold;
		color: #333;
		width: .1em; 
		padding-left:5px; 
		padding-right: 5px; 
		padding-top:0; 
		padding-bottom:0;
		}
		
		/* fix IE6 from above...width = .1em */
		html>body #topnavone a {
		width: auto;
		}
		
		/* commented backslash hack to hide form IE5Mac\*/
		#topnavone a {
		float: none
		}
		/* End hack */
		
		
	#secondNav {
		font-family: lucida grand, geneva, arial, helvetica, sans-serif;
		font-size: 10px;
		width: 700px;
		height: 30px;
		border: 0px #000 solid;
		background: #bbb;
		float: left;
		border-bottom: 2px #666 solid;
		}
	
		#topnavtwo {
			margin: 0;
			padding: 0 5px 0 0;
			}
		
		
			#topnavtwo li {
				float: left;
				margin-left: 7px;
				margin-top: 5px;
				font-size: 10px;
				line-height: 20px;
				white-space: nowrap;
				list-style-type: none;
				border: 2px outset #bbb;
				background: #FFE699;
				}
			
			#topnavtwo a {
				display: block;
				float: left;
				text-decoration: none;
				font-weight: bold;
				color: #333;
				width: .1em; 
				padding-left:5px; 
				padding-right: 5px; 
				padding-top:0; 
				padding-bottom:0;
				}
			
				/* fix IE6 from above...width = .1em */
				html>body #topnavtwo a {
				width: auto;
				}
			
			
				/* commented backslash hack to hide form IE5Mac\*/
				#topnavtwo a {
				float: none
				}
				/* End hack */
			
			
#mid {
	background: white;
		}

#subNav{
	width: 170px;
	float: left;
	display: inline;
	font-size: 15px;
	background: #ddbbee;
	margin: 40px 0px 10px 10px;
	border: 0px #000 solid;
	padding-left: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	height: auto;
}
	
#maincontent{
	width: 490px;
	float: left;
	background: white;
	text-align: center;
	margin: 20px 10px 50px 10px;}

div#joinform{
Margin: 0px 0px 0px 120px;
padding: 0px 0px 0px 0px;
}	
	
#footer {
	clear: both;
	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;
	}



a.nav: {
	font-size:15px;
	text-decoration:none;
	
}
a.nav:hover {
	font-size:15px;
	text-decoration:none;
	color:#FF0000;
}
a.nav:visited  {
	font-size:15px;
	color: #060;
	text-decoration:none;
}
a.nav:active {
	font-size: 15px;
	text-decoration:none;
	color:#333;
}


#subNav h5 {
Text-align: center;
margin: 0 0 10px 0;
}

#eventlist {
margin: 0;
padding: 0;
}

#eventlist h6 {
text-align: center;
font: 12px bold;
margin: 10px 5px 0 0;
border: 1.5px outset yellow;
background: #fc6;
padding: 2px 2px 2px 2px;
}



#eventlist p {
margin: 0 5px 0 7px;
}

#eventlist li {
font-size: 10px;
width: 170px;
list-style-type: none;
}

#eventlist a {
display: block;
float: left;
white-space: nowrap;
text-decoration: none;
font-weight: bold;
width: .1em; 
padding-left: 90px; 
padding-right: 0px; 
padding-top:0; 
padding-bottom:0;
}

/* fix IE6 from above...width = .1em */
html>body #eventlist a {
width: auto;
}


/* commented backslash hack to hide form IE5Mac\*/
#eventlist a {
float: none
}
/* End hack */

#eventlist a.funbutton {
display: block;
margin: 10px 5px 0 0;
white-space: nowrap;
text-decoration: none;
font-weight: bold;
width: .1em; 
padding-left: 22px; 
padding-right: 2px; 
padding-top:2; 
padding-bottom:2;
}


/* fix IE6 from above...width = .1em */
html>body #eventlist a {
width: auto;
}


/* commented backslash hack to hide form IE5Mac\*/
#eventlist a {
float: none
}
/* End hack */

#publicity {
	float: left;
	width: 150px;
	padding-left: 5px;
	padding-bottom: 10px;
	margin: 10px 0 10px 5px;
	font-size: 15px;
	background:#FFFFD6;
	border: 0px #000 solid;
	height: auto;
	}
		
#publicity h4{
	font-size: 14px;
	font-style: bold;
	text-align: left;
	padding: 4px 0 0 0;
	}

#publicity .sidequote{
	font-size: 12px;
	font-style: italic;
	text-align: left;
	}

#informativeblurb:{
	clear: both;
	}

.vevent {
clear: both;
}

#photoback {
text-align: center;
font: 12px bold;
margin: 10px 5px 0 0;
border: 1.5px outset yellow;
background: #fc6;
padding: 2px 2px 2px 2px;
}

.summary {
text-align: center;
font: 12px bold;
border: 1.5px outset yellow;
background: #fc6;
margin: 10px 0 0 0;
padding: 2px 2px 2px 2px;
width: 170px;
}

.description, dtstart, .location, .dtend{
text-align: center;
font: 10px;
margin: 2px 5px 0 0;
padding: 0px 2px 0px 2px;
width: 170px;
}


.url {
display: block;
float: left;
white-space: nowrap;
text-decoration: none;
font: 10px bold;
width: .1em; 
padding-left: 90px; 
padding-right: 0px; 
padding-top:0; 
padding-bottom:10px;
}

/* fix IE6 from above...width = .1em */
html>body .url {
width: auto;
}


/* commented backslash hack to hide form IE5Mac\*/
.url {
float: none
}
/* End hack */


.pagehead{
	text-align: center;
	width: 490px;
	background-color: #800080;
	color: #FFCC00;
	}
	
.pagesubhead{
	text-align: center;
	width: 490px;
	}

.pagesubhead2{
	text-align: center;
	width: 490px;
	padding: 0px 10px 0 10px;
	margin: 0px 0px 5px opx;
}

.colhead{
	text-align: center;
	width: 100px;
	background-color: #800080;
	color: #FFCC00;
	}

.subcontent{
	text-align: center;
	padding: 0px 00px 0 00px;
	}

.WhatHead{
	text-align: center;
	width: 490px;
	color: #000;
	font-weight: bold;
	font-size: 32px;
	margin: 20px 0 5px 0;
}

.WhatDetails, .WhatDetails2, .WhenIt, .WhatIt, .TimeIt, .subcontent, .WhoIt, .WhereIt{
	display: block;
	text-align: center;
	width: 490px;
	margin: 0 0 0 0;
	}

.WhatDetails2{
	padding:  0  0 20px 0;
	}

.WhenIt{
	font-weight: bold;
	color: #800080;
	font-size: 14px;
	padding: 15px 0 0 0;
	}

.WhatIt{
	font-weight: bold;
	font-size: 16px;
	}

.WhoIt{
	font-weight: bold;
	font-size: 14px;
	}

.WhereIt{
	font-weight: bold;
	font-size: 14px;
	padding: 10px 0 10px 0;
	}
	
.TimeIt{
	font-size: 14px;
	}

.leftlist{
	text-align: left;
	}
	
.leftlist li{
	padding: 5px 0 0 0;
	font-size: 12px;
	}

.leftlist2{
	text-align: left;
	padding: 5px 5px 0 0;
	font-size: 12px;
	margin:0;}
	
.leftlist2 li{
	
	}

.leftlist3{
	text-align: left;
	margin: 0;}
	
.leftlist3 li{
	padding: 2px 5px 0 5px;
	font-size: 12px;
	list-style-type: none;
}

.linelead{
	font-weight: bold;
	}

.staffbio {
text-align: justify;
margin: 0 10px 10px 10px;
font-size: 12px;}		

.namen{
font-size: 16px;
font-weight: bold;
text-align: left;
margin: 20px 10px 5px 10px;
}

.ital{
font-style: italic;
}

.bookcolumn{
text-align: left;
margin: 0 10px 30px 10px;
font-size: 15px;}

img#michaeljpg {
width: 153px;
height: 189px;
float: right;
padding: 10px 0 15px 15px;
}

img#lindajpg {
width: 153px;
height: 189px;
float: left;
padding: 10px 15px 15px 0;
}

img#Jazz{
border: 1px solid;
border-color: #444 #AAA #AAA #444}

p.centerlist{
	text-align: center;
	font-size: 16px;
	padding:  0 10px 0 0;
	}
	
p.natural{
	text-align: center;
	padding: 0 15px 0 15px;
	font-size: 12px;
	}

p.helpful{
	text-align: center;
	margin: 150px 25px 30px 25px;
	font-size: 12px;
	}

p.helpful2{
	text-align: center;
	margin: 20px 100px 20px 250px;
	font-size: 12px;
	}

/* ####### 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;
}