/* Set out the page info*/
body 	{
     	padding: 0;
     	background: #006600;
		color: #000;
		background-image: none;
     	font: 0.9em "Trebuchet MS", verdana, arial, "Times New Roman";
	}

#wrapper {
		padding: 5px;
		background-color: #fff;
		color: #000;
		width: 910px;
		margin-left: auto;
		margin-right: auto;

}	
		
#header {
		width: 900px;
		height: 220px;
		text-align: center;
		}
			
#menuwrapper	
{
	width: 210px;
	float: left;

	}

#menuheader
{
width: 210px;
height: 23px;
background-image: url(../images/menu_header.jpg);
background-repeat:no-repeat;    
background-position: 0 0;
		}

		
#menufooter
{
width: 190px;
height: 115px;
background-image: url(../images/menu_footer.jpg);
background-repeat:no-repeat;    
background-position: 0 0;
background-color: #fff;
padding-left: 10px;
padding-right: 10px;
		}
		
#menu
{
width: 190px;
padding: 10px;
color: #fff;
	background-image: url(../images/menu_bg.jpg);
	background-position: 0 0;
}
	
		
#contentwrapper	{
	width: 692px;
	float: right;
	background-image: url(../images/content_bg.jpg);
	background-position: 0 0;
	padding: 0px;
	}

#contentheader
{
width: 692px;
height: 24px;
background-image: url(../images/content_header.jpg);
background-repeat:no-repeat;    
background-position: 0 0;
		}

		
#contentfooter
{
width: 692px;
height: 24px;
background-image: url(../images/content_footer.jpg);
background-repeat:no-repeat;    
background-position: 0 0;
		}
		
#content
{
width: 652px;
color: #fff;
padding: 20px;
}

#footer 
{
width:800px;
color: #000;
padding: 5px;
}

img.homepage {	
	border: 0px solid #000066;	
	float: right;
}

img.left {	
	border: 0px solid #fff;	
	float: left;
	margin: 5px;
}

img.right {	
	border: 0px solid #fff;	
	float: right;
	margin: 5px;
}

img.rightwb {	
	border: 3px solid #fff;	
	float: right;
	margin: 5px;
}

h1 {
font-size: 1.2em;
}

p.webdesign {
font-size: 0.8em;
color: #000066;

}

a.webdesign:link, a.webdesign:active, a.webdesign:visited {
color: #000000;
}

a.webdesign:hover {
color: #fff;
background-color: #000066;
} 

a:link, a:active, a:visited {
color: #000;
font-weight: bold;
}

a:hover {
color: #000;
background-color: #fff;
font-weight: bold;
} 

a.link:link, a.link:active, a.link:visited {
color: #fff;
}

a.link:hover {
color: #000;
} 

//* this styles the menu */

#menu ul {
margin: 0px; 
padding: 0;
list-style-type: none;
} 

#menu li {
margin-bottom: 2px;
margin-left: -40px;
list-style-type: none;
font-weight: bold;
} 

#menu a.active {
display: block;
width:160px;
padding: 2px 2px 2px 10px;
background: #004995;
color: #000;
text-decoration: none;
filter:blendTrans(duration=0.5);
}

#menu a {
display: block;
width:160px;
padding: 2px 2px 2px 10px;
background: none;
text-decoration: none;
filter:blendTrans(duration=0.5);
}


#menu a:link, #menu a:active, #menu a:visited {
color: #fff;
}

#menu a:hover {
background: #fff;
color: #000;
} 

//* end the menu style */




//* style the form elelments and the form */
.cssform p{
width: 500px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed #fff;
height: 1%;
}

.cssform label{
font-weight: normal;
float: left;
margin-left: 5px; /*width of left column*/
width: 200px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}



.cssform textarea{
width: 250px;
height: 150px;
}

.input-box
{
color: #000066;
background: #999;
border: #000 solid 1px
}

.selectbox
{
width: 270px;
color: #000;
}


/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

//* style the tables */

table.data
{ width: 100%; }


td.dataheading
{ 
border: 1px #fff solid;
font-weight: bold;
padding: 3px;
}


td.data
{ border: 1px #fff solid;
text-align: left;
padding: 3px;
}