﻿@charset "utf-8";
/* CSS Document */
h1 {
				margin: 0;
				padding: 0;
				color: #194918;
				border-bottom: 1px solid #00533d;
				font-family: Arial, Helvetica, sans-serif;
				font-size: large;
}

#photo {
				width: 100%;
				background-color: #00533d;
				background-image: url('images/bg-new_05.jpg');
				background-repeat: repeat-x;
				margin: 0;
				padding: 0;
				height: 176px;
}


/* top menu information */


/*new top menu info*/

ul#menu{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	height:40px;
	font-size:16px;
	background-color: #00533d;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	border: 0px dotted blue;
	width: 800px;
}
ul#menu li{
	display:block;
	float:left;
	margin:0;
	padding:0;
	border-right:0px solid #ffffff;
	}
ul#menu li a{
	display:block;
	float:left;
	color:#ffffff;
	text-decoration:none;
	padding:12px 9px 0 10px;
	height:24px;
	height:28px;
	}
ul#menu li a:hover{
	background-color: #3198ba;
	}
	




/*side menu information*/

#navcontainer { width: 100%;
				margin-top: 0;
				}

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
margin-top: 0;
border-top: 1px dotted silver;
border-right: 1px dotted silver;
border-left: 1px dotted silver;
}

#navcontainer a
{
display: block;
padding: 3px;
border-bottom: 1px dotted silver;
}

#navlist a:visited
{
color: black;
text-decoration: none;
font-size: 0.8em;
padding: 3px;
}

#navcontainer a:link
{
color: black;
text-decoration: none;
font-size: 0.8em;
padding: 3px;
}

#navcontainer a:hover
{
background-color: #fff;
color: teal;
text-decoration: underline;
}

#current-side {
color: teal;
font-weight: bold;
}

#column-one {
				border:0px solid silver;
				width: 250px;
				padding: 0px;
				float: left;
}

#column-two {
				border:0px solid silver;
				width: 250px;
				padding: 0px;
				float: left;
				margin-left: 20px;
}

#column-three {
				border: 0px solid silver;
				width: 250px;
				float: right;
				padding: 0px;
				padding-right: 5px;
}


#area-one {
				border: 1px dotted #00533d;
				width: 100%;
				margin-right: 20px;
				font-size: small;
				line-height: 150%;
				padding-bottom: 5px;
				padding-left: 2px;
				padding-right: 2px;
				padding-top: 2px;
				
}

#area-one ul {
				list-style-type: none;
				margin: 0;
				padding: 0;
				margin-left: 10px;
				margin-top: 10px;
}

#area-one ul li a {
				text-decoration: none;
}

#area-one ul li a:hover {
				text-decoration: underline;
}

#area-two {
				border: 1px dotted #00533d;
				width: 100%;
				font-size: small;
				line-height: 150%;
				padding-bottom: 5px;
				padding-left: 2px;
				padding-right: 2px;
				padding-top: 2px;
}

#area-two ul {
				list-style-type: none;
				margin: 0;
				padding: 0;
				margin-left: 10px;
				margin-top: 10px;
}

#area-two ul li a {
				text-decoration: none;
}

#area-two ul li a:hover {
				text-decoration: underline;
}


#area-three {
				border: 1px dotted #00533d;
				width: 98%;
				margin: 0;
				font-size: small;
				line-height: 150%;
				padding-bottom: 5px;
				padding-left: 2px;
				padding-right: 2px;
				padding-top: 2px;
				
				
}

#area-three ul {
				list-style-type: none;
				margin: 0;
				padding: 0;
				margin-left: 10px;
				margin-top: 10px;
}

#area-three ul li a {
				text-decoration: none;
}

#area-three ul li a:hover {
				text-decoration: underline;
}

#area-four ul {
				border: 1px dotted silver;
}

#flash {
				border: 1px dotted #00533d;
				float: right;
				margin-bottom: 15px;
				padding: 2px;
				text-align:center;
				margin-right: 0;
				width: 64%;
}




