/*CSS by Nadia - PerreLink 2004 not to be copied or distributed - Tennis Templates */
/* http://www.dreamweaverresources.com */

/* standard link styles */
a:link a:active{
color:#000099;
font:12px Verdana,Geneva,Arial,Helvetica,sans-serif;
text-decoration:underline;
}
a:visited{
color:#CC6600;
font:12px Verdana,Geneva,Arial,Helvetica,sans-serif;
text-decoration:underline;
}
a:hover{
color:#336699;
font:12px Verdana,Geneva,Arial,Helvetica,sans-serif;
text-decoration:underline;
}
body{
	padding:0;
	margin:0;
	color:#999999;
	background:#999999;
	font:12px Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #0066FF;
}
fieldset{
padding:10px;
border:1px solid #DB9D22;
margin-bottom:15px;
}
/*styles for the contact form*/
/*declaring a margin of 0 will not give you unwanted white space underneath the end of the form*/
/*styles the 'contact form' text at top of contact form*/
form{
margin:0;
}
/*standard heading tags*/
h1{
color:#000099;
font-size:14px;
}
h2{
color:#003399;
font-size:13px;
}
h3{
color:#006699;
font-size:12px;
}
h4{
color:#F8F8F8;
font-size:11px;
}
input,textarea{
background:  url("../background/shadeform.jpg");
}
/*styles the input fields*/
/*styles the form fields*/
label{
color:#34689A;
font-weight:normal;
}
label,span.spacer{
width:100px;
}
legend{
padding:10px;/*gives a bit of padding between the border and the test*/
color:#EEB300;
font:14px Verdana,Geneva,Arial,Helvetica,sans-serif;
}
.footer{
color:#316393;
text-decoration:none;
}
/*styles the comments box*/
/* class for the login form on entry page we have named it form2 so it doesn't clash with the styles of the contact form */
.form2{
padding:6px;
margin-bottom:10px;
}
/* a class for the header table,so that we can add a left border to match the main table */
.headertable{
border-left:1px solid #663300;
background:#FFFFFF url("../headerpics/headerback.jpg") repeat-x;
}
.imgleft{
float:left;
padding-right:10px;
}
.imgright{
float:right;
padding-left:10px;
}
/* style for the main table content area */
.maintable{
width:100%;
color:#666666;
background:#FFFFFF;
font:12px Verdana,Geneva,Arial,Helvetica,sans-serif;
}
/* styles the main table links */
.maintable a:link{
color:#000099;
font:12px Verdana,Geneva,Arial,Helvetica,sans-serif;
text-decoration:none;
}
.maintable a:visited{
color: #006699;
font:12px Verdana,Geneva,Arial,Helvetica,sans-serif;
text-decoration:underline;
}
.maintable a:hover{
color:#003399;
font:12px Verdana,Geneva,Arial,Helvetica,sans-serif;
text-decoration:underline;
}
.maintable a:active{
color:#576B77;
font:12px Verdana,Geneva,Arial,Helvetica,sans-serif;
text-decoration:underline;
}
.maintd{
padding:20px 30px 10px 30px;
background:#FFFFFF;
}
.maintd td{
background:#FFFFFF;
}
/* styles the menu table inside the flyout div*/
.menu{
	border-top:1px solid #999999;
	border-left:1px solid #999999;
	width:150px;
	color:#336699;
	background:#FF3366;
	font:12px Verdana,Geneva,Arial,Helvetica,sans-serif;
	background-color: #999999;
}
.menu a{
display:block;
color:#000033;
background:#FFCC00;
font:12px Verdana,Geneva,Arial,Helvetica,sans-serif;
text-decoration:none;
}
.menu a:link{
	border-right:1px solid #336699;
	border-bottom:1px solid #336699;
	border-left:1px solid #336699;
	padding:2px 2px 2px 2px;
	color:#336699;
	background:#336699;
	font:12px Verdana,Geneva,Arial,Helvetica,sans-serif;
	text-decoration:none;
	background-color: #999999;
}
.menu a:visited{
border-right:1px solid #336699;
border-bottom:1px solid #336699;
border-left:1px solid #336699;
padding:2px 2px 2px 2px;
color:#336699;
background:#999999;
font:12px Verdana,Geneva,Arial,Helvetica,sans-serif;
text-decoration:none;
}
.menu a:hover{
border-right:#336699 1px solid;
border-bottom:#336699 1px solid;
border-left:#336699 1px solid;
padding:2px 2px 2px 2px;
background:#E4EAEB;
color:#336699;
font:12px Verdana,Geneva,Arial,Helvetica,sans-serif;
text-decoration:none;
}
.menu a:active{
	border-right:1px solid #336699;
	border-bottom:1px solid #336699;
	border-left:1px solid #336699;
	padding:2px 2px 2px 2px;
	color:#333333;
	background:#FFE991;
	font:12px Verdana,Geneva,Arial,Helvetica,sans-serif;
	text-decoration:none;
	background-color: #FBFBF8;
}
/* set the position of the nav bar table from the top */
/* if you change this you will need to adjust the flyout div positions to correspond */
.navtable{
margin-top:20px;
}
/*style for the left side bar area behind the menu buttons*/
.sidebarlft{
padding-left:5px;
width:160px;
background:#336699 url("../sidebarpics/sidebar_back.jpg") repeat-y;
}

