﻿
body { 
color: #000;
BACKGROUND: url(http://www.cfno.fm/images/backSLICE.jpg) #fff fixed repeat-y center top	;

}
#container { 
background-color: #fff;
width: 1055px;
FONT-FAMILY: verdana, arial, 'sans serif'
}
.hover 
{
	color: Maroon;
	FONT-SIZE: 20pt;
}
.storytext
{
    FONT-SIZE: 10pt;
    COLOR: black;
    FONT-FAMILY: verdana, arial, 'sans serif'
}
h6
{
    FONT-SIZE: 10pt;
    COLOR: black;
    FONT-FAMILY: verdana, arial, 'sans serif';
margin: 0px;
padding: 0px;
}
.storytitletext
{
    FONT-SIZE: 11pt;
    COLOR: black;
    FONT-FAMILY: verdana, arial, 'sans serif';
   font-weight: bold;
}
.titletext
{
    FONT-SIZE: 11pt;
    COLOR:black;
    FONT-FAMILY: verdana, arial, 'sans serif';
    FONT-WEIGHT: bold;
   
}
.headtext
{
    FONT-SIZE: 10pt;
    COLOR:black;
    FONT-FAMILY: verdana, arial, 'sans serif';
    FONT-WEIGHT: bold;
    text-decoration: underline;
   
}
a.storytext:link
{
    FONT-SIZE: 9pt;
    COLOR: black;
    text-decoration: underline;
}
a.storytext:active
{
    FONT-SIZE: 9pt;
    COLOR: black;
    text-decoration: underline;
}
a.storytext:hover
{
    FONT-SIZE: 9pt;
    COLOR: black;
    text-decoration: underline;
}
a.storytext:visited
{
    FONT-SIZE: 9pt;
    COLOR: black;
    text-decoration: underline;
}

a:link 
{ FONT-SIZE: 9pt;
    COLOR: black;
    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: black;
    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: black;
    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: black;
    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;
       
    
}

#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;
 
}
#menu 
{
	z-index: 300;
	position: absolute;
}
#content
{
    position: absolute;
    FONT-SIZE: 9pt;
    FONT-FAMILY: verdana, arial, 'sans serif';
    PADDING-BOTTOM: 5px;
    MARGIN: 20px 0px 2px;
    PADDING-TOP: 0px;
    PADDING-LEFT: 5px;
    PADDING-RIGHT: 5px;
    overflow : auto;
    z-index: 0;
    
}
#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;
    
}
#contentFlash
{
    position: absolute;
    FONT-SIZE: 9pt;
    FONT-FAMILY: verdana, arial, 'sans serif';
    PADDING-BOTTOM: 5px;
    MARGIN: 20px 0px 2px;
    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: 20px 0px 2px;
    PADDING-TOP: 0px;
    PADDING-LEFT: 5px;
    PADDING-RIGHT: 5px;
    
    
}

#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';
    PADDING-BOTTOM: 5px;
    MARGIN: 0px 0px 2px;
    PADDING-TOP: 0px;
    PADDING-LEFT: 5px;
    PADDING-RIGHT: 5px;
    overflow : auto;
    
     
    
}
#list
{ padding-left: 0px;
	margin-left: 0px
}

UL
{
	list-style-position: outside;
	list-style-type: disc;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-left: 10px;
	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 {padding-left:5px; margin:0; list-style:none; height:26px; position:relative; z-index:200; font-family:arial, verdana, sans-serif; width:1053px;}
#nav li.top {display:block; float:left;}
#nav li a {display:block; float:left; height:26px; width:115px; text-decoration:none; padding:0; cursor:hand;}


#nav li a.main {background:url(/images/main2.jpg);}
#nav li a.about {background:url(/images/about2.jpg);}
#nav li a.features {background:url(/images/features2.jpg);}
#nav li a.events {background:url(/images/events2.jpg);}
#nav li a.contests {background:url(/images/contests2.jpg);}
#nav li a.music {background:url(/images/music2.jpg);}
#nav li a.gallery {background:url(/images/gallery2.jpg);}
#nav li a.stuff {background:url(/images/stuff2.jpg);}
#nav li a.contact {background:url(/images/contact2.jpg);}

#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; left:-9999px; 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:26px; width:115px; height:26px; z-index:200;}
#nav :hover ul.sub li
{display:block; height:26px; position:relative; float:left; width:115px; font-weight:normal;}
#nav :hover ul.sub li a
{display:block; height:26px; width:115px; text-decoration:none; padding:0; cursor:hand;}
#nav :hover ul.sub li a b {position:absolute; left:-9999px; margin:0;}


#nav li:hover a.main img, .two a:focus img { display: none }
#nav li:hover a.main {line-height: 1}
#nav li:hover a.about img, .two a:focus img { display: none }
#nav li:hover a.about {line-height: 1}
#nav li:hover a.features img, .two a:focus img { display: none }
#nav li:hover a.features {line-height: 1}
#nav li:hover a.events img, .two a:focus img { display: none }
#nav li:hover a.events {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.music img, .two a:focus img { display: none }
#nav li:hover a.music {line-height: 1}
#nav li:hover a.gallery img, .two a:focus img { display: none }
#nav li:hover a.gallery {line-height: 1}
#nav li:hover a.stuff img, .two a:focus img { display: none }
#nav li:hover a.stuff {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; }
