﻿body
{
	background: #000000;
	height: 100%;
	margin: 0;
	padding: 0;
	width: 100%;	
}

.clear
{
	clear: both;
	height: 0;
	width: 0;	
}

.content_area
{
	border: solid 1px #ffffff;
	margin: 0 auto;
	padding: 0;
	width: 985px;	
}

.header_top_area, .logo_area, .main_nav_area, 
.main_banner_area, .main_callout_area,
.main_separator_area, .main_content_area,
.main_contact_area, .sub_banner_area
{
	border-left: solid 1px #ffffff;
	border-right: solid 1px #ffffff;
	float: left;
	width: 892px;	
}

.header_top
{
	border-bottom: solid 1px #ffffff;
	height: 33px;	
}

.header_top_left
{
	background: #6e1517;
	float: left;
	height: 33px;
	width: 45px;	
}

.header_top_right
{
	background: #000000;
	float: right;
	height: 33px;
	width: 46px;	
}

.header_top_area
{
	height: 33px;	
}

.prodirect_login
{
	float: right;
	margin: 8px 20px;
}

.logo_container
{
	border-bottom: solid 1px #ffffff;
	height: 93px;	
}

.logo_left
{
	background: #000000;
	float: left;
	height: 92px;
	width: 45px;	
}

.logo_right
{
	background: #003143;
	float: right;
	height: 92px;
	width: 46px;	
}

.logo_area
{
	height: 93px;	
}

.logo_tools
{
	float: right;
}

.logo
{
	background: url(/LookAndFeel/image/logo.jpg) no-repeat;
	float: left;
	height: 92px;
	width: 203px;	
}

.quote_ticker
{
	float: right;
}

.main_search_container
{
	clear: both;
	float: right;
	margin: 20px 20px 0 0;	
}

.search_container
{
	float: left;	
}

.search_text
{
	float: left;
	margin: 0;
	margin-top: 1px;
	padding: 0;
}

.search_input
{
	float: left;
	margin: 0;
	margin-left: 10px;
	padding: 0;
}

.search_textbox
{
	background: #ffffff;
	border: none;	
}

.search_button
{
	margin-top: -1px;	
}

.main_nav
{
	border-bottom: solid 1px #ffffff;
	height: 34px;	
}

.main_nav_left
{
	background: #000000;
	float: left;
	height: 34px;
	width: 45px;	
}

.main_nav_right
{
	background: #000000;
	float: right;
	height: 34px;
	width: 46px;	
}

.main_nav_area
{
	height: 34px;
}

.main_nav_container
{
	margin-top: 5px;	
}

.main_nav_item
{
	float: left;
}

.main_nav_item a
{
	display: block;
	padding: 5px 4px 0 9px;	
}

.main_nav_separator
{
	float: left;
	padding: 4px 0 0 9px;
}

.main_banner
{
	border-bottom: solid 1px #ffffff;
	height: 262px;	
}

.main_banner_left
{
	background: #947f4f;
	float: left;
	height: 262px;
	width: 45px;	
}

.main_banner_right
{
	background: #947f4f;
	float: right;
	height: 262px;
	width: 46px;	
}

.main_banner_area
{
	height: 262px;	
}

.main_callout
{
	border-bottom: solid 1px #ffffff;
	height: 75px;	
}

.main_callout_left
{
	background: #50663a;
	float: left;
	height: 75px;
	width: 45px;
}

.main_callout_right
{
	background: #000000;
	float: right;
	height: 75px;
	width: 46px;
}

.main_callout_area
{
	height: 75px;	
}

.main_yield_result
{
	float: right;
	margin: 9px 20px;	
}

.main_separator
{
	border-bottom: solid 1px #ffffff;
	height: 24px;		
}

.main_separator_left
{
	background: #000000;
	float: left;
	height: 24px;
	width: 45px;	
}

.main_separator_right
{
	background: #6e1517;
	float: right;
	height: 24px;
	width: 45px;	
}

