/*==============================================================================================

	Crescent and Frost XHTML/CSS by Kenneth Feldman at KPFdigital* (http://www.kpfdigital.com) 
	All associated graphics Copyright 2005, Crescent and Frost.
	
	THIS DESIGN IS NOT A TEMPLATE.
	YOU MAY NOT REPRODUCE IT ELSEWHERE WITHOUT THE DESIGNER'S WRITTEN PERMISSION.

	You may adapt elements of this CSS in your own projects, but the unique
	combination of images, colors, sizes, typography, and positioning ("the design")
	is Copyright 2005 Crescent and Frost, and may not be reproduced. (Thanks JZ/HC)
	
===============================================================================================
	
		
		* A big, BIG nod to the CSS/(X)HTML masters of the Web who taught me everything
		I know; including but not limited to: Jeffery Zeldman (http://www.zeldman.com),
		Eric Meyer (http://www.meyerweb.com), Dan Cederholm (http://www.simplebits.com),
		Vincent Flanders (http://www.webpagesthatsuck.com), Big John & Holly Bergevin 
		(http://www.positioniseverything.net) and Joe Gillespie (http://www.wpdfd.com).
	
		I have been deeply inspired by all of these authors, and in some cases have 
		adapted elements of their CSS techniques to achieve specific design goals. 
		All attempts to correctly attribute those instances have been made.  - KF



	Here we go:
	
	
	PRE-EMPTIVE PRE-STYLING. (Or, how to level the css playing field)
	--------------------------------------------------------------------------------------------

	Purpose: undo some of the default styling of common (X)HTML browsers. These rules reduce
	cross-browser troubleshooting by increasing default consistancy. 
	Based on "undohtml.css" (CC) 2004 Tantek Celik. (http://tantek.com/log/2004/undohtml.css)
	

	The star selector sets rules universally for all elements in the cascade. 
	In this case we'll use it to remove inconsistent padding and margin of elements. 
	Basically, we'll set margin and padding where we want them, rather than remove 
	them every time we don't want them. */

* { padding: 0; margin: 0; } 


	/* Turning off browser default focus outlining in IE5/Mac */

* { outline: none; } 


	/* Safari and Gecko-based browsers (such as Firefox) use padding-left to indent lists;
	Internet Explorer uses margin-left. Neither way is right nor wrong; this just equalizes 
	list behaviors. Let's get rid of list bullets here too, and set them where we want them. */

ul, ol { padding-left: 0; margin-left: 0; list-style: none; }


	/* Setting consistent margin-bottom makes all elements push down uniformly on any following element. */

h2, h3, h4, h5, h6, p,
 form, label, ul, ol, dl, fieldset, address, table, blockquote { margin-bottom: 1em; }
 

	/* Link underlines in paragraphs tend to make hypertext less readable, because underlines 
	obscure the shapes of the lower halves of words. So instead we'll set a faux underline bottom border 
	for in-line text links if desired. IE 5.0pc doesn't display this underline technique, but oh well!
	We can also set site-wide link, visited, active and hover colors here.   */

:link, :visited { text-decoration: underline; color: #9C3; }
a:hover { text-decoration: underline; color: #53A6F5; }


	/* Whoever thought blue linked image borders were a good idea? */

a img, :link img, :visited img { border: 0; }   


/*-----------------------------------------------------------------------------------------------
	End of PRE-EMPTIVE PRE-STYLING.
---------------------------------------------------------------------------------------------- */




	
/* Main Structural Elements 
-------------------------------------------- */
body { 
	background: url("img/page_bg2.gif") top left repeat-x;
	text-align: center;
	font: 76%/1.4em Arial, Verdana, Helvetica, Verdana, Geneva, Sans-serif;
	color: #666;
	}  

body#homepage  { 
	background: url("img/page_bg.gif") top left repeat-x;
	}  

#homepage #content {
	padding: 0 0 0 0px;
	margin: 0px 0px 0px 181px;
	background-color: #fff;
	text-align: left;
	}


#header {
	width: 702px;
	margin: 0 auto;
	border: 0px solid #888;
	position: relative;
	background: url("img/header_bg.gif") top left no-repeat;
	height: 129px;
	}
	
