/* CSS Document */

body{
background-color: white;
color: black;
font: normal 80% Verdana;
margin-top: 3px;
margin-left: 3px;
padding: 0;
margin-right: 5px;

scrollbar-face-color:#000099;
scrollbar-shadow-color: #000099;
scrollbar-highlight-color: ##000099;
scrollbar-3dlight-color:#000099;
scrollbar-darkshadow-color:#000000;
scrollbar-track-color:#ffffff;
scrollbar-arrow-color:#ffffff;
scrollbar-base-color:#000000;
}

#footer{
color: black;
border-top-width: 1px;
text-align: center;
font-size: 90%;
padding-top: 3px;
margin-bottom: 5px;
}

#footer a{
text-decoration: none;
}

.labelfield{ /*CSS for label field in general*/
color:brown;
font-size: 90%;
}

.datefield{  /*CSS for date field in general*/
color:gray;
font-size: 90%;
}

#headlines{ /*headlines main container*/
text-align:center;
width: 600px;
height: 30px;
padding: 4px;
}

#news1 { /*CSS specific to news 1*/
background-color:#f3f3f3;
-moz-border-radius: 6px;
}

#news2 div{ /*CSS specific to news 2*/
margin-bottom: 5px;
font: normal 95% verdana;
background-color:#f3f3f3;
-moz-border-radius: 6px;
}

#news2 div a{ /*CSS specific to news 2*/
text-decoration: none;

}

#news3 a{ /*CSS specific to news 3*/
color: #D80101;
text-decoration: none;
font-weight: bold;
}

#news3 p{ /*CSS specific to news 3*/
-moz-border-radius: 6px;
background-color:#f3f3f3;
}

#news4{ /*news 4 main container*/
background-color:#f3f3f3;
-moz-border-radius: 6px;
height: 280px;

}

#news5 div{ /*CSS specific to news 2*/
margin-bottom: 5px;
font: normal 95% verdana;
background-color:#f3f3f3;
-moz-border-radius: 6px;
}

#news5 div a{ /*CSS specific to news 2*/
text-decoration: none;

}
#news6 div{ /*CSS specific to news 2*/
margin-bottom: 5px;
font: normal 95% verdana;
background-color:#f3f3f3;
-moz-border-radius: 6px;
}

#news6 div a{ /*CSS specific to news 2*/
text-decoration: none;

}

#news7 div{ /*CSS specific to news 2*/
margin-bottom: 5px;
font: normal 95% verdana;
background-color:#f3f3f3;
-moz-border-radius: 6px;
}

#news7 div a{ /*CSS specific to news 2*/
text-decoration: none;

}

#news8 div{ /*CSS specific to news 2*/
margin-bottom: 5px;
font: normal 95% verdana;
background-color:#f3f3f3;
-moz-border-radius: 6px;
}

#news8 div a{ /*CSS specific to news 2*/
text-decoration: none;

}
#news4 div p{ /*news 4 P element that separates each entry*/
margin-top: 0;
margin-bottom: 7px;
font: normal 95% verdana;
width:305px;
}

code{ /*CSS for insructions*/
color: red;
}

.lateststories {background-color: #fff; margin:5px 0pt 0pt 3px; width:49%; float:left; padding:0pt}
.lateststories ul{margin:5px 0pt 5px 1px; padding:0pt; list-style:none;}
.lateststories li{background:url(images/bulletr.gif) no-repeat 0 2px; padding-left:8px; padding-bottom:3px;  }
.lateststories li a {font: normal 87% verdana;}
.lateststories h3 { -moz-border-radius: 4px; padding:4px;margin:0pt 0pt 5px;text-align:left;background-color: #000099;text-transform:capitalize;}

h3 {color:#fff;font:82% verdana;font-weight:bold;margin:0;padding:0;}
h4 {color:#fff;font:82% verdana;font-weight:bold;margin:0;padding:0;}
.topstories h4 {-moz-border-radius: 4px; padding:4px;margin:0pt 0pt 5px;text-align:left;background-color: #000099;text-transform:capitalize;}

.style1 {font-family: verdana;}

#style2 { -moz-border-radius: 6px; border:1px solid #000000; ! Important;}


#topbar{
position:absolute;
padding: 2px;
background-color: lightyellow;
width: 250px;
visibility: hidden;
z-index: 100;
border: 1px solid #111;
background-color:#ddeeff;-moz-border-radius: 6px;
text-align:center;
}



/*Default style for SPAN icons. Edit if desired: */
.iconspan{
float: right;
margin: 3px;
cursor:hand;
cursor:pointer;
font-weight: bold;
}

/*CSS used to style the examples. Remove if desired: */

.icongroup1{
width: 610px;
}
.icongroup2{
width: 300px;
}
.icongroup3{
width: 300px;
}
.icongroup4{
width: 300px;
}
.icongroup5{
width: 300px;
}
.icongroup6{
width: 300px;
}
.icongroup7{
width: 300px;
}

<!--
#sponsorAdDiv {position:absolute; height:1; width:1px; top:0; left:0;}
-->



#dropdownpanel{ /*Outermost Panel DIV*/
position: absolute;
width: 100%;
left: 0;
top: 0;
visibility:hidden;
}

#dropdownpanel .contentdiv{ /*Div containing Ajax content*/
background: white;
color: black;
padding: 10px;
}

#dropdownpanel .control{ /*Div containing panel button*/
border-top: 2px solid #000099;
color: white;
font-weight: bold;
padding-left:12px;
background: transparent url("panel.gif") left no-repeat; /*change panel.gif to your own if desired*/
padding-bottom: 3px; /* 21px + 3px should equal height of "panel.gif" */
height: 21px; /* 21px + 3 px should equal height of "panel.gif" */
line-height: 21px; /* 21px + 3px should equal height of "panel.gif" */
}