/* CSS Document */

html, body{
	margin: 0;
	padding: 0;
	background-color: #171717;
	color: #999;
	font-family: Arial, Helvetica, sans-serif;
}

h1{
	padding: 0px 0px 5px 0px;
	margin: 0em;
	color: #CCC;
	font-size: 1.6em;
	letter-spacing: -0.02em;
	font-family: Verdana, Helvetic, sans-serif;
	font-weight: normal;
}

h2{
	padding: 5px 0px 5px 0px;
	margin: 0em;
	color: #999;
	font-size: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

h3{
	padding: 5px 0px 5px 0px;
	margin: 0em;
	color: #669900;
	font-size: 1.0em;
}

a{
	color: #489aca;
	text-decoration: none;
}

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

hr{
	height: 0px;
	border-width: 1px 0px 0px 0px;
	border-style: dashed;
	border-color: #666;
	width: 97%;
}

#container{
	width: 100%;
	background-color: #1e1e1e;
	padding-bottom: 15px;
}

/* HEADER */
#top_bar{
	width: 100%;
	height: 25px;
	padding: 4px 0px;
	background-color: #171717;
	border-bottom: 1px solid #333333;
}

#top_bar_content{
	width: 900px;
	font-size: 0.84em;
}

#top_bar_content a{
	color: #666666;
	text-decoration: none;
}

#top_bar_content a:hover{
	color: #999999;
	text-decoration: underline;
}


#top_search{
	margin: 0;
	padding: 0;
}

.top_search_field{
	height: 12px;
	width: 100px;
	background-color: #333333;
	border: 1px solid #666666;
	padding: 2px 4px;
	font-size: 0.8em;
	color: #999999;
	margin-top: 2px;
}

.top_search_btn{
	height: 18px;
	width: 50px;
	background-color: #171717;
	border: 1px solid #666666;
	font-size: 0.8em;
	color: #666666;	
	padding: 0;
}

#header{
	width: 100%;	
}

/* CONTENT */
#content_top{
	width: 900px;
	height: 14px;
	background-image: url(images/page_top.gif);
	background-repeat: no-repeat;
}

#content{
	width: 860px;
	padding: 10px 20px;
	margin: 0;
	background-color: #303030;
	text-align: left;
	overflow: hidden;
}

#content .subheading2{
	font-size: 1.0em;
	color: #666666;
	font-family: Tahoma, Verdana, Arial;
}

#content .subheading2 a{
	color: #666666;
	text-decoration: none;
}

#content .subheading2 a:hover{
	color: #999999;
	text-decoration: underline;
}

#content p{
	margin: 0;
	margin-bottom: 0.9em;
	font-size: 0.8em;
	line-height: 1.3em;
}

#content .pic{
	border: 1px solid #181818;
}


/*  HOMEPAGE COLUMNS */
#col1{
	width: 640px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
	color: #999;
	border: 1px solid #181818;
	overflow: auto;
	clear: left;
}

#col1_events{
	width: 640px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	float: left;
	color: #999;
	overflow: auto;
	clear: left;
}

#col1 p{
	padding-right: 10px;
	padding-left: 10px;
}

#col2{
	width: 640px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
	color: #999;
	border: 1px solid #181818;
	overflow: auto;
}

#col2 p{
	padding-right: 10px;
	padding-left: 10px;
}

h3.home{
	background-color: #222;
	font-size: 1.0em;
	color: #669900;
	padding: 5px 0px 5px 10px;
	border: 0;
	width: 630px;
	font-weight: bold;
}


#right_content{
	float: right;
	width: 210px;
}

/* RIGHT CONTENT */
#right_content ul{
	width: 200px;
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
	list-style-type: none;
	text-align: left;
}

#right_content li{
	background-color: #222222;
	font-size: 0.75em;	
	margin: 0;
	padding: 3px 5px 5px 5px;	
	border-bottom: 1px solid #333333;
	color: #999;
}

#right_content li a{
	text-decoration: none;
	color: #489aca;
}

#right_content li.selected a{
	text-decoration: none;
	color: #669900;
	font-weight: bold;
}

#right_content li a:hover{
	text-decoration: underline;
	color: #669900;
}

#right_content li.heading_green{
	background-color: #181818;
	font-size: 0.85em;
	color: #669900;
	padding: 0px 3px 5px 5px;
	border: 0;
}

#right_content li.heading_blue{
	background-color: #181818;
	color: #0099CC;
	font-size: 0.85em;
	padding: 0px 3px 5px 5px;
	border: 0;	
}

#right_content li.right_content_top{
	background-color: #222222;
	height: 6px;
	background-image: url(images/right_content_top.gif);
	padding: 0;
	border: 0;
}

#right_content li.right_content_bottom{
	background-color: #222222;
	height: 6px;
	background-image: url(images/right_content_bottom.gif);
	padding: 0;
	margin: 0;
	border: 0;
}

#content_bottom{
	width: 900px;
	height: 14px;
	background-image: url(images/page_bottom.gif);
	background-repeat: no-repeat;
}