#innerheader {		
	height: 1px;
	position: relative;
	top: 0px;
	left: 31px;
	}

#container {
	position: relative;
	width: 702px;
	margin: 0 auto;
	padding: 0px;
	text-align: center;
	}

#music #container {
	position: relative;
	width: 775px;
	margin: 0 auto;
	padding: 0px;
	text-align: center;
	background-color: transparent;
	}



#box {
	padding: 1px 0;
	border-style: solid;
	border-color: #53A6F5;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 0px;
	border-right-width: 0px;
	}
	
	
	

#inner_box {
	padding:13px 0;
	position: relative;
	border-style: solid;
	border-color: #75808A;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	background: url("img/blue_stripes.gif") top left repeat-y;
	text-align: left;
	}



#music #inner_box {
	padding:0px 0;
	position: relative;
	border-style: solid;
	border-color: #75808A;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	text-align: left;
	background: none;
	}



#columns {	
	padding: 35px 0 15px 0;
	}
	
#column1 {
	position: relative;
	float: left;
	width: 270px;
	margin: 0px 80px 50px 0;
	}

#columns ul {
	list-style: disc; 
	list-style-position: inside; 
	}


#center_column {
	float:left;
	width: 357px;
	background-color: transparent;
	}




#left_column {
	float:left;
	width: 189px;
	background-color: transparent;
	}
	

#left_column p {
	padding-left: 13px;
	}


#center_column p {
	padding: 0 13px 0 5px;
	}

#center_column h3 {
	margin:1px 0 9px 5px;
	padding:0;
	padding-top: 12px;
	overflow: hidden;
	height: 0px !important; /* for most browsers */
	height /**/:12px; /* for pre 6.0 IE Win */
	background: transparent url(img/cf_band_h3.gif) top left no-repeat;
	}


#maryann #center_column h3 {
	margin:0 0 20px 5px;
	padding:0;
	padding-top: 19px;
	overflow: hidden;
	height: 0px !important; /* for most browsers */
	height /**/:19px; /* for pre 6.0 IE Win */
	background: transparent url(img/band_maryann.gif) top left no-repeat;
	}

#daniel #center_column h3 {
	margin:0 0 20px 5px;
	padding:0;
	padding-top: 15px;
	overflow: hidden;
	height: 0px !important; /* for most browsers */
	height /**/:15px; /* for pre 6.0 IE Win */
	background: transparent url(img/marcus_h3.gif) top left no-repeat;
	}
	
#rich #center_column h3 {
	margin:0 0 20px 5px;
	padding:0;
	padding-top: 15px;
	overflow: hidden;
	height: 0px !important; /* for most browsers */
	height /**/:15px; /* for pre 6.0 IE Win */
	background: transparent url(img/rich_h3.gif) top left no-repeat;
	}
	
	
#jason #center_column h3 {
	margin:0 0 20px 5px;
	padding:0;
	padding-top: 15px;
	overflow: hidden;
	height: 0px !important; /* for most browsers */
	height /**/:15px; /* for pre 6.0 IE Win */
	background: transparent url(img/jason_h3.gif) top left no-repeat;
	}
	
#news #center_column h3 {
	margin:0 0 20px 5px;
	padding:0;
	padding-top: 15px;
	overflow: hidden;
	height: 0px !important; /* for most browsers */
	height /**/:15px; /* for pre 6.0 IE Win */
	background: transparent url(img/latest_news.gif) top left no-repeat;
	}

#news #center_column h4 {
	margin:0 0 20px 5px;
	padding:0;
	padding-top: 9px;
	overflow: hidden;
	height: 0px !important; /* for most browsers */
	height /**/:9px; /* for pre 6.0 IE Win */
	background: transparent url(img/may_2005.gif) top left no-repeat;
	}


#left_column h3 {
	margin:0 0 0 13px;
	padding-top: 22px;
	overflow: hidden;
	height: 0px !important; /* for most browsers */
	height /**/:22px; /* for pre 6.0 IE Win */
	background: transparent url(img/theband_h3.gif) top left no-repeat;
	}

