/* CSS Document */


/* Menu */

#nav {margin: 0 0 50px 0;}
 
/* the styling */
#nav {float:left; padding-left:100px; width:900px; height: 83px; background:#d1e1ce url("images/btm.jpg");}
 
#nav .select, #nav .current {margin:2.6em 0 0 0; padding:0; list-style:none; display:block; float:left;}
 
#nav .sub {margin:0; padding:0; list-style:none;}
 
#nav li {display:block; float:left; margin:0; padding:0; position:relative; z-index:100;}
#nav .current li {z-index:50;}
 
#nav .select a, 
#nav .current a {display:block; height:2.5em; float:left; width:100px; background:url("images/left_both.gif") no-repeat left top; padding:0 0 0 9px; border-bottom:1px solid #765; text-decoration:none; font-weight:bold; line-height:2.6em; white-space:nowrap;}
 
/* calculate the required widths of the top level */
#nav .one a {width:4em;}
#nav .two a {width:4em;}
#nav .three a {width:4em;}
#nav .four a {width:5em;}
#nav .five a {width:4em;}
#nav .six a {width:5em;}
#nav .seven a {width:4em;}
#nav .eight a {width:4em;}
#nav .nine a {width:5em;}
 
#nav .select a b, 
#nav .current a b {height:100%; display:block; background:url("images/right_both.gif") no-repeat right top; padding:0 15px 0 6px; color:#553;}
 
#nav .sub {display:none;}
 
/* for IE5.5 and IE6 only */
#nav table {position:absolute; border-collapse:collapse; left:0; top:0; font-size:1em;}
 
#nav .select a:hover b {color:#000; cursor:pointer;}
 
#nav .current a {background-position:0 -150px; border-color:#fff;}
#nav .current a b {background-position:100% -150px; color:#000;}
 
#nav .sub li a:hover, 
#nav .select a:hover .sub li a:hover, 
#nav .select li:hover .sub li a:hover {border-color:#aba; background:#d1e1ce; color:#000;}
 
#nav .current .sub .current_sub a, 
#nav .current .sub a:hover {border-color:#aba; background:#d1e1ce; color:#000;}
 
#nav .current .sub, 
#nav .select a:hover .sub, 
#nav .select li:hover .sub {display:block; position:absolute; width:730px; top:2.5em; background:#fff; margin-top:1px; padding:10px 0 20px 0;}
 
* html #nav .current .sub, * html #nav .select a:hover .sub {margin-top:0; margin-t\op:1px;}
 
#nav .current .sub li a, 
#nav .select a:hover .sub li a, 
#nav .select li:hover .sub li a {display:inline; background:#fff; border:1px solid #ddd; padding:0 10px; margin:0 10px 0 0; width:auto; white-space:nowrap; color:#00AA00; font-weight:normal; font-size:0.9em; height:2em; line-height:1.9em;}
 
#nav .select a:hover, 
#nav li:hover a {background-position:0% -150px; border-color:#fff;}
 
#nav .select a:hover b, 
#nav .select li:hover a b {background-position:100% -150px; border-color:#fff; color:#000;}
 
/* calculate the left edge position of each sub level */
#nav .one .sub {left:0;}
#nav .two .sub {left:-4em; margin-left:-9px;}
#nav .three .sub {left:-8em; margin-left:-18px;}
* html #nav .three .sub {margin-left:-9px; marg\in-left:-18px;}
#nav .four .sub {left:-12em; margin-left:-27px;}
* html #nav .four .sub {margin-left:-1px; marg\in-left:-9px;}
#nav .five .sub {left:-18em; margin-left:-20px;}
* html #nav .five .sub {margin-left:-1px; marg\in-left:-9px;}
#nav .six .sub {left:-23em; margin-left:-13px;}
* html #nav .six .sub {margin-left:-1px; marg\in-left:-9px;}
#nav .seven .sub {left:-28em; margin-left:-22px;}
* html #nav .seven .sub {margin-left:-1px; marg\in-left:-9px;}
#nav .eight .sub {left:-32em; margin-left:-31px;}
* html #nav .eight .sub {margin-left:-1px; marg\in-left:-9px;}
#nav .nine .sub {left:-37em; margin-left:-24px;}
* html #nav .nine .sub {margin-left:-1px; marg\in-left:-9px;}


/* navigation */
a.n:link {
	text-decoration: none;
	color:#00CC00;
}
a.n:visited {
	text-decoration: none;
	color:#00CC00;
}
a.n:hover {
	text-decoration: none;
	background-color:#99FF00;
	color:#00CC00;
}
a.n:active {
	text-decoration: none;
}	
/* footer navigation */
a.footer_nav:link {
	text-decoration: none;
	color:#00CC00;
}
a.footer_nav:visited {
	text-decoration: none;
	color:#00CC00;
}
a.footer_nav:hover {
	text-decoration: none;
	background-color:#99FF00;
	color:#00CC00;
}
a.footer_nav:active {
	text-decoration: none;
}

