/* --------------------------------------------------
General Styles
-------------------------------------------------- */ 
body {
  	background: #4a4a4a url(../images/background.jpg) no-repeat 100px 100px;
		font: normal 12px trebuchet ms, helvetica, sans-serif;
  	color: #333;
  	margin:	0;
  	padding: 0;
	}

html { margin: 0; padding: 0; }
p, h1, h2, h3, h4, h5, h6, span, div, { text-align: left; }
img { border: none; }

a { text-decoration: none; color: #36648B; }
a.hover { color: #36648B; text-decoration: underline }
a.visited { color: #36648B }

a.nav { color: #ccc }
a.nav:hover { color: #fff }

a.white { color: #fff; }
a.white:hover { color: #fff }
a.white:visited { color: #fff }

a.normal { color: #36648B; }
a.normal:hover { color: #36648B; text-decoration: underline }
a.normal:visited { color: #36648B }

b.sectiontitle {
	font-size: 18px;
	letter-spacing: 1px;
	color: #36648B;
	}

b.title {
	font-variant: small-caps;
	font-size: 12px;
	letter-spacing: 1px;
	color: #000;
	}	

b.titlewhite {
	font-variant: small-caps;
	font-size: 12px;
	letter-spacing: 1px;
	color: #ffffff;
	}
	
b.smtitle {
	font-variant: small-caps;
	color: #000;
	}
	
b.smtitlewhite {
	font-variant: small-caps;
	color: #ffffff;
	}
	
b.smtitlegray {
	font-variant: small-caps;
	color: #8B6914;
	}

b.smtitlered {
	font-variant: small-caps;
	color: #CD0000;
	}

p {
	padding: 0;
	margin: 0;
	padding-top: 12px;
	line-height: 14px;
	}
	
p.panelcontent {
	padding: 0;
	margin: 2px 0 10px 0;
	line-height: 13px;
	color: #333;
	}
			
form, form input, form label { 
	margin: 0; 
	padding: 0; 
	}

.hidden { display: none; }
.shown { display: block; }

.bgblue { background-color: #3675c1; }
.bgdarkgrey { background-color: #666; }
.white { color: white }
.red { color: #800000 }


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

.navbg {
	position: absolute;
	top: 137px;
	left: 604px;
	width: 303px;
	height: 26px;
	filter: alpha (opacity=55);
	-moz-opacity: 0.55;
	background-color: #666;
	}

.navmenu {
	position: absolute;
	top: 137px;
	left: 604px;
	padding: 7px 0 0 5px;
	margin: 0;
	letter-spacing: 1px;
	color: #ccc;
	}
	
.subnavbg {
	position: absolute;
	top: 173px;
	left: 654px;
	width: 253px;
	height: 26px;
	filter: alpha (opacity=55);
	-moz-opacity: 0.25;
	background-color: #303030;
	}

.subnavmenu {
	position: absolute;
	top: 173px;
	left: 704px;
	padding: 7px 0 0 5px;
	margin: 0;
	letter-spacing: 1px;
	color: #ccc;
	}	

.musicnavbg {
	position: absolute;
	top: 678px;
	left: 151px;
	width: 521px;
	height: 15px;
	filter: alpha (opacity=55);
	-moz-opacity: 0.25;
	background-color: #303030;
	}

.musicnavmenu {
	position: absolute;
	top: 173px;
	left: 704px;
	padding: 7px 0 0 5px;
	margin: 0;
	letter-spacing: 1px;
	color: #ccc;
	}	

.rightnavbg {
	position: absolute;
	top: 251px;
	left: 702px;
	width: 170px;
	height: 360px;
	filter: alpha (opacity=55);
	-moz-opacity: 0.55;
	background-color: #ccc;
	}	

.rightnavmenu {
	position: absolute;
	top: 251px;
	left: 702px;
	padding: 0px 0 0 5px;
	margin: 0;
	letter-spacing: 1px;
	color: #000000;
	}		

.headerbg {
	position: absolute;
	top: 210px;
	left: 151px;
	width: 721px;
	height: 26px;
	filter: alpha (opacity=55);
	-moz-opacity: 0.55;
	background-color: #ccc;
	}	

.headermenu {
	position: absolute;
	top: 210px;
	left: 151px;
	padding: 5px 0 0 5px;
	margin: 0;
	letter-spacing: 1px;
	color: #000000;
	}		


/* --------------------------------------------------
Body Content
-------------------------------------------------- */ 	

.contentbg {
	position: absolute;
	top: 251px;
	left: 151px;
	width: 521px;
	height: 419px;
	filter: alpha (opacity=60);
	-moz-opacity: 0.60;
	background-color: #fff;	
	}

.content {
	position: absolute;
	top: 251px;
	left: 151px;
	width: 505px;
	height: 387px;
	padding: 16px 11px;
	margin: 0;
	color: #444;
	overflow: auto; //scrollable DIV	
	}

.contentbgwide {
	position: absolute;
	top: 251px;
	left: 151px;
	width: 701px;
	height: 422px;
	filter: alpha (opacity=60);
	-moz-opacity: 0.60;
	background-color: #000000;	
	}

.contentwide {
	position: absolute;
	top: 251px;
	left: 151px;
	width: 685px;
	height: 390px;
	padding: 16px 11px;
	margin: 0;
	color: white;
	overflow: auto; //scrollable DIV	
	}
	

/* --------------------------------------------------
Footer
-------------------------------------------------- */ 	
.footercontainer {
	position: absolute;
	left: 101px;
	top: 701px;
	width: 800px;
	color: #999;
	letter-spacing: 1px;
	font-variant: small-caps;
	}