body {
	height: 100%;
	margin-top: 0px;
	color: #00001f;
	background: url(jpg/nightsky3.jpg) fixed;
	font-family: Arial, sans-serif;
	font-size: 10pt;
	text-align: center;}

h1 {padding-top: 30px; font-family: "Trebuchet MS", sans; font-size: 28pt;}

h1.news {padding-top: 0; margin-bottom: 0;}

h2 {clear: both; margin-top: 25px; margin-bottom: 25px; font-family: "Trebuchet MS", sans;}

h3 {margin-top: 30px; margin-bottom: 30px; font-family: "Trebuchet MS", sans;}

h4.center {margin-left: auto; margin-right: auto; width: 50%; text-align: center;}

pre {font-size: 12px;}

ul.nobullet {list-style: none;}

#mobile {
	display:none;
	}

.clear {clear: both; height: 20px;}

.centre {text-align: center;}

.spacer30 {margin-top: 30px;}

.spacer50 {margin-top: 50px;}

#discog img {margin-right: 5px; margin-bottom: 5px;}

hr {color: #00001A; background-color: #00001A; height: 2px; clear: both;}

hr.half {width: 90%; text-align: center;}

em {background-color: #ffff00; font-weight: bold; color: #ff0000; }

table {font: normal 9pt Arial, sans-serif;}

td.white {background-color: #ffffff;}

td.roundcorner {line-height: 0;}

td.boxout {background-color: #00001f; color: #ffffff; font-weight: bold; text-align: center;}

table.discog {font-size: -2;}

table.discog td {padding-right: 10px; vertical-align: top; padding-bottom: 10px;}

td select {font: normal 9pt Arial, sans-serif; margin-left: 20px;}

table.cd img {margin-top: 10px; margin-bottom: 30px;}

P.date {font: italic small Arial, sans-serif;}

P.newsdate {font: italic small Arial, sans-serif; margin-top: -20px; margin-bottom: 30px;}


a  {
	color: #00346A;
}

#content {
	width: 786px;
	background: url(background5.gif) repeat-y;
	margin: 0 auto;
	text-align: left;
	padding: 30px;
	padding-top: 0;
	font-family: Arial, sans-serif;
}


#content2 {
	width: 500px;
	background-color: #D1D8E0;
	margin: 0 auto;
	text-align: left;
	padding: 30px;
	font-family: Arial, sans-serif;
}

.masthead {
	position: relative;
	left: -30px;
}


#logo {float: left; position: relative; left: -14px; top: -22px; margin-bottom: -19px;}

#logo a {display: block; width: 150px; height: 104px; background: url(logo.gif);}

#date {clear: both; float: left; text-align: left; font: italic small Arial, sans-serif; margin-top: 10px;}

#rss {clear: both; text-align: right; position: relative; top: -15px;}

#rss img {border: 0;}

#content P.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
	text-align: center;
}

#payment {
	margin: 40px 50px 40px 50px;
	border: 1px solid black;
	padding: 20px;
	font-size: 9pt;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-box-shadow: 10px 10px 5px #888;
	-webkit-box-shadow: 10px 10px 5px #888;
}

#payment p {
	color: #008000;
	padding: 10px;
}


#payment h3 {
	margin: 0;
	margin-bottom: -20px;
}


#boxout {
	display: block;
	margin: 30px;
	margin-top: 0px;
  	margin-left: 120px;
	padding: 20px;
	text-align: center;
	width: 500px;
	border: 1px inset;
}

#boxout2 {
	margin: 20px 90px 50px 90px;
	border: 1px inset;
	padding: 20px;
	text-align: left;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-box-shadow: 10px 10px 5px #888;
	-webkit-box-shadow: 10px 10px 5px #888;
}

#giglist {
	margin-top: 60px;
}


#giglist table {
	margin-top: 30px;
}

#giglist table th {
	padding-bottom:10px;
}

#giglist table td {
	padding:0;
	padding-right:10px;
	vertical-align: top;
}

.leftButton {
    display: none;
}

#mega {
width: 860px;
height: 19px;
list-style:none;
clear: both;
margin:0;
margin-top: -2px;
margin-left: -15px;
margin-bottom: 10px;
padding:0;
float: left;
position: relative;
z-index: 10;
}

#mega li {
background: #313131;
margin: 0;
padding: 2px 0;
float:left;
width:121px;
text-align:center;
position:relative;
}

#mega li.home {
border-left: 0;
}

#mega li:hover {
background: #D5E9FF;
border-bottom: 10px solid #D5E9FF;
}

#mega li:hover a {
color: #016481;
}

#mega li.home:hover {
border-bottom: 1px solid gray;
}

#mega a {
display:block;
color: #62B0FF;
font: bold 11px/16px arial, helvetica, sans-serif;
text-transform: uppercase;
text-decoration:none;
}



/* ----------- Hide/Show Div ---------- */
#mega div {
position:absolute;
left:-999em;
margin-top:3px;
width:474px;
background: #D5E9FF;
padding: 0 0 15px 10px;
border:1px solid gray;
border-top: 0;
font-weight:normal;
text-align:left;
}

#mega div.narrowleft {
position:absolute;
left:-999em;
margin-top:3px;
width:200px;
background: #D5E9FF;
padding: 0 0 30px 10px;
border:1px solid gray;
border-top: 0;
font-weight:normal;
text-align:left;
}

#mega div.narrow {
position:absolute;
left:-999em;
margin-top:3px;
width:200px;
background: #D5E9FF;
padding: 0 0 30px 10px;
border:1px solid gray;
border-top: 0;
font-weight:normal;
text-align:left;
}

#mega li:hover div {
left:-1px;top:auto;
}

#mega li.dif:hover div {
left:-364px;
}

#mega li.dif:hover div.narrow {
left:-90px;

}


/* --------- Within Div Styles --------- */

#mega div h2 {
font: bold 11pt "Trebuchet MS", sans;
margin:12px 0 5px 0;
float:left;
width: 220px;
}

#mega div p {
float:left;
width:200px;
padding-left:30px;
padding-right:0;
margin:0px;
}

.menuhead {
font: bold 10pt "Trebuchet MS", sans;
color: #3C98FF;
margin:10px 0 2px -20px;
float:left;
width: 220px;
}

.menuheadleft {
font: bold 10pt "Trebuchet MS", sans;
margin:10px 0 2px 10px;
float:left;
width: 220px;
}

#mega div a {
text-transform: none;
text-decoration:underline;
float:left;
clear:left;
width:100%; /* For IE6/7 */
}

#mega div a:hover, #mega div a:focus, #mega div a:active {
text-decoration:none;
}

#mega div.menuleft {
	width: 200px;
	border: 0;
}

#mega div.menuright {
	width: 200px;
	margin-left: 230px;
	border: 0;
}