html{
    color: #000;
    margin: 0;
    padding: 0;
    background: #c7c7dd;
}


body{
    margin: 0;
    padding: 0 10px 0 10px;
    background-image: #ffffff;    /*  url('/Images/soccerplay4.jpg');  */
    background-repeat: repeat;
    background-attachment: fixed;
}



#title{
    position: relative;
    clear: both;
    padding: 0;
    height: 60px;
    z-index: 1;
    font: normal .95em Verdana, sans-serif;
    color: #000;
    background: #0000e0 url('/Images/Title2.jpg') no-repeat fixed top left;
    margin: 0 0 0 0;
    border: solid #006 1px;
}


#Adtiles{
    padding: 0;
    z-index: 2;
    font: normal .20em Verdana, sans-serif;
}


#container1{
    float: center;
    top: 65px;
    width: 450px;
    padding: 1em;
    z-index: 2;
    font: normal .95em Verdana, sans-serif;
    color: #000;
/*    background: url('/Images/curb-drain-fade.jpg') no-repeat fixed top left;   */
    margin: 15px 15px  15px 15px;
    border: solid #f00 1px;
}


#container2{
    padding: 1em;
    z-index: 2;
    font: normal .85em Verdana, sans-serif;
    color: #000;
    margin: 0 15px 0 0;
/*    background: #ffffff;      */
}


#container3{
    float: left;
    width: 180px;
    padding: 5px;
    z-index: 2;
    font: normal .95em Verdana, sans-serif;
    color: #000;
    margin: 0;
    border: 0;
}


#infobar {

     height: 30px;
 
    text-align: center;
 
    font-size: 10px;

     color: #ffffff;
     padding-left: 1em;
     padding-right: 1em;
}



#infobartext {

 
    text-align: center;
 
    font-size: 12px;

     color: #blue;
     background: #d0d0f0;
     border-style: solid;
     border-width: 1px 1px 1px 1px;
     border-color: #505050 #909090 #a0a0a0 #a0a0a0;

}


#outline {
    border: solid #000 1px;
}


#outline2 {
     border-style: solid;
     border-width: 0 0 0 1px;
     border-color: #909090 #909090 #d0d0f0 #404040;
}


#histext a {

 
    text-align: center;
     font-size: 1.2em;
     font-weight: bold;
     color: #red;
     text-decoration: none;

}



#footer {

     height: 50px;
 
    text-align: center;
     font-size: 11px;
     color: #blue;
     background: #d0d0f0;

     border-style: solid;
     border-width: 1px 0 0 0;
     border-color: #808090 #000000 #000000 #000000;
}




#footer a {

    text-decoration: none;

}






#footer img {

    vertical-align: -0.2em;

}






/************************************************
    GENERAL STYLE SETUP
************************************************/
h1{
    margin: .5em 0 .5em 0;
    font: bold 1.6em Verdana, sans-serif;
    color: #6e6057;
    background-color: #DFE0D0;
    padding: .25em;
    border: solid #000 1px;
}

h2{
    margin: 0 0 .5em 0;
    font: bold 1.6em serif;
    color: #313040;
    background-color: transparent;
    border-bottom: solid #000 1px;
}

h3{
    margin: 0;
    font: bold 1.1em Verdana, sans-serif;
    padding: 0;
    font-style: italic;
}

h4{
    margin: 0;
    font: bold 1em Verdana, sans-serif;
    padding: 0;
    color: #6e6057;
}

p{
    font: normal .9em/1.4em Verdana, sans-serif;
    margin: 0 0 1.5em 0;
    background-color: transparent;
}

a{
	color: #339;
	background-color: transparent;
	text-decoration: underline;
	padding: .2em
}
a:hover{
	color: #c00;
	background-color: transparent;
	text-decoration: none;
}



TD {
	FONT-SIZE: 9pt; FONT-FAMILY: Arial, Helvetica, San Serif
}
TH {
	FONT-WEIGHT: normal; FONT-SIZE: 8pt; FONT-FAMILY: Arial, Helvetica, San Serif
}
.gray {
	FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #808080; FONT-FAMILY: Arial, Helvetica, San Serif
}
.red {
	COLOR: #ff0000; FONT-FAMILY: Arial, Helvetica, San Serif
}
.bluetemp {
	COLOR: #0000ff; FONT-FAMILY: Arial, Helvetica, San Serif
}
.nav {
	FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, San Serif
}
.nwslink {
	FONT-SIZE: 9pt; COLOR: black; FONT-FAMILY: Arial, Helvetica, San Serif; TEXT-DECORATION: none
}
.radarsite {
	FONT-WEIGHT: bold; FONT-SIZE: 22pt; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, San Serif
}
.big {
	FONT-WEIGHT: bold; FONT-SIZE: 12pt; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, San Serif
}
.big2 {
	FONT-WEIGHT: bold; FONT-SIZE: 12pt; COLOR: #ffff80; FONT-FAMILY: Arial, Helvetica, San Serif
}
.big3 {
	FONT-WEIGHT: bold; FONT-SIZE: 12pt; FONT-STYLE: italic; COLOR: #6060a0; FONT-FAMILY: Arial, Helvetica, San Serif
}
.blue1 {
	FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #000080; FONT-FAMILY: Arial, Helvetica, San Serif
}
.warn {
	FONT-WEIGHT: bold; COLOR: red; TEXT-DECORATION: underline
}


