body {
	margin: 4px;
	padding: 0px;
	font-family: arial, sans-serif;
	font-size: 12px;
	background: #33363F url(../images/tile_x_dark.jpg) repeat-x;
	color: #6D6F61;
	}
#container {
	position: relative;
	width: 770px;
	margin-left: auto;
	margin-right: auto;
	}
#navigation {
	height: 65px;
	width: auto;
	margin: 0px;
	padding: 4px;
	}
#fnavigation {
	height: auto;
	width: auto;
	margin: 4px;
	padding: 4px;
	text-align: center;
	}
#header {
	height: 99px;
	width: 770px;
	margin: 0px;
	padding: 4px;
	background: url(../images/header_dark.jpg) no-repeat;
	}
#left_shell {
	position: absolute;
	left: 0px;
	top: 180px;
	width: 200px;
	padding: 0px;
	}
#center_shell {
	position: relative;
	top: 0px;
	width: 350px;	
	margin: 0px auto 0px auto;
	padding: 0px;
	}
#right_shell {
	position: absolute;
	right: 0px;
	top: 180px;
	width: 200px;
	padding: 0px;
	}
#footer {
	position: relative;
	height: auto;
	width: 350px;
	border: 0px solid #FFF;
	margin: -1px auto 0px auto;
	padding: 4px;
	text-align: center;
	color: #686A6F;
	font-size: 11px;
	}
* html body #left_shell, * html body #right_shell { /* play well with IE6 */
	top: 186px;
	}
.clear {
	clear: both;
	height: 1px;
	}
.divider_lite {
	width: 100%;
	margin: 18px 0px 18px 0px;
	border-bottom: 1px solid #AAA;
}
.divider {
	width: 100%;
	margin: 18px 0px 18px 0px;
	border-bottom: 1px dotted #AAA;
}
.fdivider {
	width: 200px;
	margin: 8px auto 8px auto;
	border-bottom: 1px solid #494D59;
}
/* ------------- media player ------------- */
#mediaplayer {
	height: 60px;
	width: 174px;
	margin: 3px 3px 3px 0px;
	border: 1px solid #000;
	}
/* ------------- photo gallery ------------ */
#photopanel {
	height: 288px;
	width: 200px;
	margin: 0px 0px 8px 0px;
	background: url(../images/photo_panel.jpg) no-repeat top left;
	}
/* ------------- navigation bar ----------- */
a:focus, a:active {
	outline: none;
	}
#navigation ul {
	position: absolute;
	left: 140px;/* adjust to control center alignment of menu */
	display: block;
	margin: 0px auto 0px auto;
	padding: 0px;
	text-align: center;
}	
#navigation li {
	float: left;
	list-style-type: none;
	text-align: center;
	line-height: 104px;
	margin: 0px 8px;
	font-family: arial, sans-serif;
	font-size: 12px;
	letter-spacing: 2px;
	}
#navigation #home, #navigation #biography, #navigation #works, #navigation #recordings, #navigation #reviews {
	float: left;
	text-decoration: none;
	height: 50px;
	width: 80px;
	color: #999;
	}
#navigation #home_default, #navigation #biography_default, #navigation #works_default, #navigation #recordings_default, #navigation #reviews_default  {
	float: left;
	text-decoration: none;
	height: 50px;
	width: 80px;
	color: #999;
	}