a img { border-style:none; }


/* text links */
.text a:link {
	text-decoration: underline;
	color:#00CC00;
}
.text a:visited {
	text-decoration: underline;
	color:#00CC00;
}
.text a:hover {
	text-decoration: none;
	background-color:#99FF00;
	color:#00CC00;
}
.text a:active {
	text-decoration: none;
}


.text_nav {
	color:#00CC00;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	}
.text_footer {
	color:#00CC00;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
.title {
	color:#00CC00;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	}
.details {
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	}
.attention {
	color:#FF0000;
	font-weight:bold;
	}
	
body {
	background-image:url(images/fade.jpg);
	text-align:center;
	}
content {
	margin:auto;
	}
ul.indent	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-indent:40px;
	list-style-type:none;
	}
	
	

div.titletop {
	width: 900px;
	margin: 0 0 0 0;
	}
div.titlebtm {
	width: 900px;
	margin: 0 0 0 0;
	background-color:#FFFFFF;
	overflow:hidden;
	}
div.bg {
	margin: 20 auto 5 auto;
	width: 900px;	
	text-align: center;
	background-color:#FFFFFF;
	overflow:hidden;
	}
div.main {
	clear: left;
	margin: 5 auto 5 13;
	background-color:#FFFFFF;
	width: 890px;
	overflow: hidden;
}
div.footer {
	width: 880px;
	margin: 5 auto 5 auto;
	overflow: hidden;
	text-align:center;
}
div.l {
	width: 610px;
	overflow: hidden;
	clear: none;
	float:left;
	}
div.r {
	width: 270px;
	overflow: hidden;
	clear: none;
	}
div.newsletter {
	width: 240px;
	overflow: hidden;
	background-color:#FFFFFF;
	}
div.artw {
	margin: 0px auto 12px auto;
	width: 610px;
	clear:right;
	float: left;
	overflow: hidden;
	}
div.artr {
	margin: 0px 0 5px 0;
	width: 297px;
	clear:right;
	float: right;
	overflow: hidden;
	}
div.artl {
	margin: 0px 0 5px 0;
	float: left;
	width: 297px;
	overflow: hidden;
	}
div.artn {
	margin: 0px 0px 10px 3px;
	float: left;
	width: 260px;
	overflow: hidden;
	}
div.artw-alignLeft {
	text-align:left;
	margin: 0px auto 12px auto;
	width: 590px;
	clear:right;
	overflow: hidden;
	}
	
div.logol {
	float: left;
	width: 80px;
	margin: auto 5px auto 5px;
	}
div.logor {
	float: right;
	width: 80px;
	margin: auto 5px auto 5px;
	}
div.portrait {
	float: left;
	height: 100px;
	margin: 10px 5px auto 25px;
	}
	
div.songView {
	}
	
div.songHide {
	visibility:hidden;
	width:0px;
	height:0px;
	float: left;
	overflow:hidden;
	}

/* Lightbox */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }



	
	
/* Snazzy Boxes */

.xsnazzy h1, .zsnazzy h1, .xsnazzyw h1, .zsnazzyw hl, .xsnazzyn h1, .zsnazzyn h1 {
margin:0; 
font-size:1.2em; 
padding:0 10px 5px 10px; 
border-bottom:2px dotted #444;
}
.xsnazzy p, .zsnazzy p, .xsnazzyw p, .zsnazzyw p, .xsnazzyn p, .zsnazzyn p {
margin:0; 
padding:5px 10px; 
font-size:14px;
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
}
.xsnazzy {
background: transparent; 
width:290px; 
float:left; 
margin:0 3px;
}
.xsnazzyw {
background: transparent; 
width:600px; 
float:left; 
margin:0 3px;
}
.xsnazzyn {
background: transparent; 
width:250px; 
float:left; 
margin:0 3px;
}


.xtop, .xbottom {
display:block; 
background:transparent; 
font-size:1px;
}
.xb1, .xb2, .xb3, .xb4 {
display:block; 
overflow:hidden;
}
.xb1, .xb2, .xb3 {
height:1px;
}
.xb2, .xb3, .xb4 {
background:#fff; 
border-left:1px solid #444;
border-right:1px solid #444;
}
.xb1 {
margin:0 5px; 
background:#444;
}
.xb2 {
margin:0 3px;
border-width:0 2px;
}
.xb3 {
margin:0 2px;
}
.xb4 {
height:2px; 
margin:0 1px;
}

.xboxcontent {
display:block; 
border:0 solid #444; 
border-width:0 1px; 
height:auto;
}
* html .xboxcontent {
height:1px;
}

.color_a {
	background:#99CC00;
	}
.color_b {
	background:#FFAA00;
	}
.color_0 {
	background:#FFFFFF
	}

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