body {
background-color: #FFF;
background-image: url(images/backbar.gif);
background-repeat: repeat-y;
font-size: 0.8em;
font-family: Verdana, Arial, Sans-Serif;
color:#747472;
padding:0px;
margin-top:50px;
}

#navcontainer{
width: 160px;
margin-left: 0px;
padding:5px;
}

#navlist { 
}

ul
{
list-style-type: none;
line-height: 20px;
padding: 0;
margin: 0;
}

ul li
{
border-bottom: 1px solid #ccc;
}

ul li a:link
{
padding: 0;
margin: 0;
width:160px;
display:block;
}

ul li a:hover
{
padding: 0;
margin: 0;
width:160px;
display:block;
background-image: url(images/navbg1.gif);
color:#000000;
}

ul li a:active
{
padding: 0;
margin: 0;
width:160px;
display:block;
}

a {
color:#5B8900;
text-decoration:none;
font-weight:bold;
}
a:visited {color:#B0303C;} /* Navigation Link Colors */
a:hover {color: #B0303C;}
a:active { color:#B0303C;}


/* ----------topnav-------------- */

#topnav {
width: 400px;
height:70px;
margin-left: auto;
margin-right: auto;
text-align: right;
}


/* ----------container to center the layout-------------- */

#containerout {
width: 720px;
height:500px;
margin-left: auto;
margin-right: auto;
padding: 3px;
background-color:#ffffff;
background-image:url(images/index.JPG);
background-repeat:no-repeat;
background-position:top right;
}
#containerout2 {
width: 720px;
height:490px;
margin-left: auto;
margin-right: auto;
padding: 3px;
background-color:#ffffff;
background-image:url(images/index2.JPG);
background-repeat:no-repeat;
background-position:top right;
}
#headerBar {
width: 720px;
height:100px;
margin-left: auto;
margin-right: auto;
background-image:url(images/headerBar.jpg);
background-repeat:no-repeat;
}
#blankHeader {
width: 720px;
height:100px;
margin-left: auto;
margin-right: auto;
}
/* -----------------content--------------------- */
#content {
/* background-image:url(images/contentbg.gif);
background-position: top right;
background-repeat:no-repeat;
color: #7F8C85;*/
color: #444;
line-height: 18px;
padding: 0px;
margin-left: 205px;
margin-right: 5px;
margin-top:50px;
}


#left {

float: left;
width: 201px;
margin: 0px;
padding: 0px;
}

#box1{
width: 160px;
margin-left: 0px;
padding:5px;
/* color: #7F8C85; */
color: #444;
border: 0px solid #ccc;
font-size: 0.85em;
}

#box2{
width: 160px;
margin-left: 0px;
padding:5px;
color: #0011a3;
border: 1px solid #ccc;
font-size: 10px;
}

#box3{
width: 260px;
float: right;
display: inline;
margin-left: 0px;
padding:5px;
color: #5B8900;
background-color: #fff;
border: 1px dotted #ccc;
font-size: 10px;
}

#mapcontainer{
background-color:#AA0000;
border:2px solid #000000;
width:auto;
height:auto;
}

/* -----------headings--------------------------- */
h1 {
color: #5B8900;
margin:0;
font-size: 1.6em;
/* padding: 1em 0 0 15px; */
padding: 1em 0 0 1px;
font-weight:bold;
border-bottom: 2px solid #ccc;
/* background-image: url(images/heading.gif);
background-repeat: no-repeat;
background-position: 0 1em; */
line-height: 29px;
margin-right: 50px;
}

h2 {
color: #5B8900;
font-size: 1.3em;
border-bottom: 1px solid #ccc;
margin: 0;
padding: .5em 0 0 0;
font-weight: bold;
margin-right: 50px;
}

h3 {
color: #444;
font-size: 1em;
margin: 1em 0 -1.2em 0;
padding: 0.5em 0 0 0;
font-weight: bold;
}

h4 {
color: #4B0082;
font-size: 1.1em;
margin-top:0.3em;
padding:0 0 0 0;
font-weight:bolder;
width:auto;
}

.h1-in-box {
	color: #5B8900;
	font-weight: bold;
}

/* -----------footer--------------------------- */
#footer {
width: 720px;
margin-left: auto;
margin-right: auto;
color: #ddd;
text-align: left;
font-size:x-small;
}

/* -----------other--------------------------- */

.clear{
clear: both;
}
.in {
display: inline;
float: left;
margin:0 5px 5px 0;
}



.selected {
	background-image: url(images/navbg3.gif);
	background-repeat: no-repeat;
	background-position:right;
}
/* -----------other--------------------------- */

#picbox{
float:left;
}
#thumbbox{
float:right;
height: 200px;
}
.clear{
clear: both;
}
.in {
display: inline;
float: left;
margin:0 5px 5px 0;
}


a.poweredBy {
color:#888888;
text-decoration:None;
font-weight:normal;
font-size:9px;
}







/* Form Related CSS Style */
	.formHeader {
		padding:0.3em;
		font-size:12px;
		font-weight:Bold;
	}
	.formQuestion {
		padding:0.3em;
		font-weight:bold;
		width:75%;
	}
	.formAnswer {
		margin-bottom:1em;
		width:99%;
	}

	.small {
		width: 2.5em;
	}
	.medium {
		width: 10em;
	}
	.long {
		width: 75%;
		font-weight:bold;
	}

	span.invalid, span.missing { /* The Message format */
		display: inline;
		margin-left: 1em;
		font-weight: bold;
		color: #f66;
	}

	.noticeMessage {
		display: block;
		float: right;
		font-weight: normal;
		color:#00f;
	}
	
	.hiddenMsg{
	display:none;
	background-color:#FFFF80;
	}