/*SWAT Questionnaire Style Sheet */

/* standard link styles */
a:link {
color:#344F33;
font:12px Arial,Verdana,Geneva,Helvetica,sans-serif;
text-decoration:bold;
}

a:active {
color:#cc0000;
font:12px Arial,Verdana,Geneva,Helvetica,sans-serif;
text-decoration:none;
}

a:visited{
color:#CC6600;
font:12px Arial,Verdana,Geneva,Helvetica,sans-serif;
text-decoration:none;
}
a:hover{
color:#E1A537;
font:13px Arial,Verdana,Geneva,Helvetica,sans-serif;
text-decoration:underline;
}

body{
padding:0;
margin:0;
color:#33333;
background-color: #ffffff;
font:13px Arial,Verdana,Geneva,Helvetica,sans-serif;
width: 90%;
}



/* white link styles */

A.WhiteLink:link {
color: White; 
font-size: 11px; 
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
}
A.WhiteLink:visited {
color: White; 
font-size: 11px; 
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
}

/*standard heading tags*/
h1{color:#cc0000;font-size:14px;}
h2{color:#333333;font-size:13px;}
h3{color:#333333;font-size:12px;}
h4{color:#333333;font-size:11px;}

.title 		{ color: #000000; font: 20px arial, verdana, sans-serif; font-weight: bold }
.subtitle 	{ color: #000000; font: 15px arial, verdana, sans-serif; font-weight: bold }

/*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:100px;}
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;
width="100%"
}

/* style for the horizontal navigation table content area */

.horiztable{
background-color: #344F33;
width="100%"
}

/* style for the main table content area */
.questtable{
background-color: WHITE;
color:#333333;
font:13px Verdana,Geneva,Arial,Helvetica,sans-serif;
width: 50%;
}

/* styles the main table links */
.questtable a:link{
color:#344F33;
font:13px Arial,Verdana,Geneva,Helvetica,sans-serif;
text-decoration:bold;
}
.questtable a:visited{
color:#576B77;
font:13px Arial,Verdana,Geneva,Helvetica,sans-serif;
text-decoration:none;
}
.questtable a:active{
color:#344F33;
font:13px Arial,Verdana,Geneva,Helvetica,sans-serif;
text-decoration:none;
}
.questtable a:hover{
color:#990000;
font:13px 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;
font:#333333";
background-color: White;
}

/* styles the navigation menu div*/

A.nav:link
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #344F33;
    LINE-HEIGHT: normal;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    TEXT-DECORATION: none
}

A.nav:visited
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: navy;
    LINE-HEIGHT: normal;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    TEXT-DECORATION: none
}
A.nav:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #ffcc00;
    LINE-HEIGHT: normal;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    TEXT-DECORATION: bold
}
A.nav:active
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #344F33;
    LINE-HEIGHT: normal;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica
   TEXT-DECORATION: none
}

A.navsub:link
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    COLOR: #666666;
    LINE-HEIGHT: normal;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    TEXT-DECORATION: none
}

A.navsub:visited
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    COLOR: #666666;
    LINE-HEIGHT: normal;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    TEXT-DECORATION: none
}
A.navsub:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #ffcc00;
    LINE-HEIGHT: normal;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    TEXT-DECORATION: bold
}
A.navsub:active
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    COLOR: #666666;
    LINE-HEIGHT: normal;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica
   TEXT-DECORATION: none
}
.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;
padding-right: 20px;
width:200px;
color: #333333;
}

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

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

.footer a:hover {
color: #424F66; 
text-decoration:bold;
}

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