/* FOOTER */
#footer{
	width: 100%;
	height: 50px;
	padding: 5px 0px;
	background-color: #171717;
	border-top: 1px solid #333333;
	overflow: auto;
}

#footer_content{
	width: 900px;
	font-size: 0.84em;
	color: #666666;
	font-size: 0.7em;
}

#footer_content a{
	color: #666666;
	text-decoration: none;
}

#footer_content a:hover{
	color: #999999;
	text-decoration: underline;
}

.hidden_content{
	width: 100%;
	visibility: hidden;
	font-family: Tahoma, Verdana, Arial;
	font-size: 0.5em;
}

/* CONTACT FORM */
.form_content{
	font-size: 0.8em;
}

.blue_star{
	color: #489aca;
	font-size: 1.2em;
}

Input {
	height:12px;
	width: 200px;
	background-color: #afafaf;
	border:1px solid #4e6a85;
	font-size: 12px;
	padding: 3px;
	color: #10151b;
	letter-spacing: 1px;
}

.radio {
	width: 10px;
	height: 15px;
	background-color: #303030;
	border:0px solid #4e6a85;
	padding: 0;
	margin: 0;
	color: #10151b;
	letter-spacing: 1px;
}

Select {
	background-color: #afafaf;
	border:1px solid #4e6a85;
	font-size: 12px;
	color: #10151b;
	letter-spacing: 1px;
	width: 150px;
}

TextArea {
	height:60px;
	width: 325px;
	background-color: #afafaf;
	border:1px solid #4e6a85;
	font-size: 12px;
	padding: 3px;
	font-weight: bold;
	color: #10151b;
	letter-spacing: 1px;
}

.button {
	height:22px;
	background-color: #333333;
	border:1px solid #666666;
	font-weight: bold;
	color: #999999;
	width: 75px;
}


/* SITEMAP */
#sitemap{
	margin: 0;
	padding: 0;
	font-size: 1.0em;
	width: 40%;
}

#sitemap li {
	list-style-type: none;
	border-bottom: 1px solid #666666;
	padding: 5px 0px;
}

#sitemap li a{
	text-decoration: none;
	color: #489aca;
}

#sitemap li a:hover{
	text-decoration: underline;
	color: #999999;
}

/* second level */

#sitemap li ul li{
	font-size: 0.8em;
	list-style-type: circle;
	border-bottom: 0;
}

#sitemap li ul li a{
	color: #666666;
}

#sitemap li ul li a:hover{
	color: #999999;
}


/* NAVIGATION MENU */
#tabs {
	height:26px; 
	position:relative; 
	z-index:100; 
	width: 900px;
	margin-top: 5px;
}

/* Remove the padding, margins and bullets from the lists */
.menu, .menu ul {
	list-style-type:none; 
	padding:0; margin:0; 
	font-family:arial, sans-serif;
}

/* Set up the top level list items and float left to place inline */
.menu li.top {
	display:block; 
	float:left; 
	position:relative;
}

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu table {
	border-collapse:collapse; 
	width:0; height:0; 
	position:absolute; 
	top:0; 
	left:0;
}

/* Default top link link styling */
.menu li.top a.top_link {
	display:block; 
	float:left; 
	height:26px;
}

.menu li.top a span {
	position:absolute; 
	left:-9999px; 
	top:0; 
	z-index:0; 
	font-size:10px;
} /* move the link text off screen */

/* pre-load the hover images into the lists */
.menu li.p1 {width:94px; background:url(images/menu/home_1.gif) no-repeat;}
.menu li.p2 {width:112px; background:url(images/menu/about_1.gif) no-repeat;}
.menu li.p3 {width:127px; background:url(images/menu/promo_1.gif) no-repeat;}
.menu li.p4 {width:80px; background:url(images/menu/music_1.gif) no-repeat;}
.menu li.p5 {width:104px; background:url(images/menu/contact_1.gif) no-repeat;}

/* set up the normal unhovered images in the links */
.menu li a#home {width:94px; background:url(images/menu/home_0.gif) no-repeat;}
.menu li a#about {width:112px; background:url(images/menu/about_0.gif) no-repeat;}
.menu li a#promo {width:127px; background:url(images/menu/promo_0.gif) no-repeat;}
.menu li a#music {width:80px; background:url(images/menu/music_0.gif) no-repeat;}
.menu li a#contact {width:104px; background:url(images/menu/contact_0.gif) no-repeat;}

/* Style the list OR link hover. Depends on which browser is used */
.menu a:hover {visibility:visible;} /* for IE6 */
.menu li:hover { position:relative; z-index:200;} /* for IE7 */

/* make the links transparent on hover so that the hover images in the lists show through (no flicker) */
.menu li a#home:hover, .menu li:hover a#home,
.menu li a#about:hover, .menu li:hover a#about,
.menu li a#promo:hover, .menu li:hover a#promo,
.menu li a#music:hover, .menu li:hover a#music,
.menu li a#contact:hover, .menu li:hover a#contact {background:transparent;}