.NewsWeather
{
   font-family: Arial, Tahoma, Verdana, Sans-Serif;   
   font-size: 14px;
   font: bold;
   color: Navy;
   padding: 4px 4px 4px 4px;
   vertical-align: top;
   text-align: center;
}





/* Sidebar */

	#nav:before {
		line-height: 0.1;
		font-size: 1px;
		background: transparent url("/Images/menu_tr.gif") no-repeat top right;
		margin: 0;
		height: 9px;
		display: block;
		border-bottom: 1px solid #ddd;
	}

	#nav:after {
		display: block;
		padding-top: 0;
		line-height: 0.1;
		font-size: 1px;
		margin: 0 0 0 0;
		height: 8px;
		background: transparent url("/Images/menu_br.gif") scroll no-repeat bottom right ;
		border-top: 1px solid #fff;
	}
	

	#nav, #nav ul {
		margin: 0;
		padding: 0;
                width: 170px;
		list-style: none;
		background: #d0d0f0;
	}
	#nav {
		margin-bottom: 1em;
	}	


	#nav li {
		display: inline;
		padding: 0;
		margin: 0;
	}
	
	#nav li a {
		display: block;
		padding: 8px 10px;
		text-decoration: none;
		background: #EDF2F2;
	}

	#nav li a:hover {
		background: #D0E9E9;
	}
	
	#nav li li a {
		padding: 6px 8px 6px 20px;
	}
	
	#oN {
		background-color: #E0E9E9;
	}
	#oN:hover {
		background-color: #C6DCDC;
	}




/************************************************
    Drop Down Menu
************************************************/
    /* This is the part for the CSS menu - these settings are for a horizontal menu */

    #dmenu{                         /* menu list container */
        list-style-type: none;      /* disable the display of the list item bullets */
        margin: 0 20px 0 20px;      /* space around the list container */
        padding: 0px;               /* space within the list container */
        position: static;
        background-color: #fff;     /* the default background color within the main menu container */
        color: #000;                /* the default font color (not links) within the main menu container */
        z-index: 20;                /* push the menu up in the layer order a bit so it isn't hidden behind anything */
            /* Browser plug-ins like Flash or Quicktime may not allow you to overlap then with this menu! */
    }

    #dmenu li{                      /* top-level menu element */
        list-style-type: none;      /* disable the display of the list item bullets */
        float: left;                /* this is to allow for the horizontal main menu */
        border: black solid 1px;    /* border for each of the main menu items */
        background-color: #4cf;     /* main menu item background color */
        color: #000;                /* main menu item font color (not links) */
        margin: 0px;                /* spacing between main menu items */
        padding: 0px;               /* padding within main menu items */
        width: 100px;               /* the width of each main menu item */
        display: block;
    }

    #dmenu li a{                    /* top-level menu element links */
        text-align: center;         /* text alignment in main menu item links */
        width: 100px;               /* set this to (#dmenu li -> width) - (2 * (#dmenu li -> padding)) */
        display: block;
        text-decoration: none;
    }

    #dmenu li ul{                   /* sub-menu list container */
        position: absolute;         /* this is so that it doesn't push that page content around on hover */
        margin: 0px;                /* space around the list container */
        padding: 0px;               /* space within the list container */
        list-style-type: none;      /* disable the display of the list item bullets */
        display: none;
        width: 105px;               /* the width of the sub menus */
        border: black solid 1px;    /* sub-menu borders */
        background-color: #00284c;     /* sub-menu default background color */
        color: #fff;                /* sub-menu default font color (not links) */
        background:transparent;
        filter:alpha(opacity=80);
        -moz-opacity:.80;
        opacity:.80;
    }

    #dmenu li ul li{                /* sub-menu element links */
        background-color: blue;     /* sub-menu default background color */
        color: #fff;                /* default font color (not links) for sub-menu container */
        border: none;               /* sub-menu item border settings */
        margin: 0px;                /* spacing between sub-menu containers */
        padding: 0px;               /* This is for padding between menu items in the drop-downs */
        width: 105px;               /* (padding*2 - 5) must be subtracted from #dmenu li ul -> width and set for this one, or borders won't display properly...
                                       not sure where the other 5 pixels come from... Maybe it's actually padding*4 instead? I'll find out some other time */
    }

    #dmenu li ul li a{
        display: block;
        width: 105px;               /* should be set to the same value as #dmenu li ul li -> width */
        color: #fff;
    }

    #dmenu li ul li a:hover{
        background: #4cf;
        color: black;
    }

    #dmenu li:hover ul { /* lists nested under hovered list items */
        display: block;
        font-weight: bold;
    }

    #dmenu li.hover ul{ /* lists nested under hovered list items */
        display: block;
    }

    .content {
        clear: left;
    }