/*
** Supply web-enabled fonts for Microsoft users
*/
/* $WEFT -- Created by: Valued Customer (weft@bobbhead.com) on 12/17/2003 -- */
@font-face {
	font-family: "Arial Black";
	font-style:  oblique;
	font-weight: normal;
	src: url("../fonts/ARIALBL0.eot");
}

/*
** Set the overall styles for the pages
*/
body {
	margin: 0;
	background-color: #369;
}

body, p, div.p-like, ol, ul, li, td {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

table img { border: none; }


/*
** Styles for the page header (secondary pages)
*/

tr#row-header-fhi { 
	height: 50px; 
	width: 770px; 
	vertical-align: top; 
	background-color: #CCC; 
}

tr#row-header-blur { 
	height: 70px; 
	vertical-align: top; 
	background-color: #CCC; 
}

td#cell-header-blur { 
	width: 600px; 
}

td#cell-header-logo { 
	width: 170px; 
}


/*
** Styles for main content area
*/

td#cell_maincontent {
	background-color: white;
	background-repeat: no-repeat;
	background-position: top right;
}

div#maincontent {
	color: black;
	text-align: left;
	vertical-align: text-top;
	margin-right: 200px;
	margin-left: 50px;
	margin-bottom: 20px;
}

div#maincontent p,
div#maincontent div.p-like {
	padding: 0;
	margin-top: 12px;
	margin-bottom: 0px;
}

div#maincontent h1 {
	font-family: "Arial Black", Helvetica, Arial, sans-serif;
	font-size: 24px;
	font-weight: normal;
	font-style: italic;
	color: black;
	text-align: left;
	vertical-align: text-top;
	margin-top: 24px;
	margin-bottom: 12px;
	padding: 0;
}

div#maincontent h1 .smaller {
	font-size: 18px;
}

div#maincontent h1 + p,
div#maincontent h1 + h3 {
	margin-top: 0;
	padding-top: 0;
}

div#maincontent p.follows-h1,
div#maincontent h3.follows-h1 {
	margin-top: 0;
	padding-top: 0;
}


div#maincontent h2 {
	font-family: "Arial Black", Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: normal;
	margin-top: 6px;
	padding-top: 6px;
	margin-bottom: 0;
	padding-bottom: 0;
}

div#maincontent h2 + p {
	margin-top: 2px;
	padding-top: 2px;
}

div#maincontent p.follows-h2 {
	margin-top: 2px;
	padding-top: 2px;
}

div#maincontent h3 {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-top: 6px;
	padding-top: 6px;
	margin-bottom: 0;
	padding-bottom: 0;
}

div#maincontent h3 + p,
div#maincontent h3 + ul {
	margin-top: 1px;
	padding-top: 1px;
}

div#maincontent p.follows-h3,
div#maincontent div.p-like-follows-h3,
div#maincontent ul.follows-h3 {
	margin-top: 1px;
	padding-top: 1px;
}

div#maincontent h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin-top: 6px;
	padding-top: 6px;
	margin-bottom: 0;
	padding-bottom: 0;
	margin-right: 10px;
}

div#maincontent td h6 {	
	margin-top: 0;
	padding-top: 0;
}
	
div#maincontent h6 + p {
	margin-top: 0;
	padding-top: 0;
}

div#maincontent p.follows-h6,
div#maincontent div.p-like-follows-h6 {
	margin-top: 0;
	padding-top: 0;
}

div#maincontent li {
	padding-top: 2pt;
	padding-bottom: 2pt;
}

/*
** Styles for sidebar area 
*/

td#cell-sidebar { 
	width: 170px; 
	vertical-align: top; 
	background-color: #CCC; 
}

div#sidebar {
	font-size: 9px;
	color: black;
	margin-top: 60px;
	margin-right: 15px;
	margin-bottom: 20px;
	margin-left: 10px;
	vertical-align: text-top;
}

div#sidebar p,
div#sidebar div.p-like,
div#sidebar li {
	font-size: 9px;
}

div#sidebar h1 {
	font-size: 9px;
	font-weight: bold;
	font-style: normal;
	color: inherit;
	margin-bottom: 0;
	padding-bottom: 0;
}

div#sidebar h1 + p, 
div#sidebar h1 + ul {
	margin-top: 1pt;
	padding-top: 1pt;
}

div#sidebar p.follows-h1, 
div#sidebar ul.follows-h1 {
	margin-top: 1pt;
	padding-top: 1pt;
}

div#sidebar h2 {
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	color: inherit;
	margin-bottom: 0;
	padding-bottom: 0;
}

div#sidebar ul,
div#sidebar ol {
	margin-left: 1.5em;
	padding-left: 0;
}

div#sidebar .dijano,
div#sidebar .dijano h1,
div#sidebar .dijano p {
	color: blue;
}

/*
** Menu styles.
*/

#row-menu {
	padding: 0;
	margin: 0;
	border: 0;
}

#cell-menu {
	background-color: #003;
	padding: 0;
	margin: 0;
	border: 0;
}

#fhi-menu {
	background-color: transparent;
	color: white;
	margin: 0;
	padding: 0;
	border: 0;
	position: relative;
	height: 20px;
}

#fhi-menu ul.menubar {
	margin: 0;
	padding: 0;
	border: 0;
	margin-left: 20px; 
}

#fhi-menu li.menubar-item {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	display: inline;
	padding-right: 4px;
}