/* styles the right news sidebar */
.sidebarright{
padding:10px;
width:202px;
color:#FFFFFF;
background:#7EA0BC url("../sidebarpics/rightsidebar.gif") repeat-y;
}
.sidebarright a:link{
color:#000099;
font:11px Verdana,Geneva,Arial,Helvetica,sans-serif;
text-decoration:underline;
}
.sidebarright a:hover{
color:#DBEEFF;
font:11px Verdana,Geneva,Arial,Helvetica,sans-serif;
text-decoration:none;
}

.sidebarright h1{
margin-bottom:50px;
color:#003399;
font-size:14px;
text-decoration:underline;
text-align:center;
}
/*this is the closer div -this is needed so that on mouseout the dropdowns close*/
#closer{
margin-top:200px;
width:400px;
left:142px;
position:absolute;
visibility:hidden;
z-index:1;
}
/* FLYOUT DIV STYLES */
/*flyout 1 div change the co ordinates for left and top if you need to move the flyout*/
#dropdown1{
	width:148px;
	position:absolute;
	left:140px;
	top:191px;
	height:99px;
	z-index:5;
	background-color: #3333FF;
	visibility: hidden;
}
/*flyout 2 div change the co ordinates for left and top if you need to move the flyout  50px between flyouts*/
#dropdown2{
	width:150px;
	position:absolute;
	left:140px;
	top:225px;
	height:95px;
	z-index:5;
	visibility: hidden;
}
/*flyout 3 div change the co ordinates for left and top if you need to move the flyout*/
#dropdown3{
	width:150px;
	position:absolute;
	left:141px;
	top:257px;
	height:142px;
	z-index:5;
	visibility: hidden;
}
#dropdown4{
	width:148px;
	position:absolute;
	left:141px;
	top:288px;
	height:58px;
	z-index:5;
	visibility: hidden;
}
#dropdown5{
	width:150px;
	position:absolute;
	left:141px;
	top:323px;
	height:95px;
	z-index:5;
	visibility: hidden;
}
#dropdown6{
	width:149px;
	position:absolute;
	left:140px;
	top:356px;
	height:77px;
	z-index:5;
	visibility: hidden;
}
#dropdown7{
	width:150px;
	position:absolute;
	left:140px;
	top:389px;
	height:39px;
	z-index:5;
	visibility: hidden;
}
#dropdown8{
	width:149px;
	position:absolute;
	left:140px;
	top:422px;
	height:57px;
	z-index:5;
	visibility: hidden;
}
