/* CSS Document */

body { background-image: url(images/page_bg.gif); background-repeat: repeat-x; margin: 0px;}
#header { height: 109px; background-image: url(images/header_bg.gif); background-repeat: repeat-x; border: 1px solid #000000; }
#menu_row { height: 24px; background-image: url(images/menu_bg.gif); background-repeat: repeat-x; border: 1px solid #000000;  }
#logo {margin-left: 20px; margin-top: 17px; border-width: 0px; }

#main { border-collapse: collapse; background-color: #FFFFFF;  width: 920px; }
td, p{ vertical-align: top; font: normal 8pt Verdana;}

/* ############## */
/* Body with content */
#body { background-color: white; border: 1px solid #000000; padding: 3px; vertical-align: top;  }
#body_cells { padding: 5px; }
#music_tabs { }

.BodyTable { width: 100%; }

#tab_title { color: #FF0000; font: bold 10pt Arial; margin-top: 2px; margin-bottom: 2px; }
#calendar_title { color: #FF0000; font: bold 8pt Arial; margin-top: 2px; margin-bottom: 2px; text-align: center;}

.left_col { width: 220px }
#left_tab1 { /*background-image: url(images/left_tab2.gif); */
			background-image: url(images/TabGradient.gif); background-repeat: repeat-x; height: 20px; width: 100%; margin: 0px; font: bold 9pt Verdana; color: #FFFF00; text-align: center; }
#tab_cell {background-color: #E8E8E8; margin: 0px; padding: 2px; }
.small_text { font-size: 10pt; }

#left_corner { height: 10px; width: 10px; float: left; background-image: url(images/left_bottom.gif); background-repeat: no-repeat; background-position: 0 100%; }
#right_corner { height: 10px; width: 10px; float: right; background-image: url(images/right_bottom.gif); background-repeat: no-repeat;  background-position: 0 100%; }
#bottom_tab {height: 10px; width: 100%; background-color: #E8E8E8; padding-top: 0px;  padding-bottom: 0px; margin-top: 0px; margin-bottom: 10px;}

#medium_bottom_tab {margin-left: 15px; height: 10px; width: 260px; background-color: #E8E8E8; padding-top: 0px;  padding-bottom: 0px; margin-top: 0px; margin-bottom: 10px;}
#main_bottom_tab { height: 10px; width: 100%; background-color: #E8E8E8; padding-top: 0px;  padding-bottom: 0px; margin-top: 0px; margin-bottom: 10px;}


#main_tab1 { /* background-image: url(images/body_tab.gif); background-repeat: no-repeat; height: 30px;*/
	background-image: url(images/TabGradient.gif); background-repeat: repeat-x; height: 20px; width: 100%; margin: 0px;}
#main_cell {  width: 100%;; background-color: #E8E8E8; margin: 0px;}
#big_cell {  width: 100%;; background-color: #E8E8E8; margin: 0px; padding: 5px;}


#medium_tab1 {margin-left: 15px; background-image: url(images/TabGradient.gif); background-repeat: repeat-x; height: 20px; width: 260px; margin-bottom: 0px; }
#medium_cell {margin-left: 15px; margin-top: 0px; width: 260px; background-color: #E8E8E8; padding: 5px;}

#music { float: right; margin-left: 3px; margin-bottom: 3px; border: #333333 1px solid; }
#calendar_div { width: 100%; margin-bottom: 10px; color: #888888;}

#calendar_cell { color: #666666; }
#calendar_cell a{ font-family: Verdana; text-decoration: none; font-size: 9pt; font-weight: bold; display: block; height: 21px;}
#calendar_cell a:link { color: #FF0000; background-color: #DDDDDD;}
#calendar_cell a:active { color: #0000FF; text-decoration: underline;  background-color: #AAAAAA;}
#calendar_cell a:visited { color: #FF0000;  background-color: #DDDDDD;}
#calendar_cell a:hover { color: #0000FF; text-decoration: underline; background-color: #AAAAAA;}

#sites_table td { text-align: center; width: 50%; padding-top: 10px; padding-bottom: 10px; vertical-align: bottom; font-weight: bold;}
.borderless { border-width: 0px; display: block;}

/*##### Content #######*/
#event_sub_title { font-weight: bold; }
#event_pic { float: right; margin: 3px; border: 1px solid #333333; }
#bio_title { font-weight: bold; color: #0000AA; }
#back_button { text-align: center; }

#form { text-align: right; }
#email_notes { color: #888888; font-style: italic; }

#links a{ font-family: Verdana;	padding: 2px; text-decoration: none; font-size: 8pt; display: block; background-color: #FFFFFF; width: 210px; margin: 1px;}
#links a:link { color: #111C68;}
#links a:active { color: #000000;}
#links a:visited { color: #111C68;}
#links a:hover { color: #B50707; text-decoration: underline; }
#link_arrow { border-width: 0px; margin-bottom: 2px; width: 3px; height: 5px;}

/* ######  Menu Items ######### */
#menu_table { border-collapse: collapse; height: 24px; width: 100%; }
#menu_table td{ border-left: 1px solid #000000; border-right: 1px solid #000000; }
#menu_button { margin-top: 6px; }

#menu_item a{ text-align: center; font-family: Verdana; display: block; height: 24px; }


#footer {height: 20px;  background-image: url(images/footer_bg.gif); background-repeat: repeat-x; font: normal 8pt verdana; color: white; text-align: center; border-left: #000000 1px solid; border-right: #000000 1px solid; border-bottom: #000000 1px solid; }


#footer a{ color: #FFFFFF; text-decoration: underline; }
#footer a:hover, #footer a:active{ color: #FFFFFF; text-decoration: none; }

a{ font-family: Verdana; text-decoration: none;}
a:link { color: #0000FF;}
a:active { color: #FF0000;}
a:visited { color: #0000FF;}
a:hover { color: #FF0000; text-decoration: underline; }



/* PATI Page */
.color { color: blue; font-weight: bold }
.color2 { color: red; }
#sample_player { text-align: center; float: right; width: 290px; height: auto; }
.mplayer { font-size: 10px; }

.event_title { font-weight: bold; color: #00F; padding: 2px; }
.event_cell1 { padding: 3px; background-color: #FFF;  }
.event_cell2 { padding: 3px; }



.hideme { margin: 20px; visibility: hidden; display: none;}