/* EXPLOIT: use "@media all" to exclude IE5/Mac */
/*
**   IE/Win: inline elements don't get padding/margin, so make the list
**   items block elements and float them across the menubar. Otherwise,
**   one ends up spacing the menu items with embedded spaces. Uggh! 
**   Meanwhile, IE/Mac does not understand this technique, but it works 
**   OK with inline elements.
*/
@media all {
#fhi-menu li.menubar-item {
	display: block;
	float: left;
	padding-right: 12px;
}
}

#fhi-menu li.menubar-item a.menubar-link {
	margin: 0;
	padding: 0;
	border: 0;
	color: white;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	padding: 0 4px;
	/*
	** IE/Win: use "line-height: 19px" and "padding-bottom: 1px" 
	** to center text in menubar.  Also renders OK in other
	** browsers where "line-height: 20px" works just fine.
	*/
	line-height: 19px;
	padding-bottom: 1px;
}

/* EXPLOIT: use "@media all" to exclude IE5/Mac */
/* IE/Win: inline elements don't get padding/margin, so make block */
@media all {
#fhi-menu li.menubar-item a.menubar-link {
	display: block;
}
}

#fhi-menu li.menubar-item a:hover {
	color: yellow;
}

#fhi-menu li.menubar-item ul.menu {
	margin: 0;
	padding: 0;
	border: 0;
	position: absolute;
	visibility: hidden;
	list-style: none;
	background-color: #003;
	border-top: 1px solid #CCC;
	padding-bottom: 2px;
}

#fhi-menu li.menubar-item ul.menu li {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	background-color: transparent;
	list-style: none;
}

#fhi-menu li.menubar-item ul.menu li a {
	margin: 0;
	padding: 0;
	border: 0;
	color: white;
	text-decoration: none;
	font-weight: normal; 
	font-size: 11px;
}

/* EXPLOIT: Win/IE5 -- Tantek "box-model" hack to make pretty menus */
#fhi-menu li.menubar-item ul.menu li a {
	display: block;	
	line-height: normal;
	margin: 4px 8px -10px -8px;
}
#fhi-menu li.menubar-item ul.menu li a {
	voice-family: "\"}\""; 
	voice-family: inherit;
	display: inline;	
	line-height: 1.75em;
	margin: 0;
	padding: 3px 8px;
}
/* EXPLOIT: "Be nice to Opera" hack */ 
html>body #fhi-menu li.menubar-item ul.menu li a {
	display: inline;	
	line-height: 1.75em;
	margin: 0;
	padding: 3px 8px;
}

#fhi-menu li.menubar-item ul.menu li a:hover {
	color: yellow;
}

/* IE/Win -- Set widths of menus, otherwise they fold up */
#services-menu   { width: 16.5em; }
#challenges-menu { width: 13.5em; }
#about-menu      { width:  7.5em; }

/* ALL -- Set color for "current page" menu items */
#home #fhi-menu #nav-home,
#services #fhi-menu #nav-serv,
#services #distribution #fhi-menu #nav-serv-dist,
#services #vendor #fhi-menu #nav-serv-vend,
#services #carrier #fhi-menu #nav-serv-carr,
#services #logistics #fhi-menu #nav-serv-logi,
#challenges #fhi-menu #nav-chal,
#challenges #benefits #fhi-menu #nav-chal-bene,
#challenges #employees #fhi-menu #nav-chal-empl,
#about #fhi-menu #nav-about,
#about #factsheet #fhi-menu #nav-about-fact,
#about #history #fhi-menu #nav-about-hist,
#career #fhi-menu #nav-career,
#contact #fhi-menu #nav-contact {
	color: #F60;
}

#home #fhi-menu #nav-home:hover,
#services #fhi-menu #nav-serv:hover,
#services #distribution #fhi-menu #nav-serv-dist:hover,
#services #vendor #fhi-menu #nav-serv-vend:hover,
#services #carrier #fhi-menu #nav-serv-carr:hover,
#services #logistics #fhi-menu #nav-serv-logi:hover,
#challenges #fhi-menu #nav-chal:hover,
#challenges #benefits #fhi-menu #nav-chal-bene:hover,
#challenges #employees #fhi-menu #nav-chal-empl:hover,
#about #fhi-menu #nav-about:hover,
#about #factsheet #fhi-menu #nav-about-fact:hover,
#about #history #fhi-menu #nav-about-hist:hover,
#career #fhi-menu #nav-career:hover,
#contact #fhi-menu #nav-contact:hover {
	color: yellow;
}


/*
** Styles for banner area.
*/

td.cell-banner {
	background-color: #F60;
	height: 20px;
	vertical-align: middle; 
}

div.bannertext {
	color: white;
	line-height: normal;
	text-align: left; 
	margin: 0 0 0 12px;
	padding: 0;
}


/*
** Styles for address area
*/

td#cell-address { 
	background-color: #666; 
	height: 20px; 
	vertical-align: middle; 
	text-align: center; 
}

div#addressbar {
	color: white;
	font-size: 10px;
}


/*
** Styles for the link bar
*/

td#cell-links { 	
	background-color: #CCC; 
	height: 20px; 
	vertical-align: middle; 
	text-align: center; 
}

div#linkbar {
	font-size: 10px;
}

div#linkbar a,
div#linkbar a:link,
div#linkbar a:visited {
	color: black;
}

div#linkbar a:focus,
div#linkbar a:hover,
div#linkbar a:active {
	color: blue;
}

/*
** Some random styles.
*/

.quotation {
	padding-bottom: 0;
	margin-bottom: 0;
}

.attribution {
	text-align: right;
	font-style: italic;
	padding-top: 0;
	margin-top: 0;
}

.tbd {
	background-color: yellow;
}

.tbd-hidden {
	display: none;
}