/**
 * $Id$
 * Website Baker template: whf_1
 
 "Trajan Pro",Georgia,Palatino,Palatino Linotype,serif
 
*/

body, #hmain td, #hmain th {
	font-family: Georgia,Palatino,Palatino Linotype,serif;
	font-size: 13px;
	color: #353E31;
}
body {
	background: #D1DEBA;
	margin: 0;
}
#homewrap {
	width: 750px;
	margin: 0 auto;
}
	#hwrap {
		margin-top: 30px;
		width: 750px;
	}
	#hwrap #lft {
		background: #D1DEBA url(images/home_lftbg.jpg) no-repeat scroll center top;
		width: 199px;
		height: 364px;
	}
	#hwrap #main {
		background: #D1DEBA url(images/home_mainbg.jpg) no-repeat scroll center top;
		width: 551px;
		height: 364px;
	}
#hmain {
	width:750px;
		margin: 0 auto;
	display: block;
}
	
#hmain a:link, #hmain a:visited, #hmain a:active {
	color: #993300;
	text-decoration: underline;
}
#hmain a:hover {
	color: #FE2E06;
	text-decoration: underline;
}
#sidemenu {
	font-family: "Trajan Pro","Perpetua Titling MT","Copperplate Gothic Light","Felix Titling",Georgia,Palatino,"Palatino Linotype",serif;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	width: 199px;
	}
#sidemenu td {
	margin: 0;
	padding: 0;
	text-align: right;
}
#sidemenu td.menu {
	display: block;
	text-align: left;
	height: 57px;
	white-space: normal;
	vertical-align: middle;
	line-height: 57px;	
	}	
#sidemenu td.menu a {
	display: block;
	padding: 0;
	height:57px;
	padding-left: 29px;
	background-repeat: no-repeat;
	background-position: right;
	color: #000;
	text-decoration: none;
	vertical-align: middle;
	}
#sidemenu td.menu a:hover, #sidemenu td.menu.hover a{
	background-repeat: no-repeat;
	background-position: right;
	}	
	
#sidemenu td.menu a#m1{
	background-image: url(images/side1_off.gif);
}
#sidemenu td.menu a#m1:hover, #sidemenu td.menu.hover a#m1{
	background-image: url(images/side1_on.gif);
}	
#sidemenu td.menu a#m2{
	background-image: url(images/side2_off.gif);
}
#sidemenu td.menu a#m2:hover, #sidemenu td.menu.hover a#m2{
	background-image: url(images/side2_on.gif);
}			
#sidemenu td.menu a#m3{
	background-image: url(images/side3_off.gif);
}
#sidemenu td.menu a#m3:hover, #sidemenu td.menu.hover a#m3{
	background-image: url(images/side3_on.gif);
}	
#sidemenu td.menu a#m4{
	background-image: url(images/side4_off.gif);
}
#sidemenu td.menu a#m4:hover, #sidemenu td.menu.hover a#m4{
	background-image: url(images/side4_on.gif);
}	
#sidemenu td.menu a#m5{
	background-image: url(images/side5_off.gif);
}
#sidemenu td.menu a#m5:hover, #sidemenu td.menu.hover a#m5{
	background-image: url(images/side5_on.gif);
}	
#fsh {
	position: relative;
	top: 196px;
	left: 210px;
	width: 285px;
}
#secret{
	position: relative;
	top: 82px;
	left: 502px;
	width: 40px;
}
#secret img{
	width: 40px;
	height:42px;
}
#abswrap{
 position: relative;
 display:block;
 width: 551px;
 height: 364px;
}

/*///////////////////////////////////*/
#spiffywrap{
	width: 300px;
}
.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#b20000}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #870000;
  border-right:1px solid #870000;
  background:#9f0000}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #6f0000;
  border-right:1px solid #6f0000;
  background:#a30000}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #a30000;
  border-right:1px solid #a30000;}
.spiffy4{
  border-left:1px solid #870000;
  border-right:1px solid #870000}
.spiffy5{
  border-left:1px solid #9f0000;
  border-right:1px solid #9f0000}
.spiffyfg{
  background:#b20000}
/*///////////////////////////////////*/

#sidetools {
margin-top: 10px;
margin-left:8px;
	/*background-color: #e1eed3;
	border-right: 6px solid #D1DEBA;
	padding: 10px 6px;*/
	padding: 10px 0;
	text-decoration: none;
}
#sidetools a:link, #sidetools a:visited, #sidetools a:active {
	/*color: #993300;*/
	color: #000;
	text-decoration: none;
}
#sidetools a:hover {
	color: #FE2E06;
	/*color:#000;*/
	text-decoration: none;
}

#sidetools #nwsltr{
	margin: 6px 0;
	text-align:left;
}
#sidetools #fcebk{
	margin: 6px 0;
	text-align:left;
}
#sidetools #jobs{
	margin: 6px 0;
	text-align:left;
}

#sidetools #fcebk a:link, #sidetools #fcebk a:visited, #sidetools #fcebk a:active {
	/*color: #003399;*/
}
#sidetools #news1{
	margin: 28px 0 6px 0;
	text-align:left;
}
#sidetools #news2{
	margin: 6px 0;
	text-align:left;
}






