#topcontainer {
	margin-right: auto;
	margin-left: auto;
	border-top-style: solid;
	border-top-width: 18px;
	border-top-color: #00718f;
	background-color: #CEE7EC;
}
#top {
	margin-right: auto;
	margin-left: auto;
	width: 800px;
	height: 105px;
	background-color: #CEE7EC;
}
#toplogo {
	width: 273px;
	float: left;
	padding-top: 4px;
}
#toprightNAV {
	width: 400px;
	height: 95px;
	float: right;
	padding-top: 10px;
	text-align: center;
}
.center {
	text-align: center;
}
#body {
	width: 810px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
}
.Tablewith {
	border-style: none;
	border-width: 0;
	margin-right: 5px;
	margin-left: 5px;
}
#col1 {
	background-color: #00718f;
	font-family: Verdana;
	font-size: small;
	border-style: solid;
	border-width: 10px 4px 0px 4px;
	border-color: #FFFFFF;
	padding: 10px;
	height: 725px;
	color: #EAEAEA;
}
#col2 {
	background-color: #00718f;
	font-family: Verdana;
	font-size: small;
	border-style: solid;
	border-color: #FFFFFF;
	padding: 10px;
	border-width: 10px 4px 0px 4px;
	height: 725px;
	color: #EAEAEA;
}
#col3 {
	background-color: #00718f;
	font-family: Verdana;
	font-size: small;
	border-style: solid;
	border-color: #FFFFFF;
	border-width: 10px 4px 0px 4px;
	padding: 10px;
	height: 725px;
	color: #EAEAEA;
}
#col4 {
	font-family: "Times New Roman", Times, serif;
	background-color: #00718f;
	font-size: large;
	color: #C9EFF8;
	border-top-style: solid;
	border-color: #FFFFFF #FFFFFF #000000 #FFFFFF;
	border-width: medium medium thin medium;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	border-bottom-style: solid;
	width: 800px;
	clear:both;
}
#bottom {
	height: 200px;
	background-image: url('bottom_ground.jpg');
	margin-top: 5px;
	border-bottom-style: solid;
	border-bottom-width: thick;
	border-bottom-color: #000000;
}
#bottom2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #F3F3F3;
	font-size: small;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}
#whitelins {
	border-right-style: solid;
	border-left-style: solid;
	border-width: thin;
	border-color: #FFFFFF;
	padding-left: 15px;
}
#toprightNAV ul {
	padding: 0px 0px 0px 20px;
	margin: 0px;
	list-style-type: none;
}
#toprightNAV ul li {
	display: inline;
}
#toprightNAV ul li a {
	font-family: Arial, Helvetica, sans-serif;
	color: #698919;
	float: left;
	padding: 5px;
	text-decoration: none;
	font-size: small;
}
#toprightNAV ul li a:hover {
	background-color: #E8F3CD;
}
.centerlarge {
	text-align: center;
	font-size: large;
	font-weight:bold;

}

h1 {
font-size:large;
font-weight:bold;
}

h2 {
font-size:medium;
font-weight:bold;
}

#leftnavbar{
	width: 200px;
	float: left;
}

#contentarea{
	width: 500px;
	float: right;
	font-size:small;
}

label  {
	line-height: normal;
    text-align: right;
    margin-right: 10px;
    display: block;
    float: left;
    width: 200px;
    }
	
textArea  {
    line-height: normal;
    text-align: left;
    margin-right: 10px;
    position: relative;
    display: block;
    float: left;
    width: 200px;
    }	
	
label.fieldLabel  {
    display: inline;
    float: none;
    }
	
.thumbnail{
position: relative;
z-index: 0;
padding: 0px 5px 5px 0px;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}