﻿@import url("layout.css");
body {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-style: normal;
	font-size: 10pt;
	line-height: 20px;
	background-color: #cccccc;
}
#container {
	border: 1px #000000 solid;
}
#masthead {
	border-top: 5px #000000 solid;
	border-bottom: 1px #000000 solid;
	text-align: right;
	background-image: url('design_images/banner.gif');
	background-repeat: no-repeat;
	height: 128px;
}
#masthead img{
float:left;
}
#masthead p{
    color:#ffffff;
    font-size:9pt;
    padding-right:10px;
    padding-top:95px;
}
#masthead a{
    color:#ffffff;
    text-decoration:underline;
}
#masthead a:hover{
	color: #CCCC00;
}
/*New*/
#navigation a
{
color: #fff;
background: #346144 url("design_images/tab-left-green.gif") left bottom no-repeat;
text-decoration: none;
font-size:9pt;
padding-left: 10px

}

#navigation a span
{
background: url("design_images/tab-right-green.gif") right bottom no-repeat;
padding-right: 10px
}

#navigation a, #navigation a span
{
display: block;
float: left
}

/* Commented backslash hack hides rule from IE5-Mac \*/
#navigation a, #navigation a span
{
float: none
}
/* End IE5-Mac hack */

#navigation a:hover
{
color: #fff;
background: #666633 url("design_images/tab-left-brown.gif") left bottom no-repeat;
text-decoration: none;
padding-left: 10px
}

#navigation a:hover span
{
background: url("design_images/tab-right-brown.gif") right bottom no-repeat;
padding-right: 10px
}

#navigation
{
list-style: none;
padding: 0;
margin: 0
}

#navigation li
{
float: left;
display: block;
margin: 0;
padding: 0
}
#tabmenu {
	color: #fff;
	line-height:25px;
	border-bottom: 0px solid black;
	margin: 0;
	padding-left: 3px;
	font-size:8pt;
	font-weight:bold;
}

#tabmenu li {
	display: inline;
	overflow: hidden;
	list-style-type: none; }

#tabmenu a {
	color: #fff;
	background: #346144;
	border: 1px solid black;
	padding: 5px 5px 5px 5px;
	margin: 0;
	text-decoration: none;
}

#tabmenu a:hover {
	color: #fff;
	background: #666633; }

#column_l {
	width: 993px;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 20px;
}
html>body #column_l {
	width: 993px;
}
#column_l p {
	padding: 0px 0px 0px 0 20px;
	color: #000;
}
#content {
	background: url('images/fill.gif');
}
#footer {
	font-size: x-small;
	text-align: center;
	padding-bottom: 0px;
	letter-spacing: 1px;
	line-height: 13px;
}
#footer p {
	padding-top: 2px;
}
html>body #footer {
	text-align: center;
	padding-bottom: 0;
	height: 150px;
}
/* Masthead */
#masthead h1 {
	font-weight: bold;
	font-style: italic;
	color: #fff;
	margin-bottom: 0;
	margin-left: 0.5em;
}
#masthead h3 {
	font-weight: bold;
	font-style: italic;
	color: #fff;
	margin-top: 0;
	margin-left: 1em;
}
/* Site typography */
#title {
padding:2px;
background-color:#346144;
border:1px #000000 solid;
color:#ffffff;
text-align:center;
}
#title a{
color:#ffffff;
text-decoration:none;
}
#title a:hover{
color:#666633;
text-decoration:underline;
}
h1 {
	FONT-SIZE: 24px;
	COLOR: #074B2F;
	FONT-FAMILY: Century Schoolbook, Georgia, Times New Roman;
	LETTER-SPACING: 1px;
	margin-left : 5px;
	margin-top : 4px;
	font-style : italic;
	margin-bottom : 30px;
	LINE-HEIGHT: 22px;
	text-align: center;
}

h2 {FONT-SIZE: 19px; COLOR: #393939;  FONT-FAMILY: Century Schoolbook, Georgia, Times New Roman; LETTER-SPACING: 0px; 	margin-left : 0px;  margin-top : 17px;  font-style : italic;  margin-bottom : 7px;   }

h3 {
	font-size: large;
	font-style: italic;
	color: #000;
}
h4 {
	font-size: medium;
	font-style: italic;
	color: #000;
}
h5 {
	font-size: x-small;
	font-style: italic;
	color: #000;
}
h6 {
	font-size: xx-small;
	font-style: italic;
	color: #000;
}
/* Links */
a {
	color: #09643D;
	text-decoration: underline;
}
a:hover {
	color: #666633;
	text-decoration: none;
}
.style_bold {
	font-weight: bold;
}
.style_italic {
	font-style: italic;
}
input.form-area {background-color: #EBEBEB; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; font-size: 9px;}
textarea.form {background-color: #EBEBEB; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; font-size: 9px;}
select.form {background-color: #EBEBEB; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; font-size: 9px;}
input.submit {background-color: #316142; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; font-size: 9px;  color : White;  font-weight : bold;  }

/* Layout Home Page */
#column_1 {
	position: relative;
	float: left;
	margin: 0;
	width: 220px;
	padding: 10px;
}
html>body #column_1 {
	width: 220px;
	padding: 10px;
	height: 400px;
}
#column_2 {
	position: relative;
	float: left;
	margin: 0;
	width: 520px;
	padding: 10px;
}
html>body #column_2 {
	width: 520px;
	padding: 10px;
}
#column_3 {
	position: relative;
	float: left;
	margin: 0;
	width: 200px;
	padding: 10px;
}
html>body #column_3 {
	width: 200px;
	padding: 10px;
}