#links #main h3 {
	margin:15px 0 10px 15px;
	padding-top: 15px;
	overflow: hidden;
	height: 0px !important; /* for most browsers */
	height /**/:15px; /* for pre 6.0 IE Win */
	background: transparent url(img/links_h3.gif) top left no-repeat;
	}

#right_column {
	float: left;
	height: 150px;
	width: 154px;
	padding-top: 0px;
	text-align: center;	
	}

#the_band #right_column img { 
	margin: 0 auto;
	}


#the_band #right_column {
	float: left;
	height: 150px;
	width: 154px;
	padding-top: 12px;	
	}

#nl_box {
	padding: 0px 0;
	border-style: solid;
	border-color: #75808A;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	text-align: left;
}

#nl_inner {
	padding:12px 12px 10px 12px;
	background-color:#CCE184;
	border-style: solid;
	border-color: #fff;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	}
	
#nl_inner p {
	font: .9em/1.1em Arial, Verdana, Helvetica, Verdana, Geneva, Sans-serif;
	margin-bottom: .7em;
	}

#nl_inner h4 {
	margin: 0 0 5px 0;
	text-indent: -9876px;
	width: 106px;
	height: 19px;
	background: transparent url(img/nl_h4.gif) top left no-repeat;
	}



#footer {
	clear: both;
	border-top: 0px solid #53A6F5;
	padding-top: 4px;
	text-align: center;
	}

#homepage #footer {
	clear: both;
	border-top: 0px solid #53A6F5;
	padding-top: 4px;
	text-align: center;
	
	}


/* CONTACT PAGES
--------------------------------------------*/


#contact #inner_box {
	padding:0;
	position: relative;
	border-style: solid;
	border-color: #75808A;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	width: 702px;
	background: url("img/tan_stripes_contact.gif") top left repeat-y;
	text-align: left;
	}


#contact #center_column {
	float:left;
	width: 215px;
	height: 348px;
	background-color: transparent;
	background: url("img/mf_contact_pic.jpg") top left no-repeat;
	}


	
#contact #left_column {
	padding:13px 0;
	float:left;
	width: 182px;
	background-color: transparent;
	}

#contact #left_column h3 {
	margin:0 0 20px 13px;
	padding-top: 15px;
	overflow: hidden;
	height: 0px !important; /* for most browsers */
	height /**/:15px; /* for pre 6.0 IE Win */
	background: transparent url(img/contact_h3.gif) top left no-repeat;
	}

#contact #right_column {
	padding:0;
	float: left;
	height: 150px;
	width: 250px;
	padding-top: 0px;
	text-align: center;	
	background-color: transparent;
	}
	

#contact #right_column #insert {
	margin: 13px 0px 0 13px;
	text-align: left;
	background-color: transparent;
	}


#contact #right_column h4 {
	margin: 0 0 25px 0;
	text-indent: -9876px;
	width: 108px;
	height: 19px;
	background: transparent url(img/join_ml_h4.gif) top left no-repeat;
	}


#contact_dan {
	background-color: #EEEDD1;
	padding: 7px 0;
	font: .95em/1.4em Arial, Verdana, Helvetica, Verdana, Geneva, Sans-serif;
	color: #000;
	}




/* LINKS PAGE
--------------------------------------------*/

#links #inner_box {
	padding:0;
	border-style: solid;
	border-color: #75808A;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	width: 702px;
	background: none;
	text-align: left;
	}

#links #main {
	padding:0px 0;
	float:right;
	width: 467px;
	height: 348px;
	background-color: #F1E9F7;
	}	
		
#links #right_column {
	padding:0;
	float: right;
	display:inline;
	height: 348px;
	width: 235px;
	padding-top: 0px;
	background: transparent url(img/dan_guitar.jpg) top left no-repeat;
	}
	



/* DATES PAGES
--------------------------------------------*/


#dates #inner_box {
	padding:0;
	border-style: solid;
	border-color: #75808A;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	width: 702px;
	background: none;
	background-color: #F7EEE9;
	text-align: left;
	position: relative;
	/*height: 400px;*/ 
	}

	
#dates #shows {
	float: none;
	margin-left: 235px;
	padding:0;
	width: 467px;
	padding-top: 0px;
	text-align: left;	
	background-color: #F7EEE9;
	}
	