#navigation #home { background: url(../images/home_dark.jpg) no-repeat -79px 0px; }
#navigation #home:hover { background: url(../images/home_dark.jpg) no-repeat -159px 0px; color: #FFF; }
#navigation #home_default { background: url(../images/home_dark.jpg) no-repeat 0px 0px; color: #C0BEAF; }
#navigation #biography {	background: url(../images/biography_dark.jpg) no-repeat -79px 0px; }
#navigation #biography:hover { background: url(../images/biography_dark.jpg) no-repeat -159px 0px; color: #FFF; }
#navigation #biography_default { background: url(../images/biography_dark.jpg) no-repeat 0px 0px; color: #C0BEAF; }
#navigation #works { background: url(../images/works_dark.jpg) no-repeat -79px 0px; }
#navigation #works:hover { background: url(../images/works_dark.jpg) no-repeat -159px 0px; color: #FFF; }
#navigation #works_default { background: url(../images/works_dark.jpg) no-repeat 0px 0px; color: #C0BEAF; }
#navigation #recordings { background: url(../images/recordings_dark.jpg) no-repeat -79px 0px; }
#navigation #recordings:hover { background: url(../images/recordings_dark.jpg) no-repeat -159px 0px; color: #FFF; }
#navigation #recordings_default { background: url(../images/recordings_dark.jpg) no-repeat 0px 0px; color: #C0BEAF; }
#navigation #reviews { background: url(../images/reviews_dark.jpg) no-repeat -79px 0px; }
#navigation #reviews:hover { background: url(../images/reviews_dark.jpg) no-repeat -159px 0px; color: #FFF; }
#navigation #reviews_default { background: url(../images/reviews_dark.jpg) no-repeat 0px 0px; color: #C0BEAF; }
#fhome, #fbiography, #fworks, #frecordings, #freviews {
	text-decoration: none;
	color: #888;
	margin: 0px 4px 0px 4px;
	font-size: 12px;
	}
#fhome_default, #fbiography_default, #fworks_default, #frecordings_default, #freviews_default  {
	text-decoration: none;
	color: #FFF;
	margin: 0px 4px 0px 4px;
	font-size: 12px;
	}
#fhome:hover, #fbiography:hover, #fworks:hover, #frecordings:hover, #freviews:hover {
	text-decoration: none;
	color: #CCC;
	margin: 0px 4px 0px 4px;
	font-size: 12px;
	border-bottom: 1px dotted #CCC;
	}
/* ------------- columns ----------------- */
.column {
	position: relative;
	top: 0px;
	left: 0px;
	height: auto;
	width: 199px;
	padding: 0px;
	margin: 0px 0px 6px 0px;
	background-image: url(../images/sidepanel_mid.jpg);
	background-repeat: repeat-y;
}
.col_topcap_dark {
	position: relative;
	height: 20px;
	width: 199px;
	padding: 0px;
	margin: 0px;
	background-image: url(../images/sidepanel_cap_dark.jpg);
	background-repeat: no-repeat;
}
.col_topcap_light {
	position: relative;
	height: 20px;
	width: 199px;
	padding: 0px;
	margin: 0px;
	background-image: url(../images/sidepanel_cap_light.jpg);
	background-repeat: no-repeat;
}
.col_content {
	position: relative;
	height: auto;
	width: 174px;
	margin: 0px;
	padding: 0px 12px 0px 12px;
}
.col_botcap {
	position: relative;
	height: 20px;
	width: 199px;
	padding: 0px;
	margin: 0px;
	background-image: url(../images/sidepanel_bottom.jpg);
	background-repeat: no-repeat;
}
.col_header {
	position: relative;
	left: -5px;
	width: 186px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
	border-bottom: 1px solid #6D6F61;
	color: #4B525C;
}
.rec_box {
	width: 320px;
	margin: 12px 0px 12px 6px;
	border-bottom: 1px dotted #999;
}
.rec_col_l { 
	float: left; 
	width: 110px;
	height: auto;
	margin: 1px;
	}
.rec_col_r { 
	float: left;
	width: 180px;
	height: auto;
	margin: 1px;
	} 
