body
{
	background: url("image/main_bg.jpg");
	line-height: 1.4em;
	margin: 0;
	padding: 0;
	width: 100%;
}

.Title
{
	color: #879225;
	font: normal 30px "Agency FB", sans-serif; 
	font-variant: small-caps;
}

.Title H3
{
	color: #879225;
	font: normal 30px "Agency FB", sans-serif; 
	font-variant: small-caps;
}

.clear
{
	clear: both;
	height: 0;	
}

.input
{
	border: solid 1px #959698;
	font: normal 11px Arial;
	padding: 3px;	
}

.inputlist
{
	font: normal 11px Arial;
	padding: 3px;	
}

.button
{
	background: #1f4c79;
	border: solid 1px #959698;	
	color: #ffffff;
	font: bold 11px Arial;
	text-transform: uppercase;
	padding: 3px;	
}

.text9
{
	font: bold 9px Arial;	
}

.text10
{
	font: bold 10px Arial;	
}

.text11
{
	font: normal 11px Arial;	
}

.text
{
	font: normal 12px Arial;	
}

.warning_title
{
	font: bold 16px Arial;
	color: #e64622;	
}

.warning_text
{
	font: normal 12px Arial;		
}

.warning_text a
{
	color: #1f4c79;
	text-decoration: underline;		
}

.mainpage_container
{
	margin: 0 auto;
	padding: 0;
	width: 989px;
}

.mainpage_left
{
	/*background: url(image/main_left_bg.jpg) repeat-x;*/
	float: left;
	width: 13px;
}

.mainpage_area
{
	background: #ffffff;
	float: left;
	margin-left: 13px;
	width: 961px;
}

.mainpage_right
{
	/*background: url(image/main_right_bg.jpg) repeat-x;*/
	float: left;
	width: 15px;
}

.mainpage_top
{
	height: 105px;
	width: 989px;	
}

.mainpage_logo
{
	background: url(image/wfs_logo.jpg) no-repeat;
	float: left;
	height: 105px;
	width: 417px;
}

.mainpage_tool
{
	background: url(image/top_bg.jpg) repeat-x;
	float: left;
	height: 105px;
	width: 544px;
}


/* Main page quicklink */

.mainpage_quicklink
{
	color: #e2e7a4;
	float: left;
	font: bold 11px Arial;
	margin: 15px 0 0 0;
	width: 351px;
}

.mainpage_quicklink a
{
	color: #e2e7a4;
	text-decoration: none;	
}

.mainpage_quicklink_text
{
	padding-left: 40px;
}


/* Main page search */

.mainpage_search
{
	float: left;
	margin-top: 10px;
	width: 193px;	
}

.mainpage_search_area
{
		
}

.search_textbox
{
	border: solid 1px #959698;
	padding: 3px;	
}

.search_go_btn
{
	background: #4686c5;
	border: solid 1px #959698;	
	color: #ffffff;
	font: bold 11px Arial;
	text-transform: uppercase;
	padding: 3px;
}



.mainpage_body
{
	background: url(image/main_banner1.jpg) no-repeat;
	clear: left;
	width: 961px;	
}

.mainpage_footer
{
	background: #1f4c79;
	border: solid 1px #ffffff;
	clear: left;
	font: normal 10px Arial;
	height: 68px;
	text-align: center;
	width: 959px;
}

.mainpage_footer_text
{
	color: #ffffff;	
	line-height: 1.5em;
	padding-top: 15px;	
}

.mainpage_footer_text a
{
	color:#ffffff;
	font:bold 10px Arial;	
}

.formHeader
{
	font-family: Arial;
	font-size: 12px;
	color: #1f4c79;
	font-weight: bold;
	vertical-align: top	
}

/* Main page news section */

.mainpage_news
{
	float: left;
	margin: 160px 0 0 12px;
	width: 295px;	
}

.mainpage_news_area
{
	margin-top: 15px;
	padding: 20px;
}

.main_section_title
{
	color: #879225;
	font: normal 30px "Agency FB", sans-serif; 
	font-variant: small-caps;
	 	
}

.main_newsitem
{
	color: #4b4949;
	font: normal 12px Arial;
}

.main_newsitem ul
{
	list-style: square outside url(image/square.gif);
	margin: 0;
	padding: 0 0 0 16px;
}

.main_newsitem li
{
	margin: 0;
	padding: 5px 5px 5px 0px;	
}

