/* CSS Document */

#header {
background-image:url(images/header.jpg);
background-repeat:no-repeat;
width:800px;
height:108px;
}

#navbar {
background-image:url(images/navbar.jpg);
background-repeat:no-repeat;
height:21px;
padding-left:178px;
background-color:#330066;

}

#nav {
float:left;
top:0px;
height:21px;
border:0px;
margin-left:0px;
z-index:499;
background-color:#330066;
}

#title a{
text-decoration:none;
padding-top:12px;
padding-bottom:12px;
}

#title a:hover{
text-decoration:underline;
padding-top:12px;
padding-bottom:12px;
}

a {
margin:0px;
padding:0px;
border:0px;
}

a#home {
background-image:url(images/home.jpg);
background-color:#330066;
height:21px;
width:67px;
float:left;
margin:0px;
padding:0px;
border:0px;
}

a#home:hover {
background-image:url(images/button_home_over.gif);
}

a#about {
background-image:url(images/about.jpg);
background-color:#330066;
height:21px;
width:75px;
float:left;
margin:0px;
padding:0px;
border:0px;
}

a#about:hover {
background-image:url(images/button_about_over.gif);
}

a#boxoffice {
background-image:url(images/boxoffice.jpg);
background-color:#330066;
height:21px;
width:106px;
float:left;
margin:0px;
padding:0px;
border:0px;
}
a#boxoffice:hover {
background-image:url(images/button_boxoffice_over.gif);
}

a#listen {
background-image:url(images/listen.jpg);
background-color:#330066;
height:21px;
width:73px;
float:left;
margin:0px;
padding:0px;
border:0px;
}
a#listen:hover {
background-image:url(images/button_listen_over.gif);
}

a#support {
background-image:url(images/support.jpg);
background-color:#330066;
height:21px;
width:91px;
float:left;
margin:0px;
padding:0px;
border:0px;
}
a#support:hover {
background-image:url(images/button_support_over.gif);
}

a#members {
background-image:url(images/members.jpg);
background-color:#330066;
height:21px;
width:87px;
float:left;
margin:0px;
padding:0px;
border:0px;
}

a#members:hover {
background-image:url(images/button_members_over.gif);
}

a#contact {
background-image:url(images/contactus.jpg);
background-color:#330066;
height:21px;
width:111px;
float:left;
margin:0px;
padding:0px;
border:0px;
}
a#contact:hover {
background-image:url(images/button_contact_over.gif);
}


ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
		float:left;
		
        }
li {
		float:left;
		position:relative;
}

li > ul {
        top: auto;
        left: auto;
		width: 132px;
        }
		
		ul li {
		position:relative;
   
        }
		
		li ul {
        position: absolute;
        top: 21px;
		left:0px;
        display: none;
		width: 132px;
		
        }
		
		ul li a {
        display: block;
        text-decoration: none;
        color:#330000;
        background: #fff;
        padding:5px;
        border-bottom: 1px solid;
		border-bottom-color:#CC6600;
		WIDTH:132PX;
		background-color:#FF9900;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		z-index:500;
        }
		
		ul li a:hover {
        display: block;
        text-decoration: none;
        color:#660000;
        background-color:#FFCC00;
        padding: 5px;
        border-bottom: 1px solid;
		border-bottom-color:#CC6600;
		WIDTH:132PX;
		z-index:501;
        }
		
li:hover ul, li.over ul{ display: block; z-index:2000;}


		/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

/*End of Nav Bar*/

/*Left Nav Bar*/

#leftnav {
background-image:url(images/box_left.gif);
background-position:left bottom;
background-repeat:no-repeat;

}

#leftlinklist {
background-image:url(images/curvy_purple.jpg);
background-repeat:no-repeat;
background-position:left top;
margin-top:0px;
margin-bottom:115px;
padding-left:25px;
padding-top:55px;
text-align:left;
line-height:85%;

}

#leftlinklist a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
color:#FFCCCC;
line-height:125%;
}

#leftlinklist a:link:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
color:#FFCC33;
font-size:12px;
}


#contenttop {
margin: 0px;
padding: 0px;
background-image:url(images/content_top.gif);
background-repeat:no-repeat;
background-position: left top;
width: 611px;
height: 21px;

}

#index {
background-image:url(images/maincontent.jpg);
background-repeat:no-repeat;
margin:0px;
padding:0px;
width:611px;
height:432px;
}

#spacer {
height:12px;
width:611px;
background-color:#330066;
}

#content {
background-image:url(images/content_middletile.gif);
background-repeat:repeat-y;
width: 611px;
padding:0px;
margin:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

#content h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
}

#content h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}

#content h6 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:22px;
}
ul li{
list-style:none;
list-style-type:none;
}
li {
list-style:none;
list-style-type:none;
}

#pagecontent {

padding-left:0px;
padding-bottom:0px;
margin:0px;
width:550px;
margin:0 auto;
margin-top:0px;
line-height:150%;
}



#bottomcontent {
background-image:url(images/content_bottom.gif);
background-repeat:no-repeat;
position:relative;
bottom:0px;
width:611px;
height: 27px;



}

#leftbox {
	background-image:url(images/box_left.gif);
	background-repeat:no-repeat;
	position:relative;
	bottom:0px;
	margin-bottom:0px;
	width:178px;
	height:105px;
}

#jeremycredit {

color:#660000;
z-index:1000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;

}

#jeremy a {
color:#000033;
text-decoration:none;
}

#jeremy a:link:hover {
color:#660000;
text-decoration:underline;
}

#rightbox {
background-image:url(images/box_right.gif);
background-repeat:no-repeat;
width:11px;
height:105px;
background-position:bottom;
}

#footer {
height:25px;
padding-top:3px;
text-align:center;

}

#footer a {
color:#FFFFCC;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;

}

#footer a:hover {
color:#990000;
font-family:Geneva, Arial, Helvetica, sans-serif;
text-decoration:none;
}

#credits {
text-align:center;
font-size:10px;
color:#999999;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:150%;
padding-top:5px;
margin-top:0px;
position:relative;
top:0px;
}

#credits a{
color:#FF9900;
text-decoration:none;
}

#credits a:hover{
color:#FFCC00;
text-decoration:underline;
}
