body { width: 100%; margin: 0; background-image: url(background.gif); background-repeat:
tile; background-attachment: fixed; background-color: #999999; 
background-position: 0% 0%; font-family: Arial, Helvetica, sans-serif; 
	font-size: 15px; line-height: 140%; }
	
#header { width: 100%; margin: 0; text-align: center; padding: 1em 0 1em 0; }
	
#header2 { background-color: #3300CC; width: 100%; margin: 0; text-align: center; 
	padding: .5em 0 .5em 0; } 

#container { background-color: transparent; width: 80%; 
	padding: 0px; position: absolute; margin: 30px 10% 0px 10%; }
	
#left { border-top: 3px solid black; border-right: 3px solid black; border-left: 3px solid black; 
		border-bottom: 1px solid black; background-color: transparent; 
		margin-right: 110px; padding: 5px 25px 5px 15px;  }

#right { width: 130px; position: absolute; float: right; right: 0px; top: 0px; bottom: 0px; 
	padding: 0; }
	
.navitem { background-color: #999999; border: 1px solid black; padding: 5px 0px; 
	text-align: center; margin: 5px 0px 10px 0px; }

#footer { width: 100%; position: absolute; background-color: #999999; 
	font-size: 12px; padding: 1em 0; margin-bottom: 5px; 
	text-align: center; border: 1px solid black; } 
#footer a { font-size: 12px; }
	
a:link { color: #003399; font-weight: bold; font-size: 14px; text-decoration: none; }
a:visited { color: #003399; font-weight: bold; font-size: 14px; text-decoration: none; }
a:hover { color: #003399; font-weight: bold; font-size: 14px; text-decoration: underline; }

h1 { font-weight: bold; font-size: 24px; text-align: center; } 
h1 a { font-size: 24px; }
h2 { font-weight: bold; font-size: 18px; text-align: center; line-height: 100%; }
h2 a { font-size: 18px; }
.small { font-size: 12px; }

hr { height: 2px; border: 0; color: #003399; background-color: #003399; width: 75%; }

/*Calendar CSS*/
.calendar { width: 100%; text-align: left; font-size: 15px; }
.calendar_today { color: #660000; font-size: 16px; }
.calendar_event_1 { font-size: 15px; }
.calendar_event_2 { font-size: 15px; }
.calendar_artist_text { color: #000000; }
.calendar_date_text { color: #999999; background-color: #003399; 
	font-size: 16px; text-align: left; font-weight: bold; padding: 0px 1em; margin-top: 0px; 
	min-width: 100%; line-height: 140%; }
.calendar_event_title_text { color: #000000; font-weight: bold; font-size: 16px; 
	text-align: center; width: 100%;  }
.calendar_venue_text; { color: #000000; font-size: 14px; }
.calendar_notes_text; { color: #000000; font-size: 13px; line-height: 120%;  }

table.list_form { border: 1px solid black; width: 70%; margin: 10px auto; 
	padding: 5px; text-align: center; }
#list_submit { margin: 10px 0px; }
table.next_show { border: 0px; width: 70%; margin: 0px auto 10px auto; 
	padding: 5px; text-align: center; }

.center { margin: auto; text-align: center; margin-top: 0px; }

/* listen page */
.mp3_table { width: 70%; margin: 5px auto; border: 1px solid black; 
text-align: left; padding: 5px; min-width: 390px; }
.mp3_row1 { text-align: center; font-size: 16px; padding: 8px; font-style:italic; 
	font-weight: bold; background-color: #003399;} 
.mp3_row2 { text-align: center; font-size: 14px; padding: 8px; }
.mp3_album { width: 40%; min-width: 140px; padding: 10px; text-align: center; }
.mp3_songs { width: 60%; min-width: 250px; padding: 10px; 
margin-left: 150px; margin-top: 0px; }
.mp3_list { line-height: 140%; }

.image { border: 1px solid black; font-size: 13px; padding: 5px; width: auto; } 

/* News page */
.news_entry { border: 1px solid black; margin: 10px; padding: 5px; line-height: 140%; 
	text-align: left; }
.news_date { color: #999999; background-color: #003399; font-size: 16px; 
	text-align: left; font-weight: bold; padding: 0px 1em; margin-top: 0px; }
.news_text { text-indent: 5px; }


/* photos page */
/* photo gallery CSS */
.phototable { margin: auto; width: auto; text-align: center; font-size: 13px; padding-top: 0px; } 
.photorow { margin: auto; }
.photocell { padding: 8px; border: 1px solid black; width: 150px; }
.photocell img { margin: auto; border: none; }   
.more { padding-right: 5px; text-align: right; }
.more a { font-size: 15px; }