/* CSS Document */

/*====================
     Containers
====================*/

body
	{
		margin:0;
		padding:0;
		font-family:"Trebuchet MS", Helvetica, Arial, sans-serif;
		background-image:url(images/background.gif);
		background-position:center;
		
	}
	
body#homePage
	{
		background-attachment:scroll;
	}
	
#mainContainer
	{
		width:940px;
		margin:0 auto;
	}
	
#leftNavigation
	{
		width:300px;
		float:left;
	}
	
#rightColumn
	{
		width:640px;
		float:right;
		background-color:#FFFFFF;
	}
	
#contentContainer
	{
		width:560px;
		padding:0 40px 40px 40px;
	}	
	
#footer
	{
		width:640px;
		margin:40px 0 0 0;
	}
	
/*====================
     Navigation
====================*/

#leftNavigation a
	{
		width:300px;
		height:30px;
		display:block;
		margin:0;
		padding:0;
	}
	
#leftNavigation a span
	{
		position:absolute;
		left:-2000px;
	}
	
#leftNavigation a:hover
	{
		background-position:0 -30px;
	}
	
#leftNavigation  a#theLogo
	{
		height:257px;
	}
	
a.selected
	{
		background-position:0 -30px;
	}
	
#menuHome
	{	
		background-image:url(images/menu-home.gif);
	} 

#menuAbout
	{	
		background-image:url(images/menu-about-us.gif);
	} 

#menuMusic
	{	
		background-image:url(images/menu-music.gif);
	} 

#menuNews
	{	
		background-image:url(images/menu-news.gif);
	} 

#menuShows
	{	
		background-image:url(images/menu-shows.gif);
	} 

#menuStore
	{	
		background-image:url(images/menu-store.gif);
	} 

#menuFunStuff
	{	
		background-image:url(images/menu-fun-stuff.gif);
	} 

#menuContact
	{	
		background-image:url(images/menu-contact.gif);
	} 

/*====================
     Heads
====================*/
h1
	{
		width:640px;
		height:110px;
		margin:0;
		padding:0;
		background-position:bottom;
		background-repeat:no-repeat;
	}
	
h1 span
	{
		position:absolute;
		left:-2000px;
	}
	
h2 span
	{
		position:absolute;
		left:-2000px;
	}
	
h1#headHome
	{
		width:640px;
		height:300px;
		background-image:url(images/image-home-page.jpg);
	}

h2#subHeadHome
	{
		width:640px;
		height:74px;
		margin:0;
		padding:0;
		background-position:bottom;
		background-repeat:no-repeat;
		background-image:url(images/subhead-home-page.gif);
	}
	
#headStore
	{
		background-image:url(images/head-store.gif);
	}
	
#headNews
	{
		background-image:url(images/head-news.gif);
	}
	
#headFunStuff
	{
		background-image:url(images/head-fun-stuff.gif);
	}
	
#headMusic
	{
		background-image:url(images/head-music.gif);
	}
	
#headContact
	{
		background-image:url(images/head-contact-us.gif);
	}
	
#headAbout
	{
		background-image:url(images/head-about-us.gif);
	}
	
	
h2
	{
		color:#384ea1;
		font-weight:normal;
	}

h2 a
	{
		text-decoration:none;
	}
h3
	{
		color:#384ea1;
		font-weight:normal;
		clear:both;
	}
	
/*====================
     content bits
====================*/

img.imageRight
	{
		float:right;
		border:1px solid #999999;
		padding:4px;
		margin: 0 0 10px 10px;
	}
	
img.imageCenter
	{
		border:1px solid #999999;
		padding:4px;
		margin: 0 auto;
		display:block;
	}
	
img.imageLeft
	{
		float:left;
		border:1px solid #999999;
		padding:4px;
		margin: 0 10px 10px 0;
	}
	
#contentContainer p,
#contentContainer ul,
#contentContainer ol
	{
		font-size:14px;
		line-height: 24px;
		color:#333333;
	}
	
#contentContainer p.caption,
#contentContainer div.floatingRightBox p.caption,
#contentContainer div.floatingLeftBox p.caption
	{
		line-height: 12px;
		font-size:9px;
	}
	
#contentContainer p#quote
	{
		width:300px;
		margin: 0 auto;
	}
	
#contentContainer p#quoteCredit
	{
		width:270px;
		margin: 0 auto;
		text-align:right;
		padding: 0 30px 10px 0;
		font-style:italic;
		color:#054290;
	}
	
#contentContainer ul
	{
		list-style-type:square;
	}
	
#contentContainer a,
#footer a
	{
		color:#054290;
	}
	
#contentContainer a:hover,
#footer a:hover
	{
		color:#9F2700;
	}
	
#contentContainer a.MP3Sample
	{
		font-size:9px;
		border:1px solid #333333;
		color:#CC0000;
		text-transform:uppercase;
		text-decoration:none;
		padding:1px 3px;
	}
			
#contentContainer a.MP3Sample:hover
	{
		border:1px solid #333333;
		color:#fff;
		background-color:#CC0000;
	}
	
div.floatingRightBox
	{
		width:200px;
		padding:5px 20px;
		border:1px solid #054290;
		margin:0 0 20px 20px;
		float:right;
		clear:right;
	}	
			
div.floatingLeftBox
	{
		width:200px;
		padding:5px 20px;
		border:1px solid #054290;
		margin:0 20px 20px 0;
		float:left;
	}	
			
#contentContainer div.floatingRightBox p,
#contentContainer div.floatingLeftBox p
	{
		font-size:12px;
		line-height:14px;
	}	
			
#musicPlayer
	{
		margin:0 auto;
		padding:10px 30px 0;
		text-align:center;
	}
	
/*====================
     footer
====================*/

#footer p
	{
		text-align:center;
		color:#0B1977;
		font-size:12px;
		clear:both;
	}

/*====================
     Coupon
====================*/

h2.couponHead
	{
		text-align:center;
		color:#999;
		font-size:14px;
		font-weight:normal;
		text-transform:uppercase;
		letter-spacing:.5em;
	}
	
#couponLeft h2,
#couponRight h2
	{
		width:210px;
		margin:10px;
		padding:20px;
		border:3px dashed #9F2700;
		text-align:center;
		float:left;
	}

hr
	{
	border:0;
	height:1px;
	color:#99b2cc;
	background-color:#99b2cc;
	}
	
.contentBlock
	{
		display:block;
		clear:both;
		height:250px;
	}