/*CSS FOR Template by PerreLink 2004 not to be copied or distributed */
/* standard link styles */
a:link a:active{
color:#CC6600;
font:12px Arial,Verdana,Geneva,Helvetica,sans-serif;
text-decoration:underline;
}
a:visited{
color:#CC6600;
font:12px Arial,Verdana,Geneva,Helvetica,sans-serif;
text-decoration:underline;
}
a:hover{
color:#E1A537;
font:12px Arial,Verdana,Geneva,Helvetica,sans-serif;
text-decoration:underline;
}
body{
padding:0;
margin:0 0 0 0;
background: url("../background/pageback.jpg") repeat-x;
color:#000033;
background:#3300CC;
font:12px Arial,Verdana,Geneva,Helvetica,sans-serif;
}
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:#6600CC;font-size:14px;}
h2{color:#6633CC;font-size:13px;}
h3{color:#6666CC;font-size:12px;}
/*styles the input fields*/
input{background: url("../background/shadeform.jpg");}
/*styles the form fields*/
label{color:#DB9D22;font-weight:normal;}
label,span.spacer{width:120px;}
legend{
padding:10px;/*gives a bit of padding between the border and the test*/
color:#DB9D22;
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{border-left:1px solid #6633CC;}
/* style for the main table content area - gives the left and bottom border effect */
.maintable{
border-bottom:1px solid #66029A;
border-left:1px solid #66029A;
background:#FFFFFF;
color:#6666CC;
font:12px Verdana,Geneva,Arial,Helvetica,sans-serif;
}
/* 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;
}
.maintable a:active{
color:#576B77;
font:12px Arial,Verdana,Geneva,Helvetica,sans-serif;
text-decoration:underline;
}
/* This is used to apply the watermark for the content area - 
the background image and position can be removed safely if needed or changed,
if you want to use one of your own images */
.maintd{
padding:20px 10px 10px 20px;
background: url("../background/tableback_nun.gif") no-repeat bottom right;
}
/* this sets the right hand side table shadow as the cell background image */
.maintdbg{
background: url("../background/tableback.jpg") repeat-y;
}
/* styles the menu table inside the flyout div*/
.menu{
border:1px solid #336699;
width:150px;
color:#336699;
background:#FFCC00;
font:12px Verdana,Geneva,Arial,Helvetica,sans-serif;
}
.menu a{
width:100%;
display:block;
color:#000033;
background:#FFCC00;
font:12px Verdana,Geneva,Arial,Helvetica,sans-serif;
text-decoration:underline;
}
.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:#FFCC00;
font:12px Verdana,Geneva,Arial,Helvetica,sans-serif;
text-decoration:underline;
}
.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: #FFCC00;
font:12px Verdana,Geneva,Arial,Helvetica,sans-serif;
text-decoration:underline;
}

.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:underline;
}

.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;
}
/* 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*/
.sidebar{
border-right:20px;
width:150px;
padding-left:5px;
background:#336699;
}
/* gives the left sidebar a background color */
.sidebar td{background:#336699 repeat-y;}
/*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;
	z-index:1;
	top: 22px;
	visibility: hidden;
}
/*flyout 1 div change the co ordinates for left and top if you need to move the flyout*/
#dropdown1{
	width:153px;
	position:absolute;
	left:142px;
	top:247px;
	height:96px;
	z-index:5;
	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:154px;
	position:absolute;
	left:142px;
	top:280px;
	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:153px;
	position:absolute;
	left:142px;
	top:312px;
	height:95px;
	z-index:5;
	visibility: hidden;
}
#dropdown4{
	width:153px;
	position:absolute;
	left:142px;
	top:344px;
	height:95px;
	z-index:5;
	visibility: hidden;
}
#dropdown5{
	width:153px;
	position:absolute;
	left:142px;
	top:375px;
	height:95px;
	z-index:5;
	visibility: hidden;
}
#dropdown6{
	width:153px;
	position:absolute;
	left:142px;
	top:407px;
	height:95px;
	z-index:5;
	visibility: hidden;
}
#dropdown7{
	width:153px;
	position:absolute;
	left:142px;
	top:439px;
	height:95px;
	z-index:5;
	visibility: hidden;
}
#dropdown8{
	width:153px;
	position:absolute;
	left:142px;
	top:471px;
	height:95px;
	z-index:5;
	visibility: hidden;
}
/*wrapper div wraps the total web page*/
#wrapper{
	margin:auto;
	width:750px;
	text-align:left;
	position:relative;
	visibility: visible;
}