#dates #main {
	position: absolute;
	top: 40px;
	left: 0;
	padding:0px 0;
	margin: 0;
	width: 235px;
	height: 348px;
	background: transparent url(img/dates_mf.jpg) top left no-repeat;
	}	


#dates h3  {
	margin: 10px 0 15px 10px;
	padding:0;
	padding-top: 15px;
	overflow: hidden;
	height: 0px !important; /* for most browsers */
	height /**/:15px; /* for pre 6.0 IE Win */
	background: transparent url(img/showdates_h3.gif) top left no-repeat;
	}



/* DATES NAV Styles
-------------------------------------------- */

#datecontainer { padding-left: 5px; }

#datecontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font: 12px/130% Arial, Helvetica, sans-serif;
}

#datecontainer li {
	margin-bottom: 10px;
	}

#datecontainer a {
	display: block;
	padding: 10px 15px;
	width: 420px;	/* For browsers that get the box model correct, but choke on the escapes in the following rule */
	\width: 450px;	/* This hacked width gets delivered to IE5.x only */
	w\idth: 420px;	/* Cannot be read by IE5.x, but is read and used by modern 'escape friendly' browsers */
	background-color: #F0DDDB;
	border-bottom: 0px solid #fff;
	border-right: 5px solid #eee;
	}

#datecontainer a:link, #datelist a:visited
{
color: #8E6A67;
text-decoration: none;
}

#datecontainer a:hover
{
background-color: #EFC7C3;
color: #8E6A67;
text-decoration: none;
}





/* PRESS PAGES
--------------------------------------------*/


#press #inner_box, 
#presskit #inner_box {
	padding:13px 0;
	position: relative;
	border-style: solid;
	border-color: #75808A;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	width: 702px;
	background: url("img/tan_stripes.gif") top left repeat-y;
	text-align: left;
	}


#press #center_column {
	float:left;
	width: 357px;
	background-color: transparent;
	} 

#press #center_column p {
	padding-right: 25px;
	}



#press #left_column {
	float:left;
	width: 189px;
	background-color: transparent;
	}
	
	

#press #right_column img,
#presskit #right_column img { 
	margin: 0 auto;
	margin-bottom: 35px;
	}



#press #right_column #nl_inner img,
#presskit #right_column #nl_inner img { 
	margin: 0;
	}



#press #left_column h3,
#presskit #left_column h3 {
	margin: 0 0 0px 13px;
	text-indent: -9876px;
	width: 42px;
	height: 22px;
	background: transparent url(img/press_page_h3.gif) top left no-repeat;
	}

#press #center_column h3  {
	margin:0 0 20px 5px;
	padding:0;
	padding-top: 15px;
	overflow: hidden;
	height: 0px !important; /* for most browsers */
	height /**/:15px; /* for pre 6.0 IE Win */
	background: transparent url(img/press_reviews_h3.gif) top left no-repeat;
	}

#presskit #center_column h3  {
	margin:0 0 20px 5px;
	padding:0;
	padding-top: 15px;
	overflow: hidden;
	height: 0px !important; /* for most browsers */
	height /**/:15px; /* for pre 6.0 IE Win */
	background: transparent url(img/presskit_h3.gif) top left no-repeat;
	}






/* Typography
--------------------------------------------*/

/* Hoverable Link-Image Replacement ala Zeldman */

#header h1	{
	position: absolute;
	top: 62px;
	left: 10px;
	text-indent: -9876px;
	width: 158px;
	height: 15px;
	background: transparent url(img/h1_logo.gif) top left no-repeat;
	font:3px/1px arial, sans-serif;
	}

#header h1 a	{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	background: transparent url(img/h1_logo.gif) top left no-repeat;
	}

#header h1 a:hover	{
	background: transparent url(img/h1_logo.gif) 0 -30px no-repeat;
	}


#header h2#mf {
	z-index: 100;
	position: absolute;
	top: 67px;
	left: 189px;
	text-indent: -9876px;
	width: 96px;
	height: 9px;
	background: transparent url(img/mf_h2.gif) top left no-repeat;
	}


