html, body, div, table {
font: 12px Verdana,Arial,sans-serif; 
color:#FFFFFF;
}

a img{border-width: 0px;}

body {
margin: 0; 
padding: 0; 
background:#022741;
}
table{border:0; padding:0;}


/*----LINKS----*/
A:link {color:#f12121; text-decoration:none}
A:hover {color:#00CCFF; text-decoration:underline}
A:visited {color:f12121; text-decoration:none}
A:hover {color:#00CCFF; text-decoration:underline}
#head {
width:100%;
height:91;
position:absolute;
background-image:url(images/bg-head.gif); top:80;
}

#head-content { width:700px; position:relative; float:none; background-image:url(images/bg-head.gif); left:110px;}
#head-nav { height:35px; width:517px; position:absolute; float:none; left:257px; top:72px;}

/*--NAV 1--*/

.rollover-1 a {display:block; background: url("images/nav_01.gif") 0 -5 no-repeat; text-decoration: none; position:relative; float:none; width:51; height:30;}
.rollover-1 a:hover { background-position: 0 -41px;}
.rollover-1 a:active {background-position: 0 -41px;}
.rollover-2 a {display:block; background: url("images/nav_02.gif") 0 -5 no-repeat; text-decoration: none; position:relative; float:none; width:102; height:30;}
.rollover-2 a:hover { background-position: 0 -41px;}
.rollover-2 a:active {background-position: 0 -41px;}
.rollover-3 a {display:block; background: url("images/nav_03.gif") 0 -5 no-repeat; text-decoration: none; position:relative; float:none; width:99; height:30;}
.rollover-3 a:hover { background-position: 0 -41px;}
.rollover-3 a:active {background-position: 0 -41px;}
.rollover-4 a {display:block; background: url("images/nav_04.gif") 0 -5 no-repeat; text-decoration: none; position:relative; float:none; width:56; height:30;}
.rollover-4 a:hover { background-position: 0 -41px;}
.rollover-4 a:active {background-position: 0 -41px;}
.rollover-5 a {display:block; background: url("images/nav_05.gif") 0 -5 no-repeat; text-decoration: none; position:relative; float:none; width:66; height:30;}
.rollover-5 a:hover { background-position: 0 -41px;}
.rollover-5 a:active {background-position: 0 -41px;}
.rollover-6 a {display:block; background: url("images/nav_06.gif") 0 -5 no-repeat; text-decoration: none; position:relative; float:none; width:54; height:30;}
.rollover-6 a:hover { background-position: 0 -41px;}
.rollover-6 a:active {background-position: 0 -41px;}
.rollover-7 a {display:block; background: url("images/nav_07.gif") 0 -5 no-repeat; text-decoration: none; position:relative; float:none; width:89; height:30;}
.rollover-7 a:hover { background-position: 0 -41px;}
.rollover-7 a:active {background-position: 0 -41px;}



#bg-pic {width:700; position:absolute; float:none; top: 59px;  left:110;}
#bod-container{width:480; position:relative; float:left; margin-top:15px;}
#right-container{width:200; position:relative; float:right; margin-top:15px;}
#sponsors{position:relative; float:left; margin-top:15px;}

#rss {
	position:absolute;
	top:85;
	left:725px;
	width: 200px;
}


/*----RSS VIEWER----*/
.labelfield{ /*CSS for label field in general*/
color:brown;
font-size: 100%;
}

.datefield{ /*CSS for date field in general*/
color:gray;
font-size: 90%;
}

#example3 a{ /*CSS specific to demo 3*/
color: #D80101;
text-decoration: none;
font-weight: bold;
}

#example3 p{ /*CSS specific to demo 3*/
margin-bottom: 2px; 
}

code{ /*CSS for insructions*/
color: red;
}