.rec_title {
	font-weight: bold;
	color: #33363F;
	font-size: 14px;
	font-style: italic;
	margin-bottom: 8px;
}	
/* ------------- main panel ----------------- */
.centerpanel {
	position: relative;
	top: 0px;
	left: 0px;
	height: auto;
	width: 350px;
	padding: 0px;
	margin: 0px;
	background-image: url(../images/centerpanel_mid.jpg);
	background-repeat: repeat-y;
}
.centerpanel_topcap {
	position: relative;
	height: 20px;
	width: 350px;
	padding: 0px;
	margin: 0px;
	background-image: url(../images/centerpanel_cap.jpg);
	background-repeat: no-repeat;
}
.centerpanel_content {
	position: relative;
	height: auto;
	width: 325px;
	margin: 0px;
	padding: 0px 12px 0px 12px;
}
.centerpanel_botcap {
	position: relative;
	height: 20px;
	width: 350px;
	padding: 0px;
	margin: 0px;
	background-image: url(../images/centerpanel_bottom.jpg);
	background-repeat: no-repeat;
}
.centerpanel_header {
	position: relative;
	left: -5px;
	width: 335px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
	border-bottom: 1px solid #6D6F61;
	color: #4B525C;
}
.text { margin: 8px; }
.overflow {
	padding-right: 8px;
	margin: 8px -4px 8px 8px;
	height: 500px;
	overflow: auto;
}
.capstone {
	float: left;
	width: auto;
	height: 20px;
	margin-left: -4px;
	padding-top: 8px;
	padding-left: 55px;
	background-image: url(../images/gull_bullet.jpg);
	background-repeat: no-repeat;
}
.center {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
.indent {
	margin-left: 24px;
}
.event_box {
	height: auto;
	width: auto;
	padding: 0px;
	margin: 8px 4px 4px 4px;
}
.event_heading {
	font-size: 14px;
	color: #33363F;
	font-weight: bold;
	letter-spacing: 1.25px;
	width: auto;
	height: auto; //20px
	min-height: 20px;
	padding-top: 8px;
	padding-left: 50px;
	border-bottom: 1px dotted #999;
	background-image: url(../images/gull_bullet.jpg);
	background-repeat: no-repeat;
}
.event_posted {
	margin-left: 4px;
	margin-right: 4px;
	color: #999;
}
.event_date {
	margin-left: 4px;
	margin-right: 4px;
	color: #33363F;
	font-weight: bold;
}
.event_description {
	margin: 12px 4px 14px 4px;
}
.coverart {
	margin: 12px 4px 12px 9px;
	padding: 2px;
	width: 150px;
	height: 150px;
	border: 1px solid #444;
}
.coverart2 {
	margin: 0px 4px 0px 0px;
	padding: 2px;
	width: 100px;
	height: 100px;
	border: 1px solid #444;
}
/* ------------------------- BBCode Text ---------------------------- */
.bold { font-weight: bold; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }
a.ext_link { border: 0px; color: #0047AE; text-decoration: none;}
a.ext_link:hover { border: 0px; color: #000; text-decoration: none;}
.strike { text-decoration: line-through; }
.center { text-align: center; margin-left: auto; margin-right: auto; }
.indent { margin-left: 24px; }
.block { margin-left: 24px; }
/* ------------------------- Admin Toolkit -------------------------- */
.edit_table {
	width: auto;
	height: auto;
	}
.col1 { 
	float: left; 
	width: 250px;
	height: auto;
	margin: 1px;
	}
.col2 { 
	float: left;
	width: 400px;
	height: auto;
	margin: 1px;
	} 
body#admin {
	margin: 4px;
	padding: 0px;
	font-family: arial, sans-serif;
	background-image: none;
	background-color: #CCC;
	color: #FFF;
	}
#admin_navigation { 
	float: left; 
	width: 200px;
	height: auto;
	margin: 1px;
	padding: 8px;
	background-color: #575D6B;
	border: 1px solid #000;
	background: #33363F url(../images/tile_x_dark.jpg) repeat-x;
	}
#admin_contentbox {
	position: relative;
	font-size: 12px;
	color: #33363F;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	width: auto;
	height: auto;
	margin: 0px auto 0px auto;
	padding: 4px;
	background-color: #CCC;
}
#admin_title {
	font-size: 16px;
	font-weight: bold;
	margin: 0px auto 0px auto;
	border: 1px solid #000;
	padding: 8px;
	margin-bottom: 14px;
	background-color: #33363F;	
	color: #FFF;
}
#admin_main { 
	float: left;
	width: auto;
	height: auto;
	margin: 1px;
	background-color: #BBB;
	}
