/*Soccer Template - CSS by Nadia - PerreLink 2004 not to be copied or distributed */
/* standard link styles */
a:link a:active{
color:#3333CC;
text-decoration:underline;bold;
}
a:visited{
color:#660033;
text-decoration:underline;
}
a:hover{
color:#FF0000;
text-decoration:underline;bold;
}
body{
padding:0;
margin:0;
color:#666666;
background-color: #FFFFFF;
}

/* Part of a document with CLASS="foo" */
  .foo { margin-left:15% } 
  .fooh1 { margin-left:15%;
		color:#6D7EA3;
		font-size:24px }
  .fooh2 {	margin-left:15%; 
	    	color:#6A7DA0;
		font-size:20px }
  .fooh3 {	margin-left:15%; 
	    	color:#6A7DA0;
		font-size:16px }

/*standard heading tags*/
h1{color:#6D7EA3;font-size:14px;}
h2{color:#6A7DA0;font-size:13px;}
h3{color:#CC9933;font-size:12px;}
h4{color: #6E6E6E; font-size:11px;}

/*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;}

fieldset{
	padding:10px;
	border:1px solid #485671;
	margin-bottom:15px;
	width:  650px;
}

/*styles the input fields*/
input{background: url("../background/shadeform.jpg");}
/*styles the form fields*/
label{
color: #333333;
font-weight:normal;}
label,span.spacer{width:120px;}
legend{
padding:10px;/*gives a bit of padding between the border and the test*/
color: #333333;
font:14px Arial,Verdana,Geneva,Helvetica,sans-serif;
}
/*styles the comments box*/
textarea{background: url("../background/shadeform.jpg");}

/* 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{
background-color: White;
background-image:  url("../headerpics/headerback.jpg");
background-repeat: repeat-x;
}
/* style for the main table content area */
.maintable{
background-color: WHITE;
color:#666666;
font:12px Verdana,Geneva,Arial,Helvetica,sans-serif;
width: 100%;
}

/* styles the main table links */
.maintable a:link{
color:#576B77;
font:12px Arial,Verdana,Geneva,Helvetica,sans-serif;
text-decoration:underline;
}
.maintable a:visited{
color:#576B77;
font:12px Arial,Verdana,Geneva,Helvetica,sans-serif;
text-decoration:underline;
}
.maintable a:hover{
color:#990000;
font:12px Arial,Verdana,Geneva,Helvetica,sans-serif;
text-decoration:underline;bold;
}
.maintable a:active{
color:#576B77;
font:12px Arial,Verdana,Geneva,Helvetica,sans-serif;
text-decoration:underline;
}

.maintd{
padding: 20px 10px 10px 20px;
border-right: 1px solid #000066;
border-left: 1px solid #000066;
background-color: White;

/* the following background image can be removed from live site */
background-image:  url("../pics/siteby.gif"); 
background-position: bottom right;
background-repeat: no-repeat;

}

/* styles the menu table inside the flyout div*/
.menu{
border-top:1px solid #336699;
border-left:1px solid #336699;
width:150px;
color: White;
background-color: #4583C0;
font:12px Verdana,Geneva,Arial,Helvetica,sans-serif;
}
.menu a{
display:block;
color:#000033;
background-color:#4583C0;
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: White;
background-color: #4583C0;
font:12px Verdana,Geneva,Arial,Helvetica,sans-serif;
text-decoration:none;
}
.menu a:visited{
border-right:1px solid #336699;
border-bottom:1px solid #336699;
border-left:1px solid #336699;
padding:2px 2px 2px 2px;
color:#333333;
background: #B7D0E7;
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-color: #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-color: #A1C1DF;
font:12px Verdana,Geneva,Arial,Helvetica,sans-serif;
text-decoration:none;
}
/* 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:5px;
margin-left: 7px;
}

/*style for the right side bar area behind the menu buttons*/
.sidebarlft{
background-color: transparent;
width:180px;
padding-left:5px;
}

/*style for the right side bar area */
.sidebarright{
padding-left: 20px;
width:200px;
color: #000099;
}

.footer {
	color: #316393;
	text-decoration: none;
}

.footer a:hover {
color: #424F66; 
text-decoration:underline;
}
.imgleft{
float:left;
padding-right:10px;
}
.imgright{
float:right;
padding-left:10px;
}

#pagedate {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	margin-left: auto;
	text-align: center;
}