.main_newsitem a
{
	color: #1f4c79;
	font: normal 12px Arial;
	line-height: 1.5em;
	text-decoration: none;	
}

.main_newsitem_title
{
	text-decoration: underline;
}	

.main_newsitem_text
{
	color: #4b4949;	
}

.main_newsitem_date
{
	color: #4b4949;	
}


/* Main page body area */

.mainpage_body_area
{
	color: #1f4c79;
	float: left;
	font: normal 12px Arial;
	line-height: 1.5em;
	margin: 250px 0 0 23px;
	width: 621px;
}

.mainpage_body_area a
{
	color: #1f4c79;
	text-decoration: underline;	
}

.mainpage_message
{
	padding: 20px;	
}

.main_section_text
{
	color: #4b4949;
	padding-top: 5px;	
}

.mainpage_tool_area
{
	background: url(image/mainpage_tool_bg.gif) no-repeat 0 33px;
	margin-top: 10px;
	width: 621px;		
}

.mainpage_tool_left
{
	float: left;
	width: 299px;	
}

.mainpage_tool_right
{
	float: left;
	margin-left: 23px;
	width: 299px;	
}

.mainpage_tool_text
{
	padding: 6px 10px 5px 20px;	
}

.mainpage_tool_content
{
	color: #4b4949;
	font: normal 12px Arial;
	line-height: 1.5em;
	padding-top: 5px;	
}

.mainpage_tool_content ul
{
	list-style: square outside url(image/square.gif);
	margin: 0;
	padding: 0 0 0 16px;	
}

.mainpage_tool_content li
{
	margin: 0;
	padding: 5px 5px 5px 0px;	
}

.mainpage_tool_content a
{
	color: #1f4c79;
}



/* Main page navigation */

.mainpage_nav
{
	clear: left;
	float: left;
	height: 58;
	margin-top: 42px;
	width: 564px;
	margin-left: -30px;	
}

.mainpage_navitem
{
	color: #ffffff;
	float: left;	
	font: bold 12px Arial;
}

.mainpage_navitem a
{
	color: #ffffff;
	text-decoration: none;
	padding: 0 10px 0 10px;	
}

.mainpage_navitem_selected
{
	color: #ffffff;
	float: left;	
	font: bold 12px Arial;	
}

.mainpage_navitem_selected a, .mainpage_navitem a:hover
{
	color: #879225;	
	text-decoration: none;
	padding: 0 10px 0 10px;
}



/* Subpage body */

.subpage_body
{
	background: url(image/subpage_body_bg.gif) no-repeat;
	clear: left;
	width: 961px;
	min-height: 588px !important;	
}

.subpage_left
{
	float: left;
	width: 247px;	
}

.subpage_right
{
	float: left;
	width: 714px;
}

/* Subpage sub navigation */

.subpage_subnav
{
	margin-top: 100px;	
	padding: 25px;
}

.subpage_ad
{
	width: 100%;
	text-align: center;
	}

.subnav_title
{
	color: #1f4c79;
	font: bold 14px Arial;
	text-transform: uppercase;		
}

.subnav_area
{
	clear: left;
	margin-top: 15px;	
}

..subnav_item
{
	clear: left;
	margin: 0;
	padding: 5px;
}

.subnav_item_icon
{
	color: #1f4c79;
	float: left;
	font: normal 14px Arial;
}	

.subnav_item_text a
{
	color: #1f4c79;
	display: block;
	font: normal 12px Arial;
	margin: 2px 5px 2px 10px;
	text-decoration: none;	
	vertical-align: middle;
}

/* Subpage content */

.subpage_content
{
	color: #4b4949;
	font: normal 12px Arial;
	line-height: 1.5em;
	padding: 50px;	
}

.subpage_content_title
{
	color: #879225;
	font: normal 30px "Agency FB", sans-serif; 
	font-variant: small-caps;
	/*
	color: #879225;
	font: bold 16px Arial;
	padding-bottom: 15px;
	text-transform: uppercase;
	*/
}


/* News */
.news_article_container
{
	clear: left;
	display: block;	
}

.news_title
{
	color: #1f4c79;
	font: bold 14px Arial;
	text-transform: uppercase;	
}

.news_date
{
	font: bold 10px Arial;	
	color: #1f4c79;
}

.news_text
{
	color: #4b4949;
	font: normal 12px Arial;
	line-height: 1.5em;	
}

