body {
	background-color:#000066;
	color:#000066;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0px;
	padding:0px;
}
img {border:none;}
a:link {font-weight:bold; color: #86C0FF; text-decoration:none;}
a:hover {color: #E855FF; text-decoration:none;}
a:active, a:visited {color: #86C0FF; text-decoration:none;}
.center {text-align:center; margin-left:auto; margin-right:auto;}
.right {text-align:right;}
.left {text-align:left;}
/* Begin CSS Popout Menu */

#menu{
width:100%;
display:block;
}

#menu a, #menu h2{
font:bold 11px/16px verdana,arial,helvetica,sans-serif;
display:block;
border-width:1px;
border-style:solid;
border-color:#ccc #888 #555 #bbb;
white-space:nowrap;
margin:0;
/*padding:1px 0 1px 3px;*/
}

#menu h2{
color:#0080FF;
background-color:#1d1d1d;
text-transform:uppercase;
}
#menu h2 a{
color:#0080FF;
background-color:#1d1d1d;
text-transform:uppercase;
text-decoration:none;
font:bold 11px/16px verdana,arial,helvetica,sans-serif;
border-width:0px;
margin:0;
padding:2px;
}

#menu h2 a:hover{
color: #FFFFFF;
background-color:#0066FF;
text-transform:uppercase;
text-decoration:none;
font:bold 11px/16px verdana,arial,helvetica,sans-serif;
border-width:0px;
margin:0;
padding:3px 1px 1px 3px;
}

#menu h2.expand a{
background-color:#1d1d1d;
}

#menu h2.expand a:hover{
background-color:#1d1d1d;
}

#menu a{
background:#1d1d1d;
text-decoration:none;
padding:3px;
}

#menu a, #menu a:visited{
color:#0080FF;
}

#menu a:hover{
color:#FFFFFF;
background:#0066FF;
}

#menu a:active{
color:#060;
background:#ccc;
}

#menu ul{
list-style:none;
margin:0;
padding:0;
float:left;
width:105px;
}

#menu ul.wide{
	width:105px;
}

#menu li{
position:relative;
}

#menu ul ul{
position:absolute;
text-align:left;
z-index:500;
top:auto;
display:none;
}

#menu ul ul.wide{width:150px;}

#menu ul ul ul{
top:0;
left:100%;
}

div#menu h2:hover{
background-color:#000;
}

div#menu li:hover{
cursor:pointer;
z-index:100;
}
div#menu ul ul, div#menu ul ul ul{width:120px;}

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul
{display:none;}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul
{display:block;}

/* End of non-anchor hover selectors */

/* Styling for Expand */

#menu a.x, #menu a.x:visited{
font-weight:bold;
color:#0080FF;
background-color:#1d1d1d;}

#menu a.x:hover{color:#fff; background:#000;}
#menu a.x:active{color:#060; background:#ccc;}

/* End CSS Popout Menu */

