﻿
body { 
color: #fff;
BACKGROUND-color: #00223e;

}
#container { 
background-color: #00223e;
width: 1024px;
FONT-FAMILY: verdana, arial, 'sans serif'
}
.hover 
{
	color: Maroon;
	FONT-SIZE: 20pt;
}
.storytext
{
    FONT-SIZE: 10pt;
    COLOR: #fff;
    FONT-FAMILY: verdana, arial, 'sans serif'
}
.songtext
{
    FONT-SIZE: 9pt;
    COLOR: black;
    FONT-FAMILY: verdana, arial, 'sans serif'
}
h6
{
    FONT-SIZE: 10pt;
    COLOR: white;
    FONT-FAMILY: verdana, arial, 'sans serif';
margin: 0px;
padding: 0px;
}
h1
{
    FONT-SIZE: 14pt;
    COLOR: #88b2ff;
    font-weight: bold;
    FONT-FAMILY: verdana, arial, 'sans serif';
margin: 0px;
padding: 0px;
}
.storytitletext
{
    FONT-SIZE: 11pt;
    COLOR: #fff;
    FONT-FAMILY: verdana, arial, 'sans serif';
   font-weight: bold;
}
.titletext
{
    FONT-SIZE: 11pt;
    COLOR:#fff;
    FONT-FAMILY: verdana, arial, 'sans serif';
    FONT-WEIGHT: bold;
   
}
.headtext
{
    FONT-SIZE: 10pt;
    COLOR:#fff;
    FONT-FAMILY: verdana, arial, 'sans serif';
    FONT-WEIGHT: bold;
    text-decoration: underline;
   
}
a.storytext:link
{
    FONT-SIZE: 9pt;
    COLOR: #fbd58a;
    text-decoration: underline;
}
a.storytext:active
{
    FONT-SIZE: 9pt;
    COLOR: #fbd58a;
    text-decoration: underline;
}
a.storytext:hover
{
    FONT-SIZE: 9pt;
    COLOR: #fbd58a;
    text-decoration: underline;
}
a.storytext:visited
{
    FONT-SIZE: 9pt;
    COLOR: #fbd58a;
    text-decoration: underline;
}

a:link 
{ FONT-SIZE: 9pt;
    COLOR: #fbd58a;
    FONT-FAMILY: verdana, arial, 'sans serif';
    text-decoration: underline;
    PADDING-BOTTOM: 4px;
    PADDING-TOP: 2px;
    PADDING-LEFT: 2px;
    PADDING-RIGHT: 2px
}
a:active 
{ FONT-SIZE: 9pt;
    COLOR: #fbd58a;
    FONT-FAMILY: verdana, arial, 'sans serif';
    text-decoration: underline;
    PADDING-BOTTOM: 4px;
    PADDING-TOP: 2px;
    PADDING-LEFT: 2px;
    PADDING-RIGHT: 2px
}
a:hover 
{ FONT-SIZE: 9pt;
    COLOR: #fbd58a;
    FONT-FAMILY: verdana, arial, 'sans serif';
    text-decoration: underline;
    PADDING-BOTTOM: 4px;
    PADDING-TOP: 2px;
    PADDING-LEFT: 2px;
    PADDING-RIGHT: 2px
}
a:visited 
{ FONT-SIZE: 9pt;
    COLOR: #fbd58a;
    FONT-FAMILY: verdana, arial, 'sans serif';
    text-decoration: underline;
    PADDING-BOTTOM: 4px;
    PADDING-TOP: 2px;
    PADDING-LEFT: 2px;
    PADDING-RIGHT: 2px
}
#pagebg
{
    PADDING-LEFT: 5px;
    PADDING-RIGHT: 5px;
       
    
}
#contentpage
{
    position: absolute;
    FONT-SIZE: 9pt;
    FONT-FAMILY: verdana, arial, 'sans serif';
    PADDING-BOTTOM: 5px;
    WIDTH: 1024px;
    PADDING-TOP: 0px;
    PADDING-LEFT: 5px;
    PADDING-RIGHT: 5px;
    BACKGROUND: url(images/bghome2.jpg) #00223e no-repeat center top;
 
}

