html {margin: 0; padding: 0;}

body {
	margin: 1px 0 0 5px;
	padding: 0;
	font-family: verdana, sans-serif;
	font-size: 76.1%;
	background: #336699;
/*	border: 4px solid #ffcc00;*/
	width: 980px;

}

pre {margin: 0; font-family: verdana, sans-serif; font-size: .9em;}

.alignright {margin-top: 0; text-align: right;}

.small {
	font-size: 0.85em;
	font-style: italic;
	margin-top: -10px;
}

.return {position: absolute; top: 0; right: 0; text-align: right; padding: .5em;}

h1 {
	font-size: 3em;
	color: #FFFF66;
	}
h2 {
margin: 0 0 1em 0;
font-size: 1.25em;
color: #fffffff;
background-color: #385778;
}
h3 {
color: #000000;
font-size:1.1em;
margin: 0;
border-top: 1px solid white;
}

h4, h5 {
margin-bottom: 0px;
font-size:1em;
}

a:link {
color: #ffffcc;
}
a:hover {
	background-color: black;
	}
a:visited {
color: #ffffcc;
}

div#leftbox {      /*** No side padding or borders, to avoid the IE5.x box model problem ***/
position: absolute;
top:195px;
left: 6px;
width: 13em;
background-color: #336699;
clear:both;
}
div#leftbox div#menu {
margin: 1px;
color: #ee8;
padding-top: 10px;
background-color: #000;
border: medium solid #999999;
width: 12em;
line-height: 1.5em;
}

#leftbox ul {
	list-style-type: none;
	margin:5px 1px 10px 0;
	padding: 1px;
}
#leftbox h3 {
margin: 5px;
color:#ffffff;
}
#leftbox ul li {
	margin: 0 0 .5em 0;
	border: thin solid #CCCCCC;
}
#leftbox a {
	color: #ffff00;
	font-size: 1em;
	font-weight:bold;
	margin: 0 0 2em 0;
	border: 2px none #FFFF00;
}
#leftbox a:hover {
font-size: 1em;
	background-color: red;
	}
#leftbox a:visited {
	color: #ffff00;
	font-size: 1em;
}

#leftbox ul li, #leftbox p {
	margin: 3px;
	background-color:#666666;
	
		}
		#leftbox #menu p {
		border:1px solid #ffffff;
		text-align:center;
		}
#middlebox {
margin: 0 220px 0 12em;
/*** border-bottom: 3px solid #ffcc00; ***/
padding: 10px;
font-size: 1.1em;
color: #ffffff;
background-color: #336699;	    /*** This div has a background to cover the 2-tone body BG ***/


}
#middlebox h1 {
font-size: 1.2em;
}

#middlebox h3{
background-color:#999999;
}
#middlebox p {
margin: 0 0 1em 0;
}
#middlebox ul{
margin: 0 0 1em 10px;
}
#middlebox ul li{
margin: 0 0 .25em 0em;
}
#middlebox h2 {
margin-bottom:0;
}
.picture {

}
.pictures img{
padding:5px;
float:left;

}
div#rightbox {    /*** No side padding or borders, to avoid the IE5.x box model problem ***/
/*** position: absolute;
right: 1em;     /*** IE5/mac will show a horizontal scrollbar 
		if this is less than 16px, or other units are used
		http://www.l-c-n.com/IE5tests/right_pos/ ***/           
float:right;
width: 140px;
color: #820;
padding:0;
clear:both;

}
div#rightbox div {
	width:155px;
	margin: 0 1px 10px 3px;
	padding: 6px;
	border: medium solid #000;
	background-color: #999999;
	text-align: center;
	font-size:1.25em;
}
div#rightbox div h2 {
color:#fff;
}

div#rightbox div p a img{
text-align:center;
margin:0 0 0 -5px;

}


div#rightbox div ul{
text-align:left;
margin:0 0 0 10px;
padding-left: 5px;
font-size: 1em;
}
div#rightbox div ul.pix {
font-size:1.5em;
list-style:none;
margin-left:2px;
text-align:center;
}
div#rightbox div img {
padding:0;
margin:1px 2px 2px 2px;
}
div#rightbox div p {
padding: 0px 0 1px 0px;
font-size: 1em;
color:black;
margin:0;
text-align:left;
}
div#rightbox div a {
color:blue;
}
div#rightbox div p {
text-align:center;
}
div#rightbox div p img {
margin:5px 0 5px 15px;
}
div.sponsorlinks {
	font-size: 1.5em;
	margin:.25em;
	padding: 3px;
	color: #FFFF00;
	background-color: #000000;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	
}
div.sponsorlinks a:hover {
background-color: red;
color: #000000;
}
div#rightbox a:hover {
background-color:  #999999;

}

div.ads h2{
color: #ffffff;
}
div.ads h3 {
color:black;
border:none;
margin-bottom:0;
}
div.ads ul li {
color:#FF0000;
}

#footer {
clear:both;
margin-top:100px;
text-align: center;
font-size: .75em;
}
#footer h3{
padding: 0;
margin: 0 0 .5em 0;
}
#footer ul li{
	display:inline;
	color: #FFFF00;
}

.copyright {
font-size: 1em;
margin: 25px 0 0 0;
line-height: 1.5em;
color: white;
}
#banner {
/*		border: medium solid #FFCC00;*/
		line-height: 1.5em;
		padding:0 0 5px 0;
}
#banner img {
float:left;
margin:5px 3px 0 3px;

}
#banner p, #banner h2 {
text-align: center;

}
#banner h1{
margin-top: 0;
padding-top:5px;
text-align:center;
font-size: 2em;

}
#banner p {
	font-weight: 500;
	font-size: 1em;
	color: white;
}
#banner p.alerts {
color:#FFFF00;
padding:12px;
margin:5px;

padding:5px;
font-size:1.5em;
line-height:1.5em;
}

#banner h2 {
font-size:1.2em;
margin-top: 5px;
line-height:1.5em;
display:block;
border: 1px solid #000000;
}

.sponsors li a{
margin-left: 3em;
}
a:link.alerts{
	display:block;
	padding: 3px;
	font-weight: bold;
	color: #FFFFFF;
	border: thin none #FF0000;
	font-size: 1.5em;
}
#middlebox .alerts p{
	text-align:center;
	font-size: .9em;
	border: 2px solid #CC3333;
	padding:2px;
	background: #336699;
	margin-bottom:2px;
	color:#ffffff;	
}
#middlebox .alerts p a:link {
text-align:center;
font-weight:bold; 
color:#ffffff; 
font-size:.9em
}
#middlebox .alerts p a:hover {
text-align:center;
font-weight:bold; 
color:#ffffff; 
font-size:.9em
}
.notes {
	font-weight: 500;
	color: #CCFFCC;
}
.notice {
	display:block;
	color: #FF0033;
	font-weight: bold;
	background: #FFFFFF;
	text-align: center;
	border: thin solid #000000;
	margin-top: 1em;
	adding-top: 1em;
}
.schedules a {
	border: 2px solid #CC3300;
	background: #999999;
	margin:0 1em 1em 1m;
	padding: 2px;
	
}
.schedules a:hover {
	background: #000000;
	margin:0 1em 1em 1m;
	padding: 2px;
	color:#ffffff;
	
}
.clearfloat {
clear:left;
}

img.xtreme {
float:left;
margin:5px;
}