.content {width:840px; max-width:840px; background-image:url(images/rockslab.jpg); margin-left:auto; margin-right:auto;}
TABLE.content td, TABLE.content th {padding:4px;border:none;}
tr.imgbg, td.imgbg {background-color:#000066;}
tr.imgbg-black {background-color: black; margin:0; padding:4px;}
TABLE.content a {color: #000066; text-decoration:none; font-size:11px; font-weight:bold; display:block;}
TABLE.content a:hover {text-decoration:none; color: #9900FF; display:block;}
.navy10 {font-size: 10px;}
TABLE.content img {border:none;}
TABLE.main {}
TABLE.main th {background-color:#000066; padding:6px;border:none; font-weight: 800; font-size:13px; color:#9BBAFF;}
TABLE.main a {color:#000066;}
TABLE.main a:hover {color:#000066;}
td.content_day {width:100px;}
td.content_left {width:150px;}
TABLE.endorsements {border-collapse:collapse; background-image:url(images/marble-blur_bg.jpg);}
TABLE.endorsements th {border-bottom: 2px groove #000066;}
TABLE.endorsements img {border: 6px outset #000066;}
.endorsements TD, .endorsements TH {padding:8px; font-size:14px} 
FIELDSET.news {border: 2px solid #000066;}
FIELDSET.news LEGEND {color: #000066; font-size:14px; font-weight:bold;}
IFRAME.news {border: 0px solid #000000;}
BODY.news {background:none !important; font-family: Verdana, Arial, Helvetica, sans-serif;}
BODY.news a {color: #006600 !important }
BODY.news a:hover {color: #9900FF !important }
td.player {background-color:#000066; height:35px;}
table.bluebg td {background-color:#000066;}

TABLE.footer, TABLE.footer img { border:none;}
TABLE.footer td, TABLE.footer th, TABLE.footer th a {color:#86C0FF; padding:4px; background-color:#000066;}
TABLE.footer th a:hover {color: #9933CC;}
TABLE.footer a {color:#000066; text-decoration:none; font-weight: 800; font-size:11px; display:block;}
TABLE.footer a:hover {text-decoration:none; color:#9900FF; display:block; font-weight:800;}
tr.footer {background-color: black;}

/******* subscribe box styles *******
.members {width: 430px; padding:3px; background-image:url(images/marble-blur_bg.jpg); color: #000066; font-weight:bold;} */

#popit {position:absolute; top:-6px; left:-10px;z-index:100;}
FIELDSET.members {width: 430px; height: 350px; padding:3px; border:2px ridge #000066;background-image:url(images/rockslab.jpg); color: #000066; font-weight:bold;}
INPUT.members {font-family:Verdana, Arial, Helvetica, sans-serif; color:#0066FF;font-weight:bold;font-size:9px;}
td.plain {font-weight:normal;}
/********* end subscribe styles *******/
/******* VALIDATION STYLES *******/
/* formval.css */
  .info   { color: black; background-color: transparent; font-weight: normal; }
  .warn   { color: rgb(120,0,0); background-color: transparent; font-weight: normal; }
  .error  { color: red; background-color: transparent; font-weight: bold }
  .formtab TD { padding: 0.2em; height: 2.5em; vertical-align: top; font-size: 90%; }
/* checkboxes */
  .checkcl    { text-align: right; }
  .checkbox   { clear: right; float: right; margin: 0 0.5em; }
  .formtab2 TD { padding: 0.2em; height: 2.5em; vertical-align: top;  }
  .musiclist {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-image:url(img/bg4.png);
}
/********* END VALIDATION STYLES *********/
/********* COPYRIGHT STYLES *********/
#copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #000000;
	padding: 2px;
}
#copyright a {
	color: #776655;
	text-decoration: none;
}
#copyright a:hover {
	color:#990000;
	text-decoration: underline;
}
TABLE.copyright {background: #0157FC url(picts/background-bottom.gif);}
td.copyright	{color: #0099FF; font-size:10px; font-family:Arial, Helvetica, sans-serif;vertical-align:middle;}
td.copyright a {color: #FFFF99; text-decoration:none;}
td.copyright a:hover {color: #9900FF; text-decoration: underline;}
td.stretchbar {background-image:url(picts/stretchbar.jpg); height:15px;}
/***** END COPYRIGHT STYLES **********/
/****************** CALENDAR DISPLAY ***********************/
table.calendar {border-spacing: 1px; padding: 3px; width:100%; color:#000000; background-color:#FFFFFF;}
td.highlight {background-color:#CCCCCC; text-align:center; font-weight:bold; font-size:13px;}
td.header {
	background-color: #000566;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	color: #0080FF;
	height:18px;
}
td.hdate {width: 131px;}
td.date { width: 95px; background-color: #82AAFF; color:#000000;text-align:left;}
td.dayw { max-width: 35px; background-color: #82AAFF; color:#000000;}
td.time { width: 58px; background-color: #82AAFF; color:#000000;}
td.venue {width: 180px; background-color: #82AAFF; color:#000000;}
td.description {background-color: #82AAFF; color:#000000;}
td.city { max-width: 95px; background-color: #82AAFF; color:#000000;}
td.state { max-width: 95px; background-color: #82AAFF; color:#000000;}
td.info { max-width: 95px; background-color: #82AAFF; color:#000000;}
td.spacer {width: 10px;}
td.small {font-size: 10px;}
/**************** END CALENDAR DISPLAY *********************/

/***** Lightbox styles ******/
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#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: transparent url('./img/blank.gif') no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url('./img/prevlabel.gif') left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url('./img/nextlabel.gif') right 15% no-repeat; }


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

#imageData{
	padding:0 10px;
	}
#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;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}