hr {
	margin: 5px 0px 5px 0px;
	color: #603;
	border: 0;
	border-top: 1px solid #603;
	height: 1px;
	width: 580px;
}
h1 {
	font-family: "Trajan Pro","Perpetua Titling MT","Copperplate Gothic Light","Felix Titling",Georgia,Palatino,"Palatino Linotype",serif;
	font-size: 22px;
	color: #000;
	margin-top: 10px;
	font-weight: normal;
}
form {
	margin: 0;
}

.banner, .search_box {
	height: 80px;
	background-image: url(images/header.jpg);
	background-repeat: repeat-x;
	font-size: 20px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	padding-top: 20px;
}

.banner {
	width: 530px;
	padding-left: 20px;
	float: left;
	text-align: left;
}
.search_box {
	float: right;
	clear: right;
	width: 200px;
}
.search_string {
	width: 100px;
	height: 16px;
	font-size: 10px;
	vertical-align: middle;
}
.search_submit {
	width: 50px;
	height: 22px;
	font-size: 10px;
	vertical-align: middle;
}
.highlight {
	background-color: #D0D0D0;
}
.banner a {
	color: #FFF;
}
.banner span {
	color: #D0D0D0;
}
/**************/
/*BOF JK ADDED*/

#topmenuwrap {
	display: table;
	width: 750px;
	margin: 0 auto; 
	position: relative;
	border-top: 1px solid #adc272;
	}
#topmenu, 
#topmenu-t {
	/*font-family: "Trajan Pro",Georgia,Palatino,Palatino Linotype,serif;*/
	font-family: "Trajan Pro","Perpetua Titling MT","Copperplate Gothic Light","Felix Titling",Georgia,Palatino,"Palatino Linotype",serif;
	font-size: 14px;
	line-height: 1.0;
	font-weight: bold;
	text-align: center;
	margin: 0;
	padding: 0;
	height: 35px; 
	display: table-row;
	}
#topmenu-t th {
	/*display:none;*/
	}	
#topmenu li, 
#topmenu-t td {
	list-style: none;
	white-space: normal;
	/*float: left; <- we dont need to float as we are using display: table-cell*/
	height: 35px;
	vertical-align: middle; 
	display: table-cell;
	}
#topmenu-t td {
	position: relative;
	}	
#topmenu li li {
	float:left;
	display: block;
	}   
#topmenu li a, 
#topmenu-t td a {
	display: block;
	height: 33px;
	/*padding: 2px 24px 0 24px;*/
	padding: 2px 0 0 0;
	background-color: #badf85;
	color: #395c2e;
	text-decoration: none;
	}
#topmenu li li a,
#topmenu-t td li a {
	padding: 2px 2px 0 2px;
	text-align: center;
	}	
#topmenu li a div.valgn, 
#topmenu-t td a div.valgn {
	padding-top: 8px;
	}     	
#topmenu li:hover a, #topmenu li.hover a, 
#topmenu-t td:hover a, #topmenu-t td.hover a {
	background-color: #bef073;
	color: #ff6600;	
	}
#topmenu li a:hover, 
#topmenu-t td a:hover {
	background-color: #bef073;
	color: #ff6600;
	}
#topmenu li.menu-current a, #topmenu li.menu-parent a,
#topmenu-t td.menu-current a, #topmenu-t td.menu-parent a,
#topmenu-t td li.menu-current a {
	color: #ff6600;
	}
/*	
#topmenu li.menu-sibling.menu-last:hover a, #topmenu li.menu-sibling.menu-last.hover a,
#topmenu-t td.menu-sibling.menu-last:hover a, #topmenu-t td.menu-sibling.menu-last.hover a {
	background-color: #bef073;
	color: #ff6600;	
	}*/
#topmenu li.menu-last a:hover, #topmenu li.menu-last.menu-current a, 
#topmenu-t td.menu-last a:hover, #topmenu-t td.menu-last.menu-current a {
	background-color: #fff;
	color: #000;
	} 
#topmenu li.menu-last a, 
#topmenu-t td.menu-last a {
	background-color: #000;
	color: #fff;
	}
#topmenu li ul,
#topmenu-t td ul  {
	display: none; 
	/*width: 10em; /* Width to help Opera out */
	background-color: #badf85;
	text-align: left;
	}
#topmenu li:hover ul, #topmenu li.hover ul,
#topmenu-t td:hover ul, #topmenu-t td.hover ul  {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
	}
#topmenu-t td:hover ul, #topmenu-t td.hover ul  {
	left: 0px;
	width: 100%;
	}	
#topmenu li:hover li, #topmenu li.hover li,
#topmenu-t td:hover li, #topmenu-t td.hover li {
	float: none; 
	}
#topmenu li:hover li a, #topmenu li.hover li a,
#topmenu li:hover li.menu-last a, #topmenu li.hover li.menu-last a,
#topmenu-t td:hover li a, #topmenu-t td.hover li a {
	background-color: #badf85;
	color: #395c2e;
	}
#topmenu li li a:hover,
#topmenu li li.menu-last a:hover,
#topmenu-t td li a:hover {
	background-color: #bef073;
	color: #ff6600;
	}  
#topmenu.hide, 
#topmenu-t.hide {
	display:none;
	}
/*********************/