#header h2#dm {
	z-index: 100;
	position: absolute;
	top: 67px;
	left: 300px;
	text-indent: -9876px;
	width: 96px;
	height: 9px;
	background: transparent url(img/dm_h2.gif) top left no-repeat;
	}




h2 {
	font-size: 1.5em;
	color: #E7781C;
	}

h3 {
	font-size: 1.1em;
	color: #9C3;
	}

#the_band blockquote#main {
	margin-bottom: 1em;
	padding-top: 42px;
	overflow: hidden;
	height: 0px !important; /* for most browsers */
	height /**/:42px; /* for pre 6.0 IE Win */
	background: transparent url(img/main_quote.gif) top left no-repeat;
	}

#the_band blockquote#one,
#music blockquote#one {
	padding-top: 43px;
	overflow: hidden;
	height: 0px !important; /* for most browsers */
	height /**/:43px; /* for pre 6.0 IE Win */
	background: transparent url(img/press_03.gif) top left no-repeat;
	}

#the_band blockquote#two,
#music blockquote#two {
	padding-top: 43px;
	overflow: hidden;
	height: 0px !important; /* for most browsers */
	height /**/:43px; /* for pre 6.0 IE Win */
	background: transparent url(img/press_05.gif) top left no-repeat;
	}

#the_band blockquote#three,
#music blockquote#three {
	padding-top: 43px;
	overflow: hidden;
	height: 0px !important; /* for most browsers */
	height /**/:43px; /* for pre 6.0 IE Win */
	background: transparent url(img/press_06.gif) top left no-repeat;
	}

#press blockquote { color: #066; margin-left: 20px; margin-right: 15px; }



#footer p {
	font-size: 10px;
	margin-bottom: 5em;
	color: #888;
	}

#footer p.credits {
	font-size: 9px;
	color: #888;
	
	}

#footer p.sitecredits {
	font-size: 9px;
	color: #888;
	}


#columns strong { color: #5E607A;}

strong#signature { color: #9C3; }
strong#date { color: #53A6F5; }




/* Link Styles
-------------------------------------------- */

