html, body, h1, h2, h3, h4, h5, h6, p, code, form, ul, li, iframe {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: normal;
	}
/* -- dwbody sets the page width and cloud background. Added 5px top margin to move center page down. -- */
#dwbody {
	background:  url(http://www.daculaweather.com/images/spacecloud3.jpg);
	width: 900px;
	margin: 0 auto;
	margin-top: 10px;
	}
/* -- container is wrapper for everything -- */	
#container {
	width: 900px;
	margin: 0 auto;
	border: none;
	background-color: white;
	}

#top {
	padding: 0;
	background: #FFF;
	width: 899px;
	height: 27px;
	border-bottom: none;
	}
#topnav {
	z-index: 100;
	margin: 0;
	padding: 0;
	}
#leftnav
	{
	float: left;
	width: 167px;
	margin: 0;
	padding: 0;
	border-top: 1px #FFF;
	background-color: #FFFFFF;	/*border-right: 1px solid gray;*/
	padding-top: 1px;
	}
#leftnavI
	{
	float: left;
	width: 189px;
	margin-top: 0;
	padding: 0;
	border-top: 1px #FFF;
	background-color: #FFFFFF;
	border-right: 1px solid gray;
	}
#content {
	z-index: 5;
	margin-left: 168px;
	margin-top: 0;
	border-left: 1px solid gray;
	border-top: none;
	border-right: 0;
	background-color: #EEE;
	}
#contentI {
	z-index: 5;
	margin-left: 190px;
	margin-top: 0;
	border-left: 1px solid gray;
	border-top: none;
	padding: 0;
	max-width: 45em;
	}
#footer {
	clear: both;
	margin: 0;
	padding: 0.5em;
	color: #333;
	background-color: #ddd;
	border-top: 1px solid gray;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	}
#footer a {
	text-decoration: none;
	}
p {
	color: #000033;
	font-size: 0.8em;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.75em;
	}
#leftnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }

#photo img {
	border: 1px solid #666;
	/* background-color: #FFF; */
	padding: 4px;
	position: relative;
	top: 6px;
	left: 6px;
	}

/* -- Start of Suckerfish menu -- */
#suckerfishnav {
	z-index: 200;
	background-color: #003;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	width: 896px;
	font-size: .94em;
}
#suckerfishnav, #suckerfishnav ul {
	z-index: 200;
	float: left;
	list-style: none;
	padding: 0;
	border: 1px solid #aaa;
	margin: 0;
	width: 898px;
	line-height: 1.6em;
}
#suckerfishnav a {
z-index: 200;
display:block;
color:#FFF;
text-decoration:none;
padding:0px 10px;
}
#suckerfishnav li {
	z-index: 200;
	float:left;
	padding: 0;
}
#suckerfishnav ul {
z-index: 200;
position:absolute;
left:-999em;
height:auto;
width:160px;
font-weight:normal;
margin:0;
line-height:1.4em;
border:0;
border-top:1px solid #666666;
}
#suckerfishnav li li {
	z-index: 200;
	width:158px;
	border-bottom:1px solid #666666;
	border-left:1px solid #666666;
	border-right:1px solid #666666;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
}
#suckerfishnav li li a {
	z-index: 200;
	width:140px;
	color:#FFF;
	margin-left: 0px;
	padding-right: 8px;
	line-height: 1.9em;
	font-size: 0.7em;
	text-align: left;
}
#suckerfishnav li ul ul {
z-index: 200;
margin:-20px 0 0 80px;
}
#suckerfishnav li li:hover {
background:#1F3E9F;
}
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
color:#FFF;
}
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
color:#FFF;
}
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
color:#FFF;
}
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
left:-999em;
}
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
left:auto;
background-color:#003;
}
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
background:#5E7AD3;
}
/* -- End of Suckerfish menu -- */

#current {
	width: 100%;
	padding-left: 2px
	}
#current h1 {
	margin-top: 0;
	color: #003366;
	padding: 0;
	font-family: Baskerville, "Palatino Linotype", Times, serif;
	font-size: .85em;
	text-align: center;
	border-bottom: 1px solid gray;
	}
#current h2 {
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	font-size: .8em;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	background-color: #003366;
	}
#current h3 {
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	font-size: .64em;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;	
	}