.news_text a
{
	color: #1f4c79;
	text-decoration: underline;	
}

.news_item
{
	cursor: hand;
	text-decoration: none;
}

/* Search Result */

.search_result
{
	color: #4b4949;	
}

.search_title
{
	text-decoration: none;	
	font: bold 12px Arial;
	color: #879225;	
}

.search_item
{
	background: #f8f8f8;
	border-top: solid 1px #dddddd;
	border-bottom: solid 1px #dddddd;
	padding: 3px 10px 3px 10px;
	text-decoration: none;
}

.search_item a
{
	text-decoration: none;	
}

.search_item_alt
{
	background: #ffffff;	
	padding: 3px 10px 3px 10px;
	text-decoration: none;
}

.search_item_alt a
{
	text-decoration: none;	
}

.form_app_popupbox
{	
	position: absolute;
	left: 500px;
	top: 150px;
	background-color: #e9e8e7;
	border: solid 1px #bebebe;
	width: 400px;
	padding: 10px 10px 10px 10px;
}
	
/************************/
/* Employee Profile     */
/************************/

img.photo_frame, .photo_frame
{
	padding: 5px;
	background: #ffffff;
	border: solid 1px #bebebe;	
}

.employee_frame
{
	width: 380px;
	min-height: 200px;
	vertical-align: top;
	padding-left: 10px;
}


.employee_photo
{
	width: 170px;
	position: relative;
	float: left;	
}

.employee_detail
{
	margin-left: 165px;	
	
}

.employee_name
{
	font: bold 14px Arial;	
	color: #1f4c79;
}

.employee_title
{
	font: normal 12px Arial;
	color: #006633;	
}

.department_title
{
	font: bold 16px Arial;	
	color: #1f4c79;
}

.department_section
{

}

.employee_section
{
	padding-left: 10px;
	vertical-align: top;
}

/************************/
/* Location Map     */
/************************/

.location_title
{
	font: bold 14px Arial;	
	color: #1f4c79;
	}

.locationmap_container
{
	background: #ffffff;
	padding:10px;
	border: solid 1px #E0DBC8;
}

.locationmaptable
{
	font: normal 10px Arial;
	padding: 0px;
}

.location_container
{
	
	}

.location_text
{
	
	}

.small_location_photo
{
	padding: 3px;
	background: #ffffff;
	border: solid 1px #bebebe;	
	vertical-align: middle;
	text-align: center;
	}
	
.location_photo_frame
{
	padding: 4px;
	background: #ffffff;
	border: solid 1px #bebebe;	
	vertical-align: middle;
	text-align: center;
	}	
	
.location_photo
{
	border: none;
	padding: 0px 0px 0px 0px;
	}


.locationfinder_service
{
	clear: left;
	font: bold 12px Arial;
	color: #333333;	
	line-height: 1.5em;
}

#map
{
	margin-top: 10px;
	clear: left;
	width: auto;
	height: 390px;	
}


.service_title
{
	font-weight: bold;	
	}
	
.location_service ul
{
	list-style-type: square;
}
		

/* Newsletter Sign Up section */

.mainpage_newsletter
{
	clear: left;
	padding-top: 10px;	
	margin-left: 20px;
}

.newsletter_section
{
	color: #4b4949;
	font: normal 12px Arial;
	line-height: 1.5em;	
}

.newsletter_section a
{
	color: #1f4c79;
	text-decoration: underline;	
}


/* Calculators */
.calculator
{
	font: normal 12px Arial;
	background-color: #5d8dba;
	width: 750px;
	}
.calculator_main_title
{
	font: bold 14px Arial;
	color: white;
	text-align: center;
	height: 30px;
	}
	
.calculator_frame
{
	background-color: #ffffff;
	border: solid 1px #bebebe;
	padding: 5px 5px 5px 5px;
	width: 740px;
	}
	
.calculator_div
{
}

.calculator_disclaimer
{
	font: italic 12px Arial;
	text-align: center;
	}

.calculator_title
{
	font: bold 14px Arial;
	color: #5d8dba;
	text-align: center;
	height: 30px;
	}
	
.calculator_field_header
{
	font: bold 12px Arial;
}

.calculator_field_title
{
	font: normal 12px Arial;
	text-align: left;
}

.calculator_input
{
	font: normal 12px Arial;
	border: solid 1px #bebebe;
	text-align: right;
	}	
	

