body {
background:black;
margin:50px 0px;
padding:0px;
margin-top:0px;
padding-top:0px;
text-align:center;
}
div.container {
border:1px solid #999999;
background:black;
width:754px;
padding:0px;
margin:0px auto;
z-index:0;
}
div.topbanner {
border:1px solid black;
background:black;
width:752px;
padding:0px;
margin:0px;
z-index:1;
}
div.menumain {
border:1px solid black;
background:black;
width:752px;
font-family: verdana, Arial,Helvetica;
font-size:15px;
color:black;
padding:0px;
margin:0px;
}

div.ghostcontainer {
border:1px solid black;
width:752px;
background:black;
height:600px;
margin:0px;
padding:0px;
z-index:2;
}
div.leftghost {
background:black;
width:190px;
border:1px solid #CCCCCC;
float:left;
margin:0px;
padding:0px;
position:relative;
top:10px;
}
div.rightghost {
background:black;
width:555px;
border:1px solid #CCCCCC;
float:right;
text-align:center;
margin-top:10px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
padding:0px;
z-index:3;
}
div.rightmain {
background:white;
width:550px;
border:1px solid black;
font-family:verdana, helvetica;
text-align:justify;
padding-top:0px;
padding-left:5px;
padding-bottom:0px;
padding-right:0px;
margin:0px auto;
font-size:14px;
}
div.writings {
background:white;
width:450px;
border:0px solid black;
font-family: verdana, helvetica;
text-align:justify;
font-size:14px;
margin:0px;
padding-top:0px;
padding-left:5px;
padding-bottom:0px;
padding-right:0px;
}
div.writingsfront {
background:white;
width:450px;
border:0px solid black;
font-family: verdana, helvetica;
text-align:justify;
font-size:12px;
margin:0px;
padding-top:0px;
padding-left:5px;
padding-bottom:0px;
padding-right:0px;
}
div.albumadvert {
background:white;
border:1px solid #999999;
width:188px;
font-family: verdana, Arial, Helvetica;
font-size:9px;
color:black;
margin-top:10px;
font-weight:bold;
padding-bottom:10px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
height:150px;
padding:0px;
}
img.album {
float:left;
margin:4px;
border-top:1px solid black;
border-left:1px solid black;
border-right:3px solid black;
border-bottom:3px solid black;
}
img.events {
float:right;
margin:4px;
border-top:1px solid black;
border-left:1px solid black;
border-right:3px solid black;
border-bottom:3px solid black;
}
img.photos {
border-top:1px solid black;
border-left:1px solid black;
border-right:3px solid black;
border-bottom:3px solid black;
}
p.cleared {
float:left;
}
div.joinlink {
width:188px;
background:white;
font-family: verdana, Arial,Helvetica;
font-size:12px;
color:black;
margin-top:15px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
padding-left:0px;
padding-right:0px;
padding-top:5px;
padding-bottom:5px;
border:1px solid #999999;
}
div.newsitems {
width:188px;
background:white;
font-family: Arial,Helvetica;
font-size:10px;
color:black;
margin-top:15px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
text-align:justify;
padding-left:0px;
padding-right:0px;
padding-top:5px;
padding-bottom:5px;
border:1px solid #999999;
}
img.header {
margin:-5px;
width:750px;
}
div.links {
float:left;
}
div.links a:hover {
float:left;
background:black;
color:white;
}

    
/* Horizontal Menu
*/

#navcontainer
{
width:750px;
background: black;
margin: 0 auto;
padding: 0 0 0 0;
font-family: verdana, georgia, serif;
text-transform: lowercase;
}

/* to stretch the container div to contain floated list */
#navcontainer:after
{
content: ".";
display: block;
line-height: 1px;
font-size: 1px;
clear: both;
}

ul#navlist
{
list-style: none;
padding:0;
margin: 0 auto;
width: 80%;
font-size: 0.8em;
}

ul#navlist li
{
display: block;
float: left;
width: 18%;
margin: 0;
padding: 0px;
border:1px solid black;
}

ul#navlist li a
{
display: block;
width: 100%;
padding: 0.5em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: black;
text-decoration: none;
background: #CCCCCC;
}

#navcontainer>ul#navlist li a { width: auto; }



ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: #800000;
background: transparent;
border-color: #aaab9c #fff #fff #ccc;
}

/* Horizontal SubMenu
*/

#subnavcontainer
{
width:450px;
background: black;
margin: 0 auto;
padding: 1px 0 1px 0;
font-family: verdana, serif;
text-transform: lowercase;
}

/* to stretch the container div to contain floated list */
#subnavcontainer:after
{
content: ".";
display: block;
line-height: 1px;
font-size: 1px;
clear: both;

}

ul#subnavlist
{
list-style: none;
padding:0;
margin: 0px 2px 0px 2px;
width: 100%;
font-size: 12px;
text-align:center;
background:black;
border:0px;
}

ul#subnavlist li
{
display: block;
float: left;
width: 25%;
margin: 0;
padding: 0px;
border:1px solid black;
background:#999999;
}

ul#subnavlist li a
{
display: block;
width: 100%;
padding: 0;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: black;
text-decoration: none;
background: #CCCCCC;

}

#subnavcontainer>ul#subnavlist li a { width: auto; }



ul#subnavlist li a:hover, ul#subnavlist li#subactive a:hover
{
color: #800000;
background: transparent;
border-color:#aaab9c #fff #fff #ccc;

}

/* Links
*/
a:link {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
}
a:visited {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	background-color:#CCCCCC;
}
a:hover {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #800000;
	background-color:#999999;
}
a:active {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
}



h5 {
  font-family: verdana, verdana, Arial, Helvetica, sans-serif;
  }

/* Audio Links
*/
a.audio:link {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: blue;
}
a.audio:visited {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: blue;
	background-color:#CCCCCC;
}
a.audio:hover {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
	background-color:#999999;
}
a.audio:active {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}



/* News Links
*/

a.news:link {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background:white;
}
a.news:visited {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color:white;
}
a.news:hover {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #800000;
	background-color:white;
}
a.news:active {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

/* Lyrics Links
*/

a.lyrics:link {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background:#CCCCCC;
	font-weight:bold;
}
a.lyrics:visited {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color:#CCCCCC;
	font-weight:bold;
}
a.lyrics:hover {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #800000;
	background-color:white;
	font-weight:bold;
}
a.lyrics:active {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight:bold;
}

/* IMOW Links
*/

a.imow:link {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: blue;
	background:#CCCCCC;

}
a.imow:visited {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: blue;
	background-color:#CCCCCC;

}
a.imow:hover {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #800000;
	background-color:#999999;
}
a.imow:active {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}

/* Store Links
*/

a.store:link {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	background:white;
}
a.store:visited {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	background-color:white;
}
a.store:hover {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #800000;
	background-color:white;
}
a.store:active {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
}

/* Front Links
*/
a.front:link {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
a.front:visited {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color:#CCCCCC;
}
a.front:hover {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #800000;
	background-color:#999999;
}
a.front:active {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}