#current h4 {
	margin: 0;
	padding: 0;
	color: #000000;
	font-size: .50em;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	}
#current h5 {
	margin: 0;
	padding-left: 4px;
	color: #000000;
	font-size: .64em;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	}
#current2 h1 {
	margin-top: 0;
	color: #003366;
	padding: 0;
	font-family: Baskerville, "Palatino Linotype", Times, serif;
	font-size: .85em;
	text-align: center;
	border-bottom: 1px solid gray;
	}
#current2 h2 {
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	font-size: .8em;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	background-color: #003366;
	}
#current2 h3 {
	margin: 0;
	padding: 0;
	color: #000000;
	font-size: .58em;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;	
	}
#current2 h4 {
	margin: 0;
	padding: 0;
	color: #000000;
	font-size: .50em;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	}
#current2 h5 {
	margin: 0;
	padding-left: 4px;
	color: #000000;
	font-size: .64em;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	}
#maintblI {
	width: 670px;
	padding-left: 5px
	}
#maintblI h1 {
	margin-top: 0;
	color: #003366;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .98em;
	text-align: center;
	border-bottom: 3px solid #003366;
	}
#maintblI h2 {
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	font-size: .8em;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	}
#maintblI h3 {
	margin: 0;
	padding: 0;
	color: #000000;
	font-size: .55em;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;	
	}
#maintblI h4 {
	margin: 0;
	padding: 0;
	color: #000000;
	font-size: .50em;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	}
#maintblI h5 {
	margin: 0;
	color: #000000;
	font-size: .9em;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	}
#maintblI h6 {
	margin: 0;
	color: #000000;
	font-size: .7em;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	}
#maplist a {
	margin: 0;
	padding: 0;
	background: #FFFFAC;
	font-weight: bold;
	border-width: 1px;
	border-color: gray;
	color: #000000;
	font-size: .7em;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;	
	}
#mapvav h2{
	margin: 0;
	padding: 0;
	color: #000000;
	font-size: .85em;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	}
#maplist2 {
	margin: 0;
	padding: 0;
	}
.maph2 h3 {
	margin: 0;
	padding: 0;
	color: #FFF;
	font-size: 0.8em;
	line-height: 150%;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	background-color: #003;
	width: 167px;
	border-left: 1px solid #003366;
	border-right: 1px solid #003366;
	border-bottom: 1px solid gray;	/* margin-left: 5px;*/
	}
#mainframe {
	margin: 0;
	padding: 0;
	padding-top: 5px;
	padding-left: 5px;
	z-index: 1;
	height: 1050px;
	background-color: #F4F4F4;
	}
#mainframe2 {
	margin: 0;
	padding: 0;
	padding-top: 5px;
	padding-left: 5px;
	z-index: 1;
	height: 728px;
	background-color: #F4F4F4;
	}
#mainframe_radar {
	margin: 0;
	padding: 0;
	padding-top: 5px;
	padding-left: 5px;
	z-index: 1;
	height: 728px;
	background-color: #F4F4F4;
	background-image: url(images/daculaweather_titlebar_728.jpg);
	background-repeat: no-repeat;
	}

ul.mapnav {
	list-style-type: none;
	padding: 0;
	margin: 0;
	width: 159px;
	}
ul.mapnav {
	list-style-type: none;
	padding: 0;
	margin: 0;
	}
ul.mapnav a{
	margin: 0px;
	text-decoration: none;
	background-color: #E6F1F2;
	/*zoom: 1;*/
	display: block;
	width: 159px;
	height: 1.6em;
	line-height: 1.9em;
	/* border: 1px solid gray; */
	/*border-top: 1px solid #000000;*/
	border-bottom: 1px solid #000000;
	border-left: 1px solid #003366;
	border-right: 1px solid #003366;
	padding-bottom: 3px;
	padding-left: 8px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em
	}
ul.mapnav a:hover {
	/*zoom: 1;*/
	display: block;
	width: 159px;
	height: 1.8em;
	line-height: 2.1em;
	/* border: 1px solid gray; */
	/*border-top: 1px solid #000000;*/
	border-bottom: 1px solid #000000;
	border-left: 1px solid #003366;
	border-right: 1px solid #003366;
	padding-bottom: 3px;
	/* background-color: transparent; */
	text-decoration: none;
	background-color: #FF9;
	color: #036;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.72em
		}