.calculator_input_left
{
	font: normal 12px Arial;
	border: solid 1px #bebebe;
	text-align: left;
	}	

.calculator_output
{
	text-align: right;
	width: 75px;
}

.calculator_note_yellow
{
	font: bold 12px Arial;
	color: #FFD700;
	text-align: left;
	}
	
.calculator_note_blue
{
	font: bold 12px Arial;
	color: Blue;
	text-align: right;
	}	
	
.calculator_note_green
{
	font: bold 12px Arial;
	color: Green;
	text-align: left;
	}
	
.calculator_note_yellow_right
{
	font: bold 12px Arial;
	color: #FFD700;
	text-align: right;
	}
	
	
.calculator_note_green_right
{
	font: bold 12px Arial;
	color: Green;
	text-align: right;
	}	
	
.DefaultTab 
{
  color: white; 
  background-color: #5d8dba;
  font-family: verdana; 
  font-weight:bold;
  font-size:11px; 
  cursor:pointer;
}

.DefaultTabHover 
{
  color: white; 
  background-color: #6F8AD2;
  font-family: verdana; 
  font-weight:bold;
  font-size:11px; 
  text-decoration:underline;
  cursor:pointer;
}

.SelectedTab 
{
  color: white; 
  font-family: verdana; 
  font-size:11px; 
  font-weight:bold;
  background-color: #CCCCCC;
  cursor:default;
}

.MultiPage
{
  background-color: #CCCCCC;
  border: 1px solid #CECECE;
  width: 95%;
  position:relative;
  top:-3px;
  left:1px;
  z-index:98;
  padding: 10px;
  min-height: 400px;
}

.PageView
{
	background-color: #ffffff;
	text-align: center;
	padding-left: 5px;
}

/* Employment Application */
.employment_app 
{
	padding: 2px 2px 2px 2px;
	font: normal 11px Arial;
	}	

.employment_headrow TD
{
	border-top: solid 1px #bebebe;
	padding-top: 3px;
}

.employment_main_title
{
	font: bold 24px Arial;
	color: #1f4c79;
	}
	
	
/* TreeView */
.TreeView 
{ 
  background-color:White;
  padding-top:2px;
  cursor: default; 
}

.TreeNode 
{ 
  font-family: verdana; 
  font-size: 11px; 
  padding:1px;
  padding-left: 3px; 
  padding-right: 3px; 
  cursor: default; 
}

.HoverTreeNode 
{ 
  font-family: verdana; 
  font-size: 11px; 
  padding:1px;
  padding-left: 3px; 
  padding-right: 3px; 
  color: #5b747d; 
  text-decoration: underline; 
  cursor: hand; 
}

.SelectedTreeNode 
{ 
  font-family: verdana; 
  font-size: 11px; 
  padding:1px;
  padding-left: 3px; 
  padding-right: 3px; 
  color: #981b1e; 
  cursor: default;
  text-decoration: underline; 
  font-style: italic;
}

.NodeEdit 
{
  border:1px #981b1e solid;
  font-family: tahoma; 
  font-size: 11px;
}

/* Weather */
.weather_additional_link a
{
	color: #4b4949;
	font: bold 12px Arial;
	padding-bottom: 15px;
	text-decoration: none;
}

.weather_image_section
{
	background: #ffffff;
	padding:10px;
	border: solid 1px #E0DBC8;
	min-height: 400px;
	text-align: center;
	vertical-align: middle;
	}
	
.custom_area_section
{
	position: relative;
	float: left;
	width: 97%;
	border-bottom: dotted 1px #444;
	padding: 5px;
	font-size: 11px;
}	

/* Modal Popups */
.modalBackground
{
		background-color: Gray;
        filter: alpha(opacity=80);
        opacity: 0.8;
        z-index: 10000;
	}
	
.modalFrame
{
	border: solid 2px #bebebe;
	width: 400px;
	min-height: 300px;
	overflow: auto;
	background-color: White;
	padding: 10px 10px 10px 10px;
	}

.modalTitle
{
	color: #879225;
	font: normal 30px "Agency FB", sans-serif; 
	font-variant: small-caps;
	 border-bottom: solid 2px #879225;
	}
	
.modalPanel
{
	overflow: auto;
	height: 400px;
	width: 400px;
	text-align: left;
	vertical-align: top;
}	