#contentnew
{
    position: absolute;
    FONT-SIZE: 9pt;
    FONT-FAMILY: verdana, arial, 'sans serif';
    PADDING-BOTTOM: 5px;
    WIDTH: 329px;
    PADDING-TOP: 0px;
    PADDING-LEFT: 5px;
    PADDING-RIGHT: 5px;
 
}

#contentads
{
    position: absolute;
    FONT-SIZE: 9pt;
    FONT-FAMILY: verdana, arial, 'sans serif';
    PADDING-BOTTOM: 5px;
    MARGIN: 20px 0px 0px;
    PADDING-TOP: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    overflow : auto;
    z-index: 0;
    
}
#newnav
{
    position: absolute;
    FONT-SIZE: 9pt;
    FONT-FAMILY: verdana, arial, 'sans serif';
    
 
}
#menu 
{
	z-index: 300;
	position: absolute;
}
#content
{
    position: absolute;
    FONT-SIZE: 9pt;
    FONT-FAMILY: verdana, arial, 'sans serif';
    PADDING-BOTTOM: 0px;
    MARGIN: 15px 0px 2px;
    PADDING-TOP: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    overflow : auto;
    z-index: 0;
    
}
#contentFlash
{
    position: absolute;
    FONT-SIZE: 9pt;
    FONT-FAMILY: verdana, arial, 'sans serif';
    PADDING-BOTTOM: 5px;
    MARGIN: 15px 0px 0px 12px;
    PADDING-TOP: 0px;
    PADDING-LEFT: 5px;
    PADDING-RIGHT: 5px;
    overflow : auto;
    z-index: 0;
    
}
#contentMain
{
    position: absolute;
    FONT-SIZE: 10pt;
    FONT-FAMILY: verdana, arial, 'sans serif';
    PADDING-BOTTOM: 5px;
    MARGIN: 0px 0px 0px;
    PADDING-TOP: 0px;
    PADDING-LEFT: 5px;
    PADDING-RIGHT: 3px;
    overflow: auto;
    
        
}
#image
{
    position: absolute;
    padding: 0px;
    margin: 0px;
    
        
}
#contentEx
{
    position: absolute;
    FONT-SIZE: 9pt;
    FONT-FAMILY: verdana, arial, 'sans serif';
    PADDING-BOTTOM: 5px;
    MARGIN: 2px 0px 2px;
    PADDING-TOP: 0px;
    PADDING-LEFT: 2px;
    PADDING-RIGHT: 2px;
    
    
}

#contentEx2
{
    position: absolute;
    FONT-SIZE: 9pt;
    FONT-FAMILY: verdana, arial, 'sans serif';
    color: White;
    
     
    
}
#footer
{
    position: absolute;
    FONT-SIZE: 6pt;
    FONT-FAMILY: verdana, arial, 'sans serif';
    
    
     
    
}
#list
{ padding-left: 0px;
	margin-left: 0px
}

UL
{
	list-style-position: outside;
	list-style-type: disc;
	padding-bottom: 0px;
	padding-left: 2px;
	margin-left: 2px;
	margin-top: 0px;
	margin-bottom: 0em;

}
LI
{
	list-style-position: outside;
	list-style-type: disc;
	padding-bottom: 0em;
	margin-top: 0px;
	margin-bottom: 0em;
	
}
#nav {margin-left:2px; margin-right:2px; list-style: none; height:34px; position:relative; z-index:200; font-family:arial, verdana, sans-serif; width:680px;}
#nav li.top {display:block; float:left;}
#nav li a {display:block; float:left; height:34px; text-decoration:none; padding:0; cursor:hand;}


#nav li a.home {background:url(images/home-over.jpg); width: 89px;}
#nav li a.djshows {background:url(images/djsshows-over.jpg); width: 134px;}
#nav li a.contests {background:url(images/contests-over.jpg); width: 126px;}
#nav li a.events {background:url(images/events-over.jpg); width: 102px;}
#nav li a.photos {background:url(images/photos-over.jpg); width: 105px;}
#nav li a.contact {background:url(images/contact-over.jpg); width: 107px;}
#nav li a.presented {background:url(images/presented-over.jpg); background-repeat: no-repeat; width: 105px;}