.admin_menudiv {
    height: auto;
    width: 197px;
    margin: 4px 0px 1px 0px;
    padding: 0px;
    text-align: left;
    border: 1px solid #999;
    background-color: #FFF;
    }
.admin_menudiv ul {
	margin: 3px;
	padding: 0px;
	list-style: none;
	}
.admin_menudiv ul li {
	margin: 0px;
	padding: 3px;
	}	
.admin_boxhead {
	font-weight: bold;
 	margin: 0px;
    padding: 2px 3px 2px 3px;
    width: auto;
 	border-bottom: 1px solid #999;
 	color: #FFF;
 	background-color: #444;	
 	}
.admin_status {
	margin: 8px;
	color: #D00;
	text-align: center;
}
#dashboard_title {
	width: auto;
	height: auto;
	padding: 8px;
	margin: 0px;
	border: 1px solid #444;
	font-weight: bold;
	color: #FFF;
	background-color: #36F;
	}
a.logout {
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
	padding: 2px 6px 2px 6px;
	margin: 8px 0px 8px 0px;
	border: 1px solid #000;
	color: #FFF;
	background-color: #33F;
	}
a.logout:hover {
	text-decoration: none;
	padding: 2px 6px 2px 6px;
	border: 1px solid #000;
	color: #000;
	background-color: #30D;
	}
.zebra0 {
	background-color: #DDD;
	color: #444;
	margin: 0px 2px 0px 2px;
}
.zebra1 {
	background-color: #EEE;
	color: #444;
	margin: 0px 2px 0px 2px;
}
li a {
 	text-decoration: none;
 	color: #444;
 	} 
li.admin_mlink:link {
 	margin: 0px;
   	padding: 3px;
 	color: #000;
 	width: auto;
 	}
li.admin_mlink:visited {
 	margin: 0px;
	padding: 3px;
 	color: #000;
 	width: auto;
 	}
li.admin_mlink:hover {
 	text-decoration: none;
 	margin: 0px;
   	padding: 3px;
 	color: #444;
 	width: auto;
 	background-color: #DDD;
 	}
.admin_default {
 	text-decoration: none;
 	font-weight: bold;
 	margin: 0px;
    padding: 3px;
 	color: #444;
	width: auto;
 	background-color: #BBB;
 	}
.warn {
	color: #F00;
	position: relative;
}
.success {
	color: #3AAF00;
}
.error {
	color: #F00;
}
input, option, select {
	font-size: 14px;
}
.sort {
	text-decoration: none;
	font-size: 75%;
	font-weight: bold;
	color: #000;
	height: auto;
	margin: 0px;
	padding: 1px 3px 1px 3px;
	}
.sort:hover {
	color: #FFF;
	}
.nonsort {
	text-decoration: none;
	font-size: 75%;
	font-weight: bold;
	color: #000;
	height: auto;
	margin: 0px;
	padding: 2px 3px 1px 3px;
	}
.view {
	text-decoration: none;
	font-size: 75%;
	font-weight: bold;
	border: 1px solid #467;
	color: #444;
	background-color: #FF0;
	height: auto;
	margin: 0px;
	padding: 1px 3px 1px 3px;
	}
.view:hover {
	border: 1px solid #467;
	color: #000;
	background-color: #FC0;
	}
.release {
	text-decoration: none;
	font-size: 75%;
	font-weight: bold;
	border: 1px solid #467;
	color: #FFF;
	background-color: #3C0;
	height: auto;
	margin: 0px;
	padding: 1px 3px 1px 3px;
	}
