html,body {height:100%;}
body {
	margin:0px;
	background:url(./images/outerbg_gradient.jpg) repeat-x #F2F2F2 center 5px;
}

body,p,td,th {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
}

img,a {
	border: none;
}

.break {clear:both;}

.main_bg {
	background:url(./images/main_bg.jpg) no-repeat center top;
	border-top:#8BCFAA solid 5px;
	height:100%;
}

.body {
	margin:0px auto;
	width:920px;
}

.site_header {
	width:100%;
	height:102px;
}

.login {
	float:right;
	height:25px;
	background:url(./images/login_bg.gif) repeat-x;
	color:#FFFFFF;
	font-size:10px;
	font-weight:bold;
}

.login_left {background:url(./images/login_bg_lhs.gif) no-repeat left;}
.login_right {background:url(./images/login_bg_rhs.gif) no-repeat right;} /* for templating only, will scale with content */
.login_right div{float:left;}

.login_staff{
	padding:3px 5px 0px 7px;
	height:22px;
	border-right:#88d0a7 solid 1px;
}

.login_staff input{
	border:0px;
	width:108px;
	height:15px;
	color:#124a3a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	padding:1px 6px 0px 6px;
	margin:0px 3px;
}

.login_remember{
	padding:0px 5px 0px 5px;
	height:22px;
	line-height:22px;
	border-right:#88d0a7 solid 1px;
}

.login_remember input{
	position:relative;
	top:2px;
}

.login_button{
	padding:5px 5px 0px 5px;
}

.login_button a{
	color:#124a3a;
	text-decoration:none;
}

.login_button input{
	width:67px;
	height:15px;
	padding-bottom:5px;
	border:0px;
	background:url(./images/login_btn.gif);
	color:#124a3a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
}

.logout_button{
	width:67px;
	height:15px;
	display:block;
	background:url(./images/login_btn.gif);
	color:#124a3a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
}

.search {
	background:url(./images/search_bg.gif) no-repeat;
	width:267px;
	height:23px;
	float:right;
	margin-top: 24px;
	padding:15px 16px;
}

.search input{float:left;}

.search_input{
	width:205px;
	height:20px;
	border:0px;
	padding:4px 10px 0px 0px;
	margin-right:7px;
	color:#124a3a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.nav {
	width:100%;
	height:42px;
}

.nav ul {
	list-style:none;
	margin:0px;
	padding:0px;
}

.nav li {
	float:left;
	width:114px;
	height:42px;
	border-right:#d0f5e3 solid 1px;
	text-align:center;
	background:url(./images/mainnav_bg_off.gif);
	line-height:42px;
	position:relative;
	z-index:1;
}

.nav_right {
	width:115px;
	border:0px;
}

.nav a{
	display:block;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
}

.nav li ul{
	position:absolute;
	display:none;
	background:#b4e2c8;
	padding:4px;
	left:0px;
	text-align:left;
}

.nav a:hover{
	color:#184934;
	background:url(./images/mainnav_bg_on.gif);
}

.nav li:hover ul,
.nav li.over ul
{
	display: block;
}

.nav li ul li{
	display:block;
	color:#FFFFFF;
	list-style:none;
	background:#99c8b2;
	border: none;
	float: none;
	margin: 0px;
	padding: 0px;
	text-align:left;
	height:30px;
	line-height:30px;
	width:auto;
	white-space:nowrap;
}

.nav li ul li a{
	display:block;
	border:#d9f0e3 solid 1px;
	padding:0px 5px;
}

.nav li ul li a:hover{
	border:#b4e2c8 solid 1px;
	background:#b4e2c8;
}

.page_header {
	height:210px;
	background:url(./images/page_header_bg.gif) repeat-x;
	padding:20px;
}

.header_image {
	float:left;
	position:relative;
	background:#FFFFFF;
	padding:3px;
	_padding:3px 3px 0px 3px;
	border:#808080 solid 1px;	
}

.header_Home_text { /* hidden when not on home page */
	display:block;
	position:absolute;
	top:22px;
	right:22px;
	width:510px;
	height:140px;
	padding:10px 10px;
	background:url(./images/header_home_info_bg.gif) repeat-x bottom;
	border:#FFFFFF solid 1px;
}

.header_Home_text h2{
	padding-top:0px;
	margin-top:0px;
}

.header_Home_intro { /* hidden when not on home page */
	display:block;
	float:left;
	height:181px;
	width:240px;
	background:#FFFFFF url(./images/header_intro_bg.gif) repeat-x bottom;
	margin-left:20px;
	padding:15px 20px;
}

.header_Home_intro h1{
	color:#004737;
	font-size:18px;
	padding:0px;
	margin:0px;
}

.header_Home_intro_readmore{
	display:block;
	background:url(./images/button_bg.gif);
	width:138px;
	height:20px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	text-align:right;
	padding:0px 6px;
	margin-top:5px;
}