#nav li:hover a,
#nav a:hover
{background-position: 0;}


#nav table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:-1px;}

#nav .sub {position:absolute; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}

#nav :hover ul.sub
{left:0; top:34px; width:204px; height:34px; z-index:200;}
#nav :hover ul.sub li
{display:block; height:34px; position:relative; width:204px; font-weight:normal;}
#nav :hover ul.sub li a
{display:block; height:34px; width:204px; text-decoration:none; padding:0; cursor:hand;}
#nav :hover ul.sub li a b {position:absolute; margin:0;}

#nav li:hover a.home img, .two a:focus img { display: none }
#nav li:hover a.home {line-height: 1}
#nav li:hover a.djshows img, .two a:focus img { display: none }
#nav li:hover a.djshows {line-height: 1}
#nav ul li:hover a.djs img, .two a:focus img { display: none }
#nav ul li:hover a.djs {line-height: 1}
#nav ul li:hover a.shows img, .two a:focus img { display: none }
#nav ul li:hover a.shows {line-height: 1}
#nav li:hover a.contests img, .two a:focus img { display: none }
#nav li:hover a.contests {line-height: 1}
#nav li:hover a.events img, .two a:focus img { display: none }
#nav li:hover a.events {line-height: 1}
#nav ul li:hover a.concerts img, .two a:focus img { display: none }
#nav ul li:hover a.concerts {line-height: 1}
#nav ul li:hover a.presented img, .two a:focus img { display: none }
#nav ul li:hover a.presented {line-height: 1}
#nav ul li:hover a.eguide img, .two a:focus img { display: none }
#nav ul li:hover a.eguide {line-height: 1}
#nav li:hover a.news img, .two a:focus img { display: none }
#nav li:hover a.news {line-height: 1}
#nav li:hover a.photos img, .two a:focus img { display: none }
#nav li:hover a.photos {line-height: 1}
#nav li:hover a.contact img, .two a:focus img { display: none }
#nav li:hover a.contact {line-height: 1}

#nav :hover ul.sub li a:hover 
{position:relative;}


/* weatherBugBox */

.weatherBugBox {  color: Black; inline-block; border-color: #DADADA; border-style: solid; border-width: 1px; background-color: White;  border-collapse: separate;  }
.weatherBugBox A { font-family:Verdana; font-size:10pt; font-weight:bold; background-color: Transparent; }
.weatherBugBox A:Link { border-style: none; color: #5B5D5E; }                              
.weatherBugBox A:Visited { border-style: none; color: #5B5D5E; }                     
.weatherBugBox A:Hover { border-style: none; color:#F7941D; }                     
.weatherBugBox TABLE { border-collapse: collapse; border-style: none;border-collapse: collapse; border-style: none; }
.weatherBugBox TD { padding-right: 10px; text-align: left; border-collapse: collapse; border-style: none; }
.weatherBugBox THEAD {font-family: Verdana; font-size: 10pt; font-weight: bold; border-collapse: collapse; border-style: none;  }
.weatherBugBox THEAD TR TD {background-image: url(images/menubar300.jpg);background-repeat: repeat; background-color: White; background-position:top;}
.weatherBugBox TBODY TR TD TABLE { background-color: Transparent; background-image: none; border-collapse: collapse; border-style: none;  }

.weatherBugBox #weatherBugBody {background-image: url(images/Cloud_background.jpg); text-align: center; }
.weatherBugBox #temp {font-family: Verdana; font-size: 16px; color: #0072BC; font-weight: bold; text-align: center;}
.weatherBugBox #wind {font-family: Verdana; font-size: 10pt; text-align: center;}
.weatherBugBox #currcond {font-family: Verdana; font-size: 10pt; text-align: right; }
.weatherBugBox #linktoweather {font-family: Verdana; font-size: 8pt; text-align: center; }