.main_separator_area
{
	height: 24px;	
}

.main_content
{
	border-bottom: solid 1px #ffffff;
	/*clear: left;*/
	width: 985px;	
}

.main_content_left
{
	background: #000000;
	float: left;
	width: 45px;	
}

.main_content_right
{
	background: #000000;
	float: right;
	width: 45px;
}

.main_content_lc
{
	border-right: solid 1px #ffffff;
	/*clear: left;*/
	float: left;
	width: 341px;
	height: 100%;
}

.main_content_rc
{
	float: left;
	width: 550px;	
}

.tool_content_lc
{
	border-right: solid 1px #ffffff;
	clear: left;
	float: left;
	width: 280px;	
	height: 100%;
}

.tool_content_rc
{
	float: left;
	width: 610px;	
}

.main_news_teaser a
{
	clear: left;
	display: block;
	padding: 10px 0;	
}

.news_teaser_separator
{
	padding: 0 10px;		
}

.main_contact
{
	clear: left;
	height: 46px;
	width: 985px;	
}

.main_contact_left
{
	background: #6e1517;
	float: left;
	height: 46px;
	width: 45px;		
}

.main_contact_right
{
	background: #50663a;
	float: right;
	height: 46px;
	width: 46px;		
}

.main_contact_area
{
	height: 46px;	
}

.main_contact_text
{
	background: #003143;
	border-left: solid 1px #ffffff;
	float: left;
	height: 46px;
	/*margin-left: 341px;*/
	text-align: center;
	width: 892px;
}

.main_contact_separator
{
	margin: 0 5px 0 2px;	
}

.content_footer
{
	clear: left;
	height: 80px;
	text-align: center;
	margin: 0 auto;
	width: 985px;
}

.footer_top
{
	margin: 0 auto;
	padding: 20px 0;
	width: 891px;	
}

.footer_separator
{
	margin: -5px 5px 0px 5px;
}

.footer_copy
{
	padding: 10px 0;	
}

.main_sponsor
{
	clear: left;
	height: 97px;
	text-align: center;
	margin: 0 auto;
	width: 985px;	
}

.sponsor_area
{
	background: #9a9a9a;
	margin: 0 auto;
	padding: 50px 0;
	width: 891px;		
}





/*  Sub Page  */

.sub_banner
{
	border-bottom: solid 1px #ffffff;
	height: 131px;	
}	

.sub_banner_left
{
	background: #947f4f;
	float: left;
	height: 131px;
	width: 45px;	
}

.sub_banner_right
{
	background: #947f4f;
	float: right;
	height: 131px;
	width: 46px;	
}

.sub_banner_area
{
	height: 131px;	
}


/* Navigation Menu */

.topgroup
{
	background: #000000;
	cursor: pointer;
	text-transform: uppercase;
	color: #ffffff;
}

.topitem
{
	color: #ffffff;	
}

.menugroup
{
	background: #ffffff;
	margin-top: 9px;
	margin-left: 5px;
	line-height: 4em;
	padding: 5px;
	cursor: pointer;
}

.group
{
	color: #000000;
}

.item
{
	color: #000000;	
}


.menuitem
{
  font: bold 12px Arial;
  color: #000000;
  cursor: pointer;
}

.topmenuitem
{
  background:#000000;
  float: left;  
  font: bold 14px Arial;
  color: #ffffff;
  cursor: pointer;
  padding-top: 5px;  
}

.topmenuitemhover
{
	background:#000000;
	float: left;  
	font: bold 14px Arial;
	color: #e72325;
	cursor: pointer;
	padding-top: 5px;
	border-bottom: solid 3px #ffe800;  		
}

.menuitemexpanded 
{
  font: bold 12px Arial;
  cursor: pointer;
  color: #e72325;
  border-bottom: solid 2px #ffe800;
}

.menuitemhover 
{
  font: bold 12px Arial;
  cursor: pointer;
  color: #e72325;
  height: 12px;
}

.menubreak
{
  width:100%;
}