.header_Home_intro_readmore span{
	float:left;
	padding-top:2px;
}

.content {
	padding:20px;
	background:#FFFFFF;
	width:880px;
}

.content_column {
	border:#F5F5F5 solid 1px;
	padding:10px 20px;
	background:url(./images/body_panel_bg.gif) #FFFFFF repeat-x bottom;
}

.content_column_white {
	border:#F5F5F5 solid 1px;
	padding:10px 20px;
	background:#FFFFFF;
}

.column_sidemenu {
	width:205px;
	float:left;
	margin-right:20px;
}

.column_main {
	width:655px;
	float:left;
}

.content_column ul{
	padding:0px 0px 0px 10px;
	margin:0px;
}

.content_column li ul{
	font-size:10px;
/*	background-color:#999999;*/
}

.column_sidemenu_submenu{
	background-color:#EBEBEB;
	font-size:10px;
	position:relative;
	top:-7px;
}

.column_sidemenu_submenu ul{
	margin:0px;
	padding:5px 50px;
}

.project_officer {
	float:right;
	width:195px;
	margin-left:20px;
}

.project_officer img{
	background:#CCCCCC;
	padding:3px;
	border:#9F9F9F solid 1px;
	display:block;
	margin:0px auto;
}


.content h1{
	color:#124a3a;
	font-size:18px;
	padding:6px 20px;
	margin:0px;
	background:url(./images/h1_bg.gif);
}

h2{
	color:#78a895;
	font-size:14px;
}

a{
	color:#004737;
	font-weight:bold;
	text-decoration:none;
}

a:hover{
	color:#78a895;
}

.threecolumn_1 {
	width:280px;
	float:left;
	margin-right:20px;
}

.threecolumn_2 {
	width:280px;
	float:left;
	margin-right:20px;
}

.threecolumn_3 {
	width:280px;
	float:left;
}


.threecolumn_1 strong,
.threecolumn_2 strong,
.threecolumn_3 strong{
	color:#78a895;
}

.threecolumn_3 em{
	color:#124a3a;
	font-style:normal;
	font-size:10px;
}

.readmore{
	display:block;
	background:url(./images/button_bg.gif);
	width:138px;
	height:20px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	text-align:right;
	padding:0px 6px;
	margin-top:5px;
}

.readmore span{
	float:left;
	padding-top:2px;
}


/* footer */
.footer {
	background:url(./images/footer_main_bg.gif) repeat-x bottom #e7e8e9;
	height:236px;
}

.footer_contact {
	float:left;
	width:230px;
	height:196px;
	padding:20px;
	border-right:#E7E8E9 solid 1px;
}

.footer_links {
	float:left;
	width:455px;
	border-right:#E7E8E9 solid 1px;
	height:196px;
	padding:20px;
}

.footer_nav {
	float:left;
	width:113px;
	height:196px;
	padding:20px;
}

.footer_contact_column_left{
	width:115px;
	float:left;
	margin-right:15px;
}

.footer_contact_column_right{
	width:100px;
	float:left;
}

.footer_contact_break{
	height:5px;
}

.footer_contact a{
	color:#666666;
	text-decoration:none;
}

.footer_links h3{
	font-size:18px;
	margin-top:0px;
	margin-bottom:5px;
}

.footer_links_box {
	background:#CCCCCC;
	padding:3px;
	border:#808080 solid 1px;
	width:446px;
}

.footer_links_box div{
	background:#FFFFFF;
	width:446px;
	height:156px;
}

.footer_links_box img{
	margin:0px 8px;
}

.footer_nav ul{
	list-style:none;
	margin:0px;
	padding:0px;
}

.footer_nav li{
	width:113px;
	height:23px;
	background:url(./images/footer_nav_off.gif);
	margin:1px 0px;
}

.footer_nav a{
	display:block;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
	padding-left:10px;
	padding-right:5px;
	line-height:23px;
	text-align:right;
}

.footer_nav a:hover{
	background:url(./images/footer_nav_on.gif);
	color:#666666;
}

.footer_nav span{
	float:left;
	text-align:left;
}

.footer_copyright{
	background:url(./images/footer_btm_bg.gif);
	height:22px;
	color:#FFFFFF;
	font-size:11px;
	line-height:15px;
	padding:0px 20px;
	_padding:10px 20px 0px 20px;
	text-align:right;
}

.footer_copyright a{
	color:#FFFFFF;
	text-decoration:none;
}

.footer_copyright_left{
	float:left;
}
/* footer end */

#search_text_container
{
  background-color: #e8f6ef;
  padding: 18px 2px 20px 18px;
  margin-bottom: 16px;
}

#search_text_container #keywords
{
  border: none;
  padding: 6px;
  font-size: 14px;
  margin-right: 8px;
  width: 390px;
}