/* --------------------------------------------------------------------------------------------------------
AUTHOR:			Ryan Marincovich
DATE CREATED:	2007.06.25
PURPOSE:		Base Style sheet for Beganik (MCH) header
REVISIONS:
-------------------------------------------------------------------------------------------------------- */

/* widths and heights to change for new client
	#header					width: 150px;				--> height of header with shadows
							margin: 30px 0px 0px 0px;	--> top margin if site is not flush with top
	#table_body 			width: 770px;				--> width of main content between shadows
	.logo_container			height: 110px;				--> height of area above navigation, set margin if there's a shadow
	.navigation_container 	height: 40px;				--> height of navigation bar
		-span				width: 395px;				--> total width of navigation links - float this to move navigation
	.nav_divider			width: 5px;					--> image or width of divider b/w nav links
	.nav_????				width: ???					--> only need to set width once for each nav link image
*/

#header {
	width: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
}

.search_box {
	width: 235px;
	height: 75px;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/_images/framework/bg_search_box.gif) top left no-repeat;
}

.search_input_container {
	margin: 37px 0px 0px 75px;
	padding: 2px;
	float: left;
	display: inline;
	border: 1px solid #ceaa8f;
}

.search_input {
	width: 120px;
	height: 15px;
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	color: #e1d7b1;
	float: left;
	border: 1px solid #ceaa8f;
	background: none;
}

.main_logo {
	width: 85px;
	margin: 0px;
	padding: 0px;
	float: left;
}

.alt_logo {
	width: 405px;
	margin: 0px;
	padding: 0px;
	float: left;
}

.navigation_container {
	width: 100%;
	height: 35px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	float: left;
	display: inline;
	background: url(/_images/framework/bg_nav_bar.gif) top left no-repeat;
}

.navigation_container span {
	width: 715px;
	height: 25px;
	margin: 5px 0px 0px 5px;
	padding: 0px;
	float: left;
	display: inline;
}

.nav_divider {
	width: 1px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
}

#nav_drop_container {
	width: 341px;
	position: relative; 
	left: 272px; 
	top: -5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	z-index: 100; 
	visibility: visible; 
	float: left; 
}

.panel_object {
	width: 100%;
	font-size: 11px;
	color: #e1d7b1;
	float: left;
}

.panel_object a { width: 100%; padding: 4px 0px 6px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #e1d7b1; font-weight: normal; text-decoration: none; float: left; }
.panel_object a:visited { width: 100%; padding: 4px 0px 6px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #e1d7b1; font-weight: normal; text-decoration: none; float: left; }
.panel_object a:hover {	width: 100%; padding: 4px 0px 6px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #9ea900; font-weight: normal; text-decoration: none; float: left; }
.panel_object a:active { width: 100%; padding: 4px 0px 6px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #9ea900; font-weight: normal; text-decoration: none; float: left; }

.panel_object_link_profiles {
	width: 159px;
	text-align: left;
	cursor: pointer;
}

.panel_object_link_legal {
	width: 102px;
	text-align: left;
	cursor: pointer;
}

.nav_home_on {
	width: 83px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/_images/nav/nav_home_on.gif) left no-repeat;
}

.nav_home {
	width: 83px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/_images/nav/nav_home.gif) left no-repeat;
}

#home_nav a { width: 100%; height: 100%; float: left; }
#home_nav a:visited { width: 100%; height: 100%; float: left; }
#home_nav a:hover { width: 100%; height: 100%; background: url(/_images/nav/nav_home_on.gif) left no-repeat; float: left; }
#home_nav a:active { width: 100%; height: 100%; background: url(/_images/nav/nav_home_on.gif) left no-repeat; float: left; }

.nav_about_on {
	width: 84px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/_images/nav/nav_about_on.gif) left no-repeat;
}

.nav_about {
	width: 84px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/_images/nav/nav_about.gif) left no-repeat;
}

#about_nav a { width: 100%; height: 100%; float: left; }
#about_nav a:visited { width: 100%; height: 100%; float: left; }
#about_nav a:hover { width: 100%; height: 100%; background: url(/_images/nav/nav_about_on.gif) left no-repeat; float: left; }
#about_nav a:active { width: 100%; height: 100%; background: url(/_images/nav/nav_about_on.gif) left no-repeat; float: left; }

.nav_history_on {
	width: 97px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	background: #ffffff url(/_images/nav/nav_history_on.gif) left no-repeat;
}

.nav_history {
	width: 97px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	background: #ffffff url(/_images/nav/nav_history.gif) left no-repeat;
}

#history_nav a { width: 100%; height: 100%; float: left; }
#history_nav a:visited { width: 100%; height: 100%; float: left; }
#history_nav a:hover { width: 100%; height: 100%; background: url(/_images/nav/nav_history_on.gif) left no-repeat; float: left; }
#history_nav a:active { width: 100%; height: 100%; background: url(/_images/nav/nav_history_on.gif) left no-repeat; float: left; }

.nav_profiles_container {
	width: 199px;
	position: absolute;
	left: 0px;
	top: 0px;
	padding: 10px 0px 10px 0px;
	z-index: 100;
	visibility: hidden;
	cursor: pointer;
	background: #000000;
}

.nav_profiles_on {
	width: 199px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	background: #ffffff url(/_images/nav/nav_profiles_on.gif) left no-repeat;
}

.nav_profiles {
	width: 199px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	background: #ffffff url(/_images/nav/nav_profiles.gif) left no-repeat;
}

#profiles_nav a { width: 100%; height: 100%; float: left; }
#profiles_nav a:visited { width: 100%; height: 100%; float: left; }
#profiles_nav a:hover { width: 100%; height: 100%; background: url(/_images/nav/nav_profiles_on.gif) left no-repeat; float: left; }
#profiles_nav a:active { width: 100%; height: 100%; background: url(/_images/nav/nav_profiles_on.gif) left no-repeat; float: left; }

.nav_legal_container {
	width: 142px;
	position: absolute;
	left: 200px;
	top: 0px;
	padding: 10px 0px 10px 0px;
	z-index: 100;
	visibility: hidden;
	cursor: pointer;
	background: #000000;
}

.nav_legal_on {
	width: 142px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	background: #ffffff url(/_images/nav/nav_legal_on.gif) left no-repeat;
}

.nav_legal {
	width: 142px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	background: #ffffff url(/_images/nav/nav_legal.gif) left no-repeat;
}

#legal_nav a { width: 100%; height: 100%; float: left; }
#legal_nav a:visited { width: 100%; height: 100%; float: left; }
#legal_nav a:hover { width: 100%; height: 100%; background: url(/_images/nav/nav_legal_on.gif) left no-repeat; float: left; }
#legal_nav a:active { width: 100%; height: 100%; background: url(/_images/nav/nav_legal_on.gif) left no-repeat; float: left; }

.nav_contact_on {
	width: 105px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	background: #ffffff url(/_images/nav/nav_contact_on.gif) left no-repeat;
}

.nav_contact {
	width: 105px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	background: #ffffff url(/_images/nav/nav_contact.gif) left no-repeat;
}

#contact_nav a { width: 100%; height: 100%; float: left; }
#contact_nav a:visited { width: 100%; height: 100%; float: left; }
#contact_nav a:hover { width: 100%; height: 100%; background: url(/_images/nav/nav_contact_on.gif) left no-repeat; float: left; }
#contact_nav a:active { width: 100%; height: 100%; background: url(/_images/nav/nav_contact_on.gif) left no-repeat; float: left; }