/*-----------------------------------------------------------------------------
Website Style Sheet

version:   1.0
author:    Chris Monnat
email:     cmonnat@practisinc.com
website:   http://www.mimrad.com/

TABLE OF CONTENTS

-----------------------------------------------------------------------------*/

@media screen {

	* html #nav_main a:hover { background:#ccccff; }

	/* =General
	-----------------------------------------------------------------------------*/
	body {
	  font-smooth: 10px;
	  padding: 0;
	  margin: 0;
	  color:#cccccc;
	  font: 12px "Trebuchet MS";
	  text-align: center; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  min-width: 866px;
	  overflow: -moz-scrollbars-vertical;

	   /* Centered design work around for Netscape 6. */
	  
	  background: url(../images/bg.jpg) #2f2f2f repeat-x;
	}
	
	/* Class for clearing floats */
	.clear { clear: both; }
	
	/* Remove border around linked images */
	img { border: 0; }
	
	/*p { margin: 60px 20px 0 25px; }*/
	
	h1, h2, h3, h4, h5 { margin: 0.4em 0; color:#ffffff; font-family:Arial, Helvetica, sans-serif; }
	h1 { font-size: 1.5em; }
	h2 { font-size: 1.3em; }
	h3 { font-size: 1.1em; }
	h4 { /* different color */ }
	h5 { /* different color */ }
	
	
	/* =Links
	-----------------------------------------------------------------------------*/
	a:link { color: #ffffff; }
	a:visited { color: #ffffff; }
	a:hover {  }
	
	
	/* =Structure
	-----------------------------------------------------------------------------*/
	#container {
	  width: 866px;
	  margin: 10px auto;
	  text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */

}
	
	#three_column #content {  }
	#two_column #content {   }
	
	/*#three_column #footer { height:64px; background: url(../images/bg_footer.gif) no-repeat; }
	#two_column #footer { height:125px; background: url(../images/bg_footer2.gif) no-repeat; }*/
	
	/* =Utility
	-----------------------------------------------------------------------------*/
	#utility { text-align:right; height:44px; margin-right:20px; }
	#utility a { text-decoration:none; }
	#utility a:hover { text-decoration:underline; }

	
		/* =Logo
	-----------------------------------------------------------------------------*/
	#logo { height:79px; }
	#logo h1 { width:241px; height:79px; margin: 0px; padding: 0px; position:relative; float: left;   }
	#logo h1 span { width:100%; height:100%; position: absolute; background: url(../images/logo.png) no-repeat; }
	
	
	/* =Navigation
	-----------------------------------------------------------------------------*/
	ul#nav_main { height:79px; width:625px; float:left; margin:0; padding:0; list-style-type:none; }
	ul#nav_main li { float:left; }
	ul#nav_main li a { display:block; }
	
	ul#nav_main li.bio { width:102px; height:79px; position:relative; }
	ul#nav_main li.bio a span, ul#nav_main li.bio a:link span { width:100%; height:100%; position:absolute; background:url(../images/buttons/btn_bio.gif) no-repeat; }
	ul#nav_main li.bio a:hover span { background:url(../images/buttons/btn_bio.gif) no-repeat 0 -79px; }
	body.bio ul#nav_main li.bio a span { background: url(../images/buttons/btn_bio.gif) no-repeat 0 -79px; }

	ul#nav_main li.gallery { width:130px; height:79px; position:relative; }
	ul#nav_main li.gallery a span, ul#nav_main li.gallery a:link span { width:100%; height:100%; position:absolute; background:url(../images/buttons/btn_gallery.gif) no-repeat; }
	ul#nav_main li.gallery a:hover span { background:url(../images/buttons/btn_gallery.gif) no-repeat 0 -79px; }
	body.gallery ul#nav_main li.gallery a span { background: url(../images/buttons/btn_gallery.gif) no-repeat 0 -79px; }

	ul#nav_main li.tunes { width:108px; height:79px; position:relative; }
	ul#nav_main li.tunes a span, ul#nav_main li.tunes a:link span { width:100%; height:100%; position:absolute; background:url(../images/buttons/btn_tunes.gif) no-repeat; }	
	ul#nav_main li.tunes a:hover span { background:url(../images/buttons/btn_tunes.gif) no-repeat 0 -79px; }
	body.tunes ul#nav_main li.tunes a span { background: url(../images/buttons/btn_tunes.gif) no-repeat 0 -79px; }
	
	ul#nav_main li.radio { width:109px; height:79px; position:relative; }
	ul#nav_main li.radio a span, ul#nav_main li.radio a:link span { width:100%; height:100%; position:absolute; background:url(../images/buttons/btn_radio.gif) no-repeat; }
	ul#nav_main li.radio a:hover span { background:url(../images/buttons/btn_radio.gif) no-repeat 0 -79px; }
	body.radio ul#nav_main li.radio a span { background: url(../images/buttons/btn_radio.gif) no-repeat 0 -79px; }
	
	ul#nav_main li.bookings { width:176px; height:79px; position:relative; }
	ul#nav_main li.bookings a span, ul#nav_main li.bookings a:link span { width:100%; height:100%; position:absolute; background:url(../images/buttons/btn_bookings.gif) no-repeat; }
	ul#nav_main li.bookings a:hover span { background:url(../images/buttons/btn_bookings.gif) no-repeat 0 -79px; }
	body.bookings ul#nav_main li.bookings a span { background: url(../images/buttons/btn_bookings.gif) no-repeat 0 -79px; }
	

	
	#nav_sub { width:117px; height:107px; float: right; padding: 40px 0 0 95px;; background: url(../images/bg_nav_sub.gif) no-repeat; }
	#nav_sub, #nav_sub a { color: #; }
	#nav_sub a { padding: 0 5px; }
	
	
	#two_column #nav_supp { padding-top: 65px; }
	#nav_supp { text-align: center; font-size: 0.92em; }
	#nav_supp, #nav_supp a { color: #5b6488; }
	#nav_supp a { padding: 0 5px; }
	#nav_supp a { text-decoration: none; }
	#nav_supp a:hover { text-decoration: underline; }
	
	
	/* =flash
	-----------------------------------------------------------------------------*/	
	#flash { width:866px; height:232px;}
	#hdr { width:866px; height:136px;}
			
	
	/* =Three Column
	-----------------------------------------------------------------------------*/
	#three_column #content_main { display:inline; width:372px; height:444px; float: left; margin-left:225px; background: url(../images/bg_primary_content.gif) no-repeat 0 245px; }
	
	#three_column #content { width:866px; height:297px; float:left; }
	#three_column #content #events { width:300px; height:297px; float:left; background-image:url(../images/img_upcoming_events.png); color:#FFFFFF;  }
	#three_column #content #events ul { margin:70px 20px 0 10px;   }
	#three_column #content #events li { line-height:20px;  }

	#three_column #content #main { width:350px; height:297px; float:left; background-image:url(../images/img_welcome.png); color:#FFFFFF; }
	#three_column #content #main p { margin:70px 20px 0 20px; }
	#three_column #content #column3 { width:216px; height:297px; float:left; background-image:url(../images/img_sponsors.png); }
	
	#three_column #content_sub { display:inline; width:212px; float:left; margin-left: -584px; }
	
	#three_column #content_supp{ display:inline; width:250px; float: left; }
	
	#three_column #content_sub ul,#three_column #content_supp ul { padding:0; margin:0 0 0 10px; list-style-type:none; }
	#three_column #content_sub li,#three_column #content_supp li { padding-left: 15px; background: url(../images/bullet2.gif) no-repeat 0 6px; }
	
	#three_column #content_sub ul { margin-left: 20px; }
	
	
		/* =Two Column
	-----------------------------------------------------------------------------*/
	#two_column #content_main { display:inline; width:372px; height:444px; float: left; margin-left:225px; background: url(../images/bg_primary_content.gif) no-repeat 0 245px; }
	
	#two_column #content { width:866px; height:297px; float:left; }
	#two_column #content #column1 { width:300px; height:247px; float:left; background-image:url(../images/img_upcoming_events.png); padding-top:50px; }
	#two_column #content #column2 { width:566px; height:411px; float:left; background-image:url(../images/img_body.png); }
	#two_column #content #column2 #p_column2 { padding-top:20px; padding-left:20px; padding-right:20px; }
	#two_column #content #column2 #p_column2 h1(  )
	
	
	/* =Footer
	-----------------------------------------------------------------------------*/
	#footer { font-size:11px; height:40px;  }
	#footer #sub { margin-top:30px; text-align:center; }
	#footer #sub a { text-decoration: none; }
	#footer #sub a:hover { text-decoration: underline; }
	
	#footer #supp {text-align:center; }
	#footer #supp a { text-decoration: none; }
	#footer #supp a:hover { text-decoration: underline; }
	
	
	/* =Two Column
	-----------------------------------------------------------------------------*/
	#two_column #content_main { display:inline; width:622px; float:right; margin-right: 13px; background: #f5ffb1 url(../images/bg_primary_content2.gif) no-repeat bottom; }
	
	#padding { padding: 0 20px; }
	
	#two_column #content_sub { display: inline; width: 214px; float:left; margin-left: 13px; }
	
	#in_this_section { width:208px; margin-left: 4px; padding-bottom: 5px; background: #e1dae3 url(../images/bg_in_this_section.gif) no-repeat bottom; border-bottom: 3px solid #FFFFFF; }
	#in_this_section h3 { margin-top:0; padding: 5px 0 0 10px; }
	#in_this_section ul { padding:0 5px 0 20px; margin:0; list-style-type:none; }
	#in_this_section li { line-height: 18px; }
	#in_this_section li a { color:#454545; text-decoration:none; }
	#in_this_section li a:hover { text-decoration: underline; }
	
	

	
	
	/* =Forms
	-----------------------------------------------------------------------------*/
	form { padding: 0.4em; margin: 0; }
	form em { color: #FF0000; }
	form p { clear: left; margin: 0; padding: 0; padding-top: 0.4em; }
	form p label { float: left; width: 35%; }
	
	fieldset { padding: 0.6em; padding-left: 0.7em; }
	fieldset legend { padding: 0; margin-bottom: 0.2em; font-weight: bold; color: #000000; font-size: 1.1em; }
	
	input.txt { width: 200px; }
	
	/*textarea {
	  width: 300px;
	  height: 100px;
	}
	*/
	
	.formerror {
	  border: 1px solid red;
	  background-color : #FFCCCC;
	  width: auto;
	  padding: 0.4em;
	  margin-bottom: 0.4em;
	}
	.formerror ul { padding-left: 1.7em; }
	
	
	/* =Tables
	-----------------------------------------------------------------------------*/
	td {
	  text-align: left;
	}
	
	
	/* =Misc 1
	-----------------------------------------------------------------------------*/
	.question { background: #FF0000; }
	
	
	/* =Misc 2
	-----------------------------------------------------------------------------*/
	.vcard { margin-left: 10px; }
}