﻿body 
{
	margin:auto;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size:12px;
	line-height:16px;
	color:#000000;
	
    width:768px;
    background-color:white;
    background-image:url(images/Background.jpg);
    background-repeat:repeat-x;
}



a, a:active
{
	color:#699397;
	text-decoration:none;
}
a:hover
{
	text-decoration:underline;
}
a:visited
{
	color: #794400;
}

.LeftTableBorder
{
	position: absolute;
	width: 5px;
	
	height: 731px;
	margin-left: -4px;
	
	background-image: url(       "images/LeftTableBorder.png" );

	display: inline;
}
.RightTableBorder
{
	position: absolute;
	
	margin-left: 768px;
	width: 4px;
	height: 731px;
	background-image: url(     "images/RightTableBorder.png" );
	display:inline;
	
}

.Invisible 
{
	display:none;
}


.header
{
	margin:0px;
	
	background-image:url(images/HeaderBackground.jpg);
	height:121px;
	
	
}
.logo 
{
	/*
		border: solid 1px green;
	*/
	padding-left:10px;	
	display: inline;
	float:left;
	width:227px;
}
.ContactInfo 
{
	font-size:11px;
	line-height:16px;
	font-family:Arial,helvetica, Sans-Serif;
	float:right;
	text-align:left;
	padding-top:20px;
	padding-right:20px;
	color:#794400;
}

.ContactInfo a:link
{
	text-decoration:underline;
}

.ContactInfo a, .ContactInfo a:active
{
	color:#794400;
	text-decoration:none;
}
.ContactInfo a:hover
{
	text-decoration:underline;
}
.ContactInfo a:visited
{
	color: #794400;
}

.mainmenucontainer
{
	width:768px;
	background-image:url(images/MenuBackground.jpg);
	height:28px;
	
}

#main
{
	border:solid 1px white;
	background-color:White;
}
.MainContent 
{
	padding:24px 24px 24px 24px;
}
.ContentContainer
{
	padding: 48px 8px 36px 24px;
	
	background-image: url(images/BlueBackground.jpg);
	background-repeat: no-repeat;
}
.BlueBackground 
{
	background-image: url(images/BlueBackground.jpg);
	background-repeat:no-repeat;
}

#WaterCan 
{
	
}




#loginbox
{
	padding:40px;
}
#loginboxwrapper
{
	background:url(images/login.png);
	float:left;
	margin-right:30px;
	margin-bottom:30px;
	margin-left:0px;
	height:225px;
	width:240px;
}
#leftbox
{
	float:left;
	
}

.leftColumn 
{
	padding: 60px 18px 18px 18px;
	width:260px;
	
}
.rightColumn 
{
	float:right;
	width:460px;
	display:inline;
	
	clear:both;
	padding-bottom:20px;
}
.subLeft
{
	padding:8px 12px 8px 12px;
	background-color:#e9eef2;
	width:198px;
	height:350px;
	float:left;
	border-right:solid 1px white;
}
.subRight 
{
	padding:8px 12px 8px 12px;
	background-color:#d6e1e7;
	width:197px;
	height:350px;
	float:left;
	
}
.subRight img 
{
	text-align:center;
	margin:auto;
	padding-top:10px;
	margin-bottom:2px;
	padding-left:0px;
}
.subLeft img 
{
	text-align:center;
	margin:auto;
	padding-top:10px;
	margin-bottom:2px;
	padding-left:0px;
	
}
.subLeft strong 
{
	color:#7d4001;
	font-size:1.2em;
	color: #7d4001;
	font-size: 1.2em;
	line-height: 1.4em;
}
.subRight strong
{
	color: #7d4001;
	font-size: 1.2em;
	line-height: 1.4em;
}
th
{
    vertical-align:top;
}
td
{
    vertical-align:top;
}


.RightPanel
{
	
	width:207px;
	float:right;
	clear:none;
	position:relative;
	padding-top: 10px;
	font-weight:bold;
	
}
.RightPanel img
{
	border:none;
	width:190px;
	padding-bottom: 12px;
	
}
.LeftPanel
{
	width: 505px;
	padding-right:16px;
	
}

.ImageHeading
{
	padding-top:12px;
}



h1
{
	color: #7a4000;
	font-size: 1.5em;
	font-family: arial;
	margin-bottom: 3px;
	border-bottom: solid 1px gainsboro;
	padding: 2px;
	text-decoration:none;
	border-bottom: none;
}

h2 {
	font-family: Arial, Helvetica, Sans-Serif;
	color: #8ec43f;
	font-size: 16px;
    line-height: 20px;
    font-weight:bold;
    margin-bottom:0px;
    padding-bottom:0px;
    
}

h3 {
	font-family: Arial, Helvetica, Sans-Serif;
	color: #794400;
	font-size: 12px;
	text-transform:uppercase;
	letter-spacing:0.1em;
    font-weight:bold;
}
h4 {
	font-family: Arial, Helvetica, Sans-Serif;
	color: #000000;
	font-size: 12px;
	font-weight:bold;
	margin-bottom:0px;
	padding-bottom:0px;
}

ul
{
	padding-top:2px;
	margin-top:0px;
}
img { border: 0px; }
hr { color: #ccc; height: 1px; }
table { font-size: 100%; }
.codeblock 
{
	color: #73880A; 
	font: 100% "Courier New", Courier, monospace; 
	padding:20px;
	margin:20px;
	border-left:1px solid #666666; 
}
form { margin: 0px; padding: 0px; }



#footer {
	text-align:center;
	font-size: 10px;
	color: #493721;
	padding-top:20px;
	margin-top: 40px;
	bottom:0;
	border-top: dashed 2px #95c845;
	margin-top:20px;
	clear:both;
	margin-left:3px;
	margin-right:3px;
}

.pagesummary
{
	font-size: 0.9em;
	color: #000000;
	bottom: 0;
	font-style: italic;
	font-family: arial;
	margin-bottom:15px;
}

.lastupdated
{
	font-size: 0.8em;
	color: dimgray;
	padding-top: 1em;
	bottom: 0;
	border-top: 1px solid whitesmoke;
	margin-top: 20px;
	font-style: italic;
	font-family: arial;
	font-weight: bold;
}
.loadingbox
{
    position:absolute;
    top:40%;
    left:40%;
    border:1px solid lightsteelblue; 
    background-color: #ffffff; 
    height:50px; 
    width:250px;
    text-align:center;
    padding-top:20px
}

.headlinks
{
	color:White;
	font-weight:bold;
	font-size:small;
}