.release:hover {
	border: 1px solid #467;
	color: #000;
	background-color: #090;
	}
.delete {
	text-decoration: none;
	font-size: 75%;
	font-weight: bold;
	border: 1px solid #467;
	color: #FFF;
	background-color: #C00;
	height: auto;
	margin: 0px;
	padding: 1px 3px 1px 3px;
	}
.delete:hover {
	border: 1px solid #467;
	color: #000;
	background-color: #900;
	}
.edit_table {
	width: 100%;
	height: auto;
	}
.button_col {
	float: left; 
	width: 40px;
	height: auto;
	margin: 1px;
	}
.edit_col1 { 
	float: left; 
	width: 170px;
	height: auto;
	margin: 1px;
	}
.edit_col2 { 
	float: left;
	width: 200px;
	height: auto;
	margin: 1px;
	} 
.edit_col3 { 
	float: left;
	width: 200px;
	height: auto;
	margin: 1px;
	} 
.edit_col_dyn { 
	float: left;
	width: auto;
	height: auto;
	margin: 1px;
	} 
.target_shell table {
	margin-top: 0px;
	padding: 12px;
	width: auto;
	height: auto;
	border: 1px solid #999;
	background-color: #EEE;;
	color: #333;
	}
.error_report {
	margin: 8px 0px 8px 0px;
	padding: 8px;
	font-family: arial, sans-serif;
	background-color: #DDD;
	border: 1px solid #999;
	color: #333;
	}
.bbcode_form {
 	margin: 8px auto 8px auto;
 	padding: 8px;
 	width: auto;
 	text-align: left;
 	color: #333;
 	background-color: #D7D7D9;
 	border: 1px solid #6E7390;
 	}
.bbcode_form textarea {
	padding: 8px 0px 8px 8px;
}
.preview_box {
	width: 400px; 
	height: auto; 
	border: 1px solid #000; 
	padding: 12px;
}
.thumb {
	height: 100px;
	width: auto;
	border: 1px solid #444;
}
/* ------------------------- Table Editing -------------------------- */
.table {
	font-size: 12px;
 	margin: 8px	;
 	padding: 8px;
 	width: auto;
 	text-align: left;
 	color: #333;
 	background-color: #D7D7D9;
 	border: 1px solid #6E7390;
 	}
.table_header {
 	margin: 2px;
 	padding: 2px;
 	width: auto;
 	text-align: left;
 	color: #333;
 	background-color: #99A0AF;
 	border: 1px solid #6E7390;
 	}
.norm_field {
	width: 100%;
	color: #4F5D9F;
	background-color: #DDD;
	border: 1px solid #575D6B;
	}
.norm_field_short {
	width: 100px;
	color: #4F5D9F;
	background-color: #DDD;
	border: 1px solid #575D6B;
	}
.norm_list {
	text-decoration: none;
	color: #4F5D9F;
	background-color: #DDD;
	border: 1px solid #575D6B;
	}
.no_edit {
	color: #888;
	}
.edit_field {
	color: #4F5D9F;
	background-color: transparent;
	border: 0px;
	border-bottom: 1px dotted #999;
	}
.edit_list {
	text-decoration: none;
	color: #4F5D9F;
	background-color: #CCC;
	border: 0px;
	border-bottom: 1px dotted #999;
	}
.edit_area {
	font-family: Arial, Helvetica, sans-serif;
	color: #4F5D9F;
	background-color: transparent;
	border: 1px dotted #999;
	border-bottom: 1px dotted #999;
	width: 515px;
	padding: 4px;
	}
.edit_heading {
	font-size: 16px;
	font-weight: bold;
	color: #4F5D9F;
	background-color: #000;
	width: 100%;
	border-bottom: 1px solid #999;
	}

tr td.edit_field {
	border: 0px;
	border-bottom: 1px dotted #999;
}
/* ------------------------- Pagination -------------------------- */
.page_menu {
	margin: 8px;
}
	