ul.mapnav a:active {
	/*zoom: 1;*/
	display: block;
	line-height: 1.9em;
	/* border: 1px solid gray; */
	/*border-top: 1px solid #000000;*/
	border-bottom: 1px solid #000000;
	border-left: 1px solid #003366;
	border-right: 1px solid #003366;
	padding-bottom: 3px;
	/* background-color: transparent; */
	text-decoration: underline;
	background-color: #FF0000;
	color: white;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em
		}
	
a:link	{color: #003366;}

a:hover	{
	color: #C30;
}
a:active {color: #FF0000;}

#fadeshowban	{
	width: 900px;
	height: 74px;
	}
#warning	{
	width: 727px;
	float: left;
	margin-left: 1px;
	border: 1px solid white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
}
.advisoryBoxnoactive {
	color: black;
	background-color: white;
	height: 20px;
	float: left;
	vertical-align: middle;
	text-align: center;
	margin: 0;
	padding-top: 2px;
	margin-top: 0px;
	text-decoration: none;
	border: 1px solid #036;
	width: 725px;
	font-size: 0.9em;
	font-family:Arial, Helvetica, sans-serif;
	border-top-color: #036;
}
.advisoryBoxnoactive a 	{
	text-decoration: none;
	color:#036;
}
.advisoryBoxnoactive a:hover 	{
	text-decoration: none;
	color:#0CF;	
}
.advisoryBox {
	color: #360;
	background-color: #B7F17C;
	height: 20px;
	float: left;
	vertical-align: middle;
	text-align: center;
	margin: 0;
	padding-top: 2px;
	margin-top: 0px;
	text-decoration: none;
	border: 1px solid #360;
	width: 725px;
	font-size: 0.9em;
	font-family:Arial, Helvetica, sans-serif;
}
.advisoryBox a 	{
	text-decoration: none;
	color: #360;
}
.advisoryBox a:hover 	{
	text-decoration: none;
	color: #FFF;	
}

.watchBox {
	color: #C00;
	background-color: #FC0;
	height: 20px;
	float: left;
	vertical-align: middle;
	text-align: center;
	margin: 0;
	padding-top: 2px;
	margin-top: 0px;
	text-decoration: none;
	border: 1px solid #C00;
	width: 725px;
	font-size: 0.9em;
	font-family:Arial, Helvetica, sans-serif;
}
.watchBox a 	{
	text-decoration: none;
	color: #C00;
}
.watchBox a:hover 	{
	text-decoration: none;
	color: #FFF;	
}

.warningBox {
	color: white;
	background-color: #F00;
	height: 20px;
	float: left;
	vertical-align: middle;
	text-align: center;
	margin: 0;
	padding-top: 2px;
	margin-top: 0px;
	text-decoration: none;
	border: 1px solid #C00;
	width: 725px;
	font-size: 0.9em;
	font-family:Arial, Helvetica, sans-serif;
}
.warningBox a {
	text-decoration: none;
	color: #FFF;
}
.warningBox a:hover 	{
	text-decoration: none;
	color: #FF0;	
}
.tornadowarningBox {
	color: white;
	background-color: #CC0000;
	height: 20px;
	float: left;
	vertical-align: middle;
	text-align: center;
	margin: 0;
	padding-top: 2px;
	margin-top: 0px;
	text-decoration: none;
	border: 1px solid #F00;
	width: 725px;
	font-size: 0.9em;
	font-family:Arial, Helvetica, sans-serif;
}
.tornadowarningBox a 	{
	text-decoration: none;
	color: #FFF;
}
.tornadowarningBox a:hover 	{
	text-decoration: none;
	color: #FF0;	
}

#hidetopsite {
	visibility: hidden;
	z-index: 1;
	max-height: 1px;
}
#hide {
	visibility: hidden;
	z-index: 1;
	max-height: 1px;
}
.pointdown	{
	background-image:url(arrows-down.png);
	background-repeat:no-repeat;
	background-position:right;
}
.pointright	{
	background-image:url(arrows-menu.png);
	background-repeat:no-repeat;
	background-position:right;
}
#radarstatus {
	float: left;
	width: 722px;
	margin-left: 0px;
	min-height: 40px;
	background-color: #069;
}
#radarstatus h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	color: #FFF;
	text-align: center;
}