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: 172px;
margin: 0;
padding: 0;
border-top: 1px #FFF;
border-left: 0;
border-right: 0;
background-color: #FFF;
}
#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: 177px;
margin-top: 0;
border-left: 1px solid gray;
border-top: none;
padding: .5em;
}
#contentI {
z-index: 5;
margin-left: 190px;
margin-top: 0;
border-left: 1px solid gray;
border-top: none;
padding: 0;
}
#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: 0.6em;
}
#footer a {
text-decoration: none;
}
h1, h2, h3 {
color: #BD8100;
text-align: left;
padding: 0;
margin:0 ;
font-family: Baskerville, "Palatino Linotype", Times, serif;
}
p {
	color: #000033;
	font-size: .9em;
	font-family: Arial, Helvetica, sans-serif;
	text-indent: 15px;
}
#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       {
width: 100%;
margin-left: 2px;
}

#current2 h1 {
margin-top: 0;
margin-bottom: 6px;
color: #003366;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.85em;
text-align: center;
border-bottom: 1px solid gray;
font-weight: bolder;
padding-top: 7px;
}
#current2 h2 {
margin: 0;
margin-top: 2px;
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: .64em;
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: 0.65em;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
}
#maintblI {
	width: 695px;
	padding-left: 5px
}
#maintblI h1 {
margin-top: 0;
margin-bottom: 6px;
color: #003366;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
text-align: center;
border-bottom: 3px solid #003366;
}
#maintblI h2 {
margin: 0;
padding: 0;
margin-bottom: 10px;
color: #BD8100;
/*border-bottom: 1px solid #FF0000;*/
width: 150px;
font-size: .98em;
font-family: Arial, Helvetica, sans-serif;
text-align: left
}
#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;
}
#maintblI a {
color: #03C;
text-decoration: none;
}
#maintblI a:hover {
color: #CC0000;
}


#fadeshowban    {
width: 900px;
height: 74px;
}
#yellowtbl      {
border: 1px solid #000000;
margin: 0;
padding: 0;
}
#yellowtbl2     {
border-collapse: collapse;
}
#yellowtable    {
margin: 0;
margin-left: 3px;
margin-top: 2px;
margin-right: 0;
color:black;
font-family:arial;
font-size:8pt;
display:block;
/*align the main content nicely*/
width:170px;
height: 360px;
padding-top: 10px;
padding-left:6px;
padding-bottom:0px;
padding-right:15px;
background-image: url(images/currentyellowbox.jpg);
background-position:top left;
background-repeat: no-repeat;
}
#yellowtable h3 {
margin: 0;
padding: 0;
color: #000000;
font-size: 0.91em;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
}
#head   {
width: 140px;
}


#daculamap      {
float: right;
margin-top: 10px;
margin-left: 10px;
margin-bottom: 24px;
height: 330px;
width: 342px;
}
#vue    {
border-collapse: collapse;
}
#vue h1 {
margin: 0;
color: #FFFFFF;
padding: 0;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: .88em;
}
#vue h2 {
margin: 0;
padding: 0;
margin-bottom: 8px;
color: #003366;
/*border-bottom: 1px solid #FF0000;*/
width: 150px;
font-size: .98em;
font-family: Arial, Helvetica, sans-serif;
text-align: left
}
#vue h3 {
margin: 0;
padding: 0;
color: #000000;
font-size: .70em;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
}

#vue2   {
border-collapse: collapse;
}
#vue2 h1 {
margin: 0;
color: #FFFFFF;
padding: 0;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: .88em;
}
#vue2 h2 {
margin: 0;
padding: 0;
padding-bottom: 8px;
color: #003366;
/*border-bottom: 1px solid #FF0000;*/
width: 250px;
font-size: .98em;
font-family: Arial, Helvetica, sans-serif;
text-align: left
}
#vue2 h3 {
margin: 0;
padding: 0;
color: #000000;
font-size: .70em;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
}
#vuediv2        {
float: left;
margin-right: 15px;
margin-top: 15px;
margin-bottom: 15px
}
#vuediv         {
margin: 0;
margin-top: 15px;
margin-bottom: 15px;
}
#d6250          {
float: right;
margin-left: 15px;
margin-top: 15px;
margin-bottom: 15px;
}
#d6250 p        {
margin-right: 10px;
}
#maintblI ul    {
	margin-left: 40px;
	padding: 0;
	color: #000000;
	font-size: .85em;
	font-family: Arial, Helvetica, sans-serif;
}
#maintbl li     {
margin-left: 25px;
padding: 0;
color: #000000;
font-size: .65em;
font-family: Arial, Helvetica, sans-serif;
}
#thermo {
margin: 0px;
float: left;
width: 54px;
margin-top: 3px;
}
#databox        {
width: 95px;
float: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
text-align: center;
margin-right: 8px;
}
#head1  {
	width: 80px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	margin-bottom: 10px;
	margin-left: 20px;
}
#head2  {
float: left;
width:154px;
margin-top: 5px;
border-top: 1px solid #036;
}
#winddir        {
width: 65px;
height: 65px;
float: left;
text-align: center;
}
#wind   {
float: left;
width: 65px;
height: 65px;
margin: 0;
padding: 0;
}
.datacell       {
width: 84px;
float: left;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
margin-top: 2px;
margin-bottom: 2px;
line-height: 1.2em;
}
#warning        {
width: 700px;
float: left;
margin-left: 1px;
border: 1px solid white;
font-family: Arial, Helvetica, sans-serif;
}
.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: 698px;
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: 698px;
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: 698px;
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: 698px;
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: 698px;
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;
}
ul.mapnav {
list-style-type: none;
padding: 0;
margin: 0;
width: 127px;
}
ul.mapnav {
list-style-type: none;
padding: 0;
margin: 0;
width: 127px;
}
ul.mapnav a{
margin: 0px;
text-decoration: none;
background-color: #CCF;
/*zoom: 1;*/
display: block;
width: 127px;
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: 1px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.7em
}
ul.mapnav a:hover {
/*zoom: 1;*/
display: block;
width: 127px;
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: 1px;
/* 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;
width: 127px;
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: 1px;
/* background-color: transparent; */
text-decoration: underline;
background-color: #FF0000;
color: white;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: .7em
}

a:link  {color: #003366;}
a:hover {color: #C30;}
a:active {color: #FF0000;}
#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;
}


/*]]>*/

#paypal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin-top: 20px;
}