.pagelink {
	margin: 4px 1px 4px 0px;
	padding: 2px 3px 2px 3px;
	border: 1px solid #33363F;
	background-color: #EEE;
	color: #444;
	text-decoration: none;
}
.pagelink:hover {
	margin: 4px 1px 4px 0px;
	padding: 2px 3px 2px 3px;
	border: 1px solid #000;
	background-color: #FFF;
	color: #000;
	text-decoration: none;
}
.pagelink_off {
	margin: 4px 1px 4px 0px;
	padding: 2px 3px 2px 3px;
	border: 1px solid #999;
	background-color: #DDD;
	color: #888;
	text-decoration: none;
}
/* ------------------------- Works -------------------------------- */
#works_menu {
	color: #888;
	margin: 0px -5px 0px -5px;
	padding: 0px 4px 0px 4px;
	border-bottom: 1px solid #888;
}
#works_menu ul {
	text-align: left;
}
#works_menu ul li {
	margin: 0px auto 0px auto;
	letter-spacing: 1px;
}
a.works_link {
	color: #33363F;
	text-decoration: none;
}
a.works_link:hover {
	color: #000;
	border-bottom: 1px dotted #888;
}
.menucol_l { 
	float: left; 
	width: 160px;
	height: auto;
	margin: 1px;
	}
.menucol_r { 
	float: left;
	width: 160px;
	height: auto;
	margin: 1px;
	} 
.databox_shell {
	border-left: 1px dotted #888;
	margin: 8px 0px 0px 0px;
	padding: 0px 0px 8px 8px;
}	
.databox_shell .rec_col_l { 
	float: left; 
	width: 100px;
	height: auto;
	}
.databox_shell .rec_col_r { 
	float: left;
	width: 170px;
	height: auto;
	} 
.spacer {
	margin-top: 4px;
}	
.ilink { background: url(../images/web.png) no-repeat 0px 0px; padding-left: 24px; color: #595F6D; text-decoration: none; }
.ilink:hover { background: url(../images/web.png) no-repeat 0px -15px; color: #FFF; padding-left: 24px; color: #000; }
.audiolink { background: url(../images/audio.png) no-repeat 0px 0px; padding-left: 24px; color: #595F6D; text-decoration: none; }
.audiolink:hover { background: url(../images/audio.png) no-repeat 0px -15px; color: #FFF; padding-left: 24px; color: #000; }
.audiolink_dark { background: url(../images/audio_dark.png) no-repeat 0px 0px; padding-left: 24px; color: #595F6D; text-decoration: none; }
.audiolink_dark:hover { background: url(../images/audio_dark.png) no-repeat 0px -15px; color: #FFF; padding-left: 24px; color: #FFF; }
.scorelink { background: url(../images/pdf.png) no-repeat 0px 0px; margin-left: 2px; padding-left: 24px; color: #595F6D; text-decoration: none; }
.scorelink:hover { background: url(../images/pdf.png) no-repeat 0px -15px; color: #FFF; padding-left: 24px; color: #000; }
.audio {
	margin: 12px 12px 12px 15px;
	text-align: center;
	border-bottom: 1px dotted #888;
}
.audio_title { font-weight: bold; color: #33363F; font-size: 14px; font-style: italic; }
.no_data { font-style: italic; margin: 12px; text-align: center; }
.playlist { overflow: auto; margin: 8px 0px 8px 0px; padding: 4px; height: 150px; border: 1px solid #888; background-color: #101010; }
a.mail { border: 0px; color: #888; text-decoration: none;}
a.mail:hover { border: 0px; color: #CCC; text-decoration: none;}
.movement_list { margin: 0px; padding: 0px; list-style-position: outside; }
*+html .movement_list { list-style-position: inside; }
.footercol_image { border: 0px; margin-left: -2px; margin-top: -10px; }