a.colink:link { color: #666; text-decoration: none; border-bottom: 1px dotted #666; } 
a.colink:visited {color: #666; text-decoration: none; border-bottom: 1px dotted #666; }
a.colink:hover { color: #E7781C; text-decoration: none; border-bottom: 1px dotted #E7781C; }
a.colink:active { color: #687EB7; text-decoration: none; border-bottom: 1px dotted #687EB7; }

a.kpf:link { color: #888; text-decoration: none; border-bottom: 1px dotted #888; } 
a.kpf:visited {color: #888; text-decoration: none; border-bottom: 1px dotted #888; }
a.kpf:hover { color: #E7781C; text-decoration: none; border-bottom: 1px dotted #E7781C; }
a.kpf:active { color: #687EB7; text-decoration: none; border-bottom: 1px dotted #687EB7; }

a.contact:link { color: #000; text-decoration: underline; } 
a.contact:visited {color: #000; text-decoration: underline; }
a.contact:hover { color: #53A6F5; text-decoration: underline; }
a.contact:active { color: #9C0; text-decoration: underline; }

a.link_emphasis:link { color: #930; text-decoration: underline; } 
a.link_emphasis:visited {color: #930; text-decoration: underline; }
a.link_emphasis:hover { color: #C90; text-decoration: underline; }
a.link_emphasis:active { color: #9F0; text-decoration: underline; }




/* Image Styles
-------------------------------------------- */

#main_pic { margin: 0 0 0 181px; }

#now_avail { position: absolute; top:105px; left:389px;}





/* Navigation Styles
-------------------------------------------- */


#nav_bar {border: 0px solid black; padding: 0; margin: 0px; height: 41px; position: absolute; top: 63px; left: 183px; background: transparent; }

#nav_bar ul {margin: 0px; padding: 0; border: 0px dotted #F00; width: 519px; height: 41px; position: relative; background: transparent;}

#nav_bar ul li { height: 20px; margin: 0; padding: 0; list-style: none; position: absolute; background: transparent;}
	
#nav_bar a { height: 20px;	display: block; border: 0px;}	

#nav_bar ul li a {text-indent: -9999px; text-decoration: none;}
	
#nav_bar ul li#nb1 {top: 21px; left: 0px; height: 20px; width: 63px; background: url("img/mb2.gif") 0px -21px no-repeat; }
#nav_bar ul li#nb2 {top: 21px; left: 63px; height: 20px; width: 79px; background: url("img/mb2.gif") -63px -21px no-repeat; }
#nav_bar ul li#nb3 {top: 21px; left: 142px; height: 20px; width: 51px; background: url("img/mb2.gif") -142px -21px no-repeat; }
#nav_bar ul li#nb4 {top: 21px; left: 193px; height: 20px; width: 51px; background: url("img/mb2.gif") -193px -21px no-repeat; }
#nav_bar ul li#nb5 {top: 21px; left: 244px; height: 20px; width: 51px; background: url("img/mb2.gif") -244px -21px no-repeat; }
#nav_bar ul li#nb6 {top: 21px; left: 295px; height: 20px; width: 66px; background: url("img/mb2.gif") -295px -21px no-repeat; }
#nav_bar ul li#nb7 {top: 0px; left: 361px; height: 21px; width: 67px; background: url("img/mb2.gif") -361px 0px no-repeat; }
#nav_bar ul li#nb8 {top: 0px; left: 428px; height: 21px; width: 91px; background: url("img/mb2.gif") -428px 0px no-repeat; }


#nb1 a:hover {height: 20px; width: 63px; background: url("img/mb2.gif") 0px -62px no-repeat;}
#nb2 a:hover {height: 20px; width: 79px; background: url("img/mb2.gif") -63px -62px no-repeat;}
#nb3 a:hover {height: 20px; width: 51px; background: url("img/mb2.gif") -142px -62px no-repeat;}
#nb4 a:hover {height: 20px; width: 51px; background: url("img/mb2.gif") -193px -62px no-repeat;}
#nb5 a:hover {height: 20px; width: 51px; background: url("img/mb2.gif") -244px -62px no-repeat;}
#nb6 a:hover {height: 20px; width: 66px; background: url("img/mb2.gif") -295px -62px no-repeat;}
#nb7 a:hover {height: 21px; width: 67px; background: url("img/mb2.gif") -361px -41px no-repeat;}
#nb8 a:hover {height: 21px; width: 91px; background: url("img/mb2.gif") -428px -41px no-repeat;}


#nav_bar ul li#onpage1 {top: 21px; left: 0px; height: 20px; width: 63px; background: url("img/mb2.gif") -0px -62px no-repeat;}
#nav_bar ul li#onpage2 {top: 21px; left: 63px; height: 20px; width: 79px; background: url("img/mb2.gif") -63px -62px no-repeat;}
#nav_bar ul li#onpage3 {top: 21px; left: 142px; height: 20px; width: 51px; background: url("img/mb2.gif") -142px -62px no-repeat;}
#nav_bar ul li#onpage4 {top: 21px; left: 193px; height: 20px; width: 51px; background: url("img/mb2.gif") -193px -62px no-repeat;}
#nav_bar ul li#onpage5 {top: 21px; left: 244px; height: 20px; width: 51px; background: url("img/mb2.gif") -244px -62px no-repeat;}
#nav_bar ul li#onpage6 {top: 21px; left: 295px; height: 20px; width: 66px; background: url("img/mb2.gif") -295px -62px no-repeat;}
#nav_bar ul li#onpage7 {top: 0px; left: 361px; height: 21px; width: 67px; background: url("img/mb2.gif") -361px -41px no-repeat;}
#nav_bar ul li#onpage8 {top: 0px; left: 428px; height: 21px; width: 91px; background: url("img/mb2.gif") -428px -41px no-repeat;}



/* SUB-Navigation Styles
-------------------------------------------- */


#sub_nav {border: 0px solid black; padding: 0; margin: 0 0 200px 0px; height: 127px; top: 35px; left: 0px; background: transparent; }

#sub_nav ul {margin: 0px; padding: 0; border: 0px dotted #F00; width: 182px; height: 127px; position: relative; background: transparent;}

#sub_nav ul li { height: 17px; margin: 0; padding: 0; list-style: none; position: absolute; background: transparent;}
	
#sub_nav a { height: 17px; display: block; border: 0px;}	

#sub_nav ul li a {text-indent: -9999px; text-decoration: none;}
	
#sub_nav ul li#sn1 {top: 0px; left: 0px; height: 17px; width: 182px; background: url("img/sn.gif") 0px 0px no-repeat; }
#sub_nav ul li#sn2 {top: 22px; left: 0px; height: 17px; width: 182px; background: url("img/sn.gif") 0px -22px no-repeat; }
#sub_nav ul li#sn3 {top: 44px; left: 0px; height: 17px; width: 182px; background: url("img/sn.gif") 0px -44px no-repeat; }
#sub_nav ul li#sn4 {top: 66px; left: 0px; height: 17px; width: 182px; background: url("img/sn.gif") 0px -66px no-repeat; }
#sub_nav ul li#sn5 {top: 88px; left: 0px; height: 17px; width: 182px; background: url("img/sn.gif") 0px -88px no-repeat; }
#sub_nav ul li#sn6 {top: 110px; left: 0px; height: 17px; width: 182px; background: url("img/sn.gif") 0px -110px no-repeat; }


#sn1 a:hover {height: 17px; width: 182px; background: url("img/sn.gif") -182px 0px no-repeat;}
#sn2 a:hover {height: 17px; width: 182px; background: url("img/sn.gif") -182px -22px no-repeat;}
#sn3 a:hover {height: 17px; width: 182px; background: url("img/sn.gif") -182px -44px no-repeat;}
#sn4 a:hover {height: 17px; width: 182px; background: url("img/sn.gif") -182px -66px no-repeat;}
#sn5 a:hover {height: 17px; width: 182px; background: url("img/sn.gif") -182px -88px no-repeat;}
#sn6 a:hover {height: 17px; width: 182px; background: url("img/sn.gif") -182px -110px no-repeat;}


#sub_nav ul li#s_onpage1 {top: 0px; left: 0px; height: 17px; width: 182px; background: url("img/sn.gif") -182px 0px no-repeat;}
#sub_nav ul li#s_onpage2 {top: 22px; left: 0px; height: 17px; width: 182px; background: url("img/sn.gif") -182px -22px no-repeat;}
#sub_nav ul li#s_onpage3 {top: 44px; left: 0px; height: 17px; width: 182px; background: url("img/sn.gif") -182px -44px no-repeat;}
#sub_nav ul li#s_onpage4 {top: 66px; left: 0px; height: 17px; width: 182px; background: url("img/sn.gif") -182px -66px no-repeat;}
#sub_nav ul li#s_onpage5 {top: 88px; left: 0px; height: 17px; width: 182px; background: url("img/sn.gif") -182px -88px no-repeat;}
#sub_nav ul li#s_onpage6 {top: 110px; left: 0px; height: 17px; width: 182px; background: url("img/sn.gif") -182px -110px no-repeat;}



/* Press SUB-Navigation Styles
-------------------------------------------- */


#press_sub_nav {border: 0px solid black; padding: 0; margin: 0 0 100px 0px; height: 127px; top: 35px; left: 0px; background: transparent; }

#press_sub_nav ul {margin: 0px; padding: 0; border: 0px dotted #F00; width: 182px; height: 127px; position: relative; background: transparent;}

#press_sub_nav ul li { height: 17px; margin: 0; padding: 0; list-style: none; position: absolute; background: transparent;}
	
#press_sub_nav a { height: 17px; display: block; border: 0px;}	

#press_sub_nav ul li a {text-indent: -9999px; text-decoration: none;}
	
#press_sub_nav ul li#psn1 {top: 0px; left: 0px; height: 17px; width: 182px; background: url("img/psn.gif") 0px 0px no-repeat; }
#press_sub_nav ul li#psn2 {top: 22px; left: 0px; height: 17px; width: 182px; background: url("img/psn.gif") 0px -22px no-repeat; }


#psn1 a:hover {height: 17px; width: 182px; background: url("img/psn.gif") -182px 0px no-repeat;}
#psn2 a:hover {height: 17px; width: 182px; background: url("img/psn.gif") -182px -22px no-repeat;}


#press_sub_nav ul li#ps_onpage1 {top: 0px; left: 0px; height: 17px; width: 182px; background: url("img/psn.gif") -182px 0px no-repeat;}
#press_sub_nav ul li#ps_onpage2 {top: 22px; left: 0px; height: 17px; width: 182px; background: url("img/psn.gif") -182px -22px no-repeat;}





/* Form Styles
-------------------------------------------- */

#thisform {
	width: 270px;
	}

form dd {
	margin-bottom: 5px;
	}	
	
#realname, #user_lname, #email, #comment,
#user_addr1, #user_addr2 {
	width: 240px;
	}	

#user_city, #user_state, #user_zip {
	width: 200px;
	}	

#thisform label {
	font-weight: normal;
	}

#thisform fieldset {
	border: 1px solid #ccc;
	padding: 10px 20px;
	}

#thisform legend {
	color: #666;
	border: 1px solid #ccc;
	padding: 4px 8px;
	}	

#contact input:hover, #contact textarea:hover { 
	border: 1px solid #666;
	color: #000;
	}

#contact input:focus, #contact textarea:focus { 
	background: #fff;
	border: 1px solid #666;
	}

#contact input, #contact textarea	{
	border: 1px solid #ccc;
	background-color: #fff;
	color: #666;
	padding: 0px;
	}

#donatepage input {
	border: 0;
	padding: 0;
	color: #E7781C;
	}

#donatepage input:hover {
	border: 0px solid #666;
	color: #F00;
	}


/* LINKS NAV Styles
-------------------------------------------- */

#navcontainer { width: 100%;  }

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font: 12px/130% Arial, Helvetica, sans-serif;
}

#navcontainer li {
	float: left;
	margin-bottom: 6px;
	}

#navcontainer a {
	display: block;
	padding: 15px 15px;
	width: 195px;	/* For browsers that get the box model correct, but choke on the escapes in the following rule */
	\width: 225px;	/* This hacked width gets delivered to IE5.x only */
	w\idth: 195px;	/* Cannot be read by IE5.x, but is read and used by modern 'escape friendly' browsers */
	background-color: #E5DEEB;
	border-bottom: 0px solid #fff;
	border-right: 5px solid #F1E9F7;
	}

#navcontainer a:link, #navlist a:visited
{
color: #957DAA;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #CCA8EC;
color: #fff;
}



#homepage hr { margin: 20px 0px 0px; height: 3px; color: #53A6F5; border: none; } /* For Internet Explorer */
#homepage hr { margin: 20px 0px 0px; height: 3px; background-color: #53A6F5; border: none;} /* For Gecko-based browsers */
#homepage hr { margin: 20px 0px 0px; height: 3px; background-color: #53A6F5; border: 0px solid #53A6F5; } /* For Opera and Gecko-based browsers */


hr { margin: 20px 10px 20px; height: 1px; color: #888; border: none; } /* For Internet Explorer */
hr { margin: 20px 10px 20px; height: 1px; background-color: #888; border: none;} /* For Gecko-based browsers */
hr { margin: 20px 10px 20px; height: 1px; background-color: #888; border: 0px solid #888; } /* For Opera and Gecko-based browsers */





/* Product Box Styles
-------------------------------------------- */


#product_box_1 {
	padding: 10px 0px 10px 10px;
	margin-bottom: 25px;
		}


#product_box_1 img {
	float: left;
	margin-right: 15px;
	}

#product_box_1 p {
	margin-top: 65px;
	color: #003;
	}

#view_cart {
	padding: 10px 0px 00px 20px;
	margin-bottom: 15px;
		}
#view_cart p {
	color: #666;
	}



#music #left_column h3 {
	margin:0 0 15px 13px;
	padding-top: 15px;
	overflow: hidden;
	height: 0px !important; /* for most browsers */
	height /**/:15px; /* for pre 6.0 IE Win */
	background: transparent url(img/music_h3.gif) top left no-repeat;
	}


#music #left_column p { 
	margin: 0 30px 10px 0;
	font-size: .95em;
	}



.hide {    
	height: 0;
	width: 0;
	left: -9999px;
	overflow: hidden;
	position: absolute;
	}