/*
Simply Business
master.css
Author: Jeff Twiss
Date created: 20/09/05
Last modified: 26/09/05
*/

/*
= GENERAL RULES; zero all margins and padding, font setup, etc. */

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #000000;
	background: #ffffff;
	text-align: center;
}

img {
	border: 0;
}

a { color:#000000; }

.clear { clear:both; height:0; font-size:1px; overflow:hidden; }

h1 { color:#F30001; font-size:1.6em; margin:0 0 0.5em 0; }
h2 { color:#F30001; font-size:1.2em; margin:0 0 1em 0; }
h3 { color:#F30001; font-size:1em; margin:0 0 1em 0; }
h4 { color:#000000; font-size:1em; margin:0 0.2em 1em 0; display:inline; }

p { margin:0 0 1em 0; }

/*
= LAYOUT: all page DIVisions */

#container {
	margin: 0 auto;
	width: 70em;
	max-width: 95%;
	min-width: 773px; /* seems to fit in 800x600, according to WebDevToolbar */
	position: relative;
	text-align: left;
	background: #fff;
}

/* Approximation of min/max width for IE - can't get it to work with ems, though */
* html #container {
	width: 773px; /* In case Javascript is not available */
	width: expression(document.body.clientWidth <= 966 ? "773px" : document.body.clientWidth > 1200 ? "960px" : "95%");
}

#logo { margin:0; padding:15px 0 0 17px; margin-bottom:-7px; }
html>body #logo { margin:0; padding:15px 0 0 17px; margin-bottom:-12px; }

#topBar { padding:0; margin:0; position:relative; top:0px; }
.tl { height:13px; position:relative; background:#F30001 url(/images/corn-tl.gif) no-repeat 0 0; margin:0 0 -5px 0; padding:0; border:0; }
.tr { height:13px; position:relative; background:url(/images/corn-tr.gif) no-repeat 100% 0; margin:0 0 -5px 0; padding:0; border:0; }
#tagline { float:right; color:#999999; font-size:1.4em; margin:-15px 10px 0 0; }
html>body #tagline { float:right; color:#999999; font-size:1.4em; margin:-15px 15px 0 0; }

#bodyContainer { background:#ffffff url(/images/shadow-l.gif) repeat-y top left; margin:0; padding:0; }
.bodyR { background:#ffffff url(/images/shadow-r.gif) repeat-y top right; margin:0 0 0 10px; padding:0; }


#hubList { width:100%; float:left; list-style:none; }
* html #hubList { width:40em; float:left; list-style:none; 
	voice-family:"\"}\""; voice-family:inherit; width:100%; }
#hubList ul li { float:left; list-style:none; padding:0; margin:0 0 0 -13px; }
html>body #hubList ul li { float:left; list-style:none; padding:0; margin:0 0 0.5em -25px; }
.hubListHead a { color:#F30001; font-size:1.2em; font-weight:bold; text-decoration:none; }

.hubPics { float:left; margin:0 1em 1em 0; padding:0; border:none; }

/*
= BREADCRUMB */

.youAreHere { float:left; margin: 1.4em 0 0 0.5em; font-weight:bold; }
html>body .youAreHere { float:left; margin: 0.6em 0 0 1em; font-weight:bold; }
/*Win IE browsers - hide from Mac IE\*/
.youAreHere { margin: 0.6em 0 0 0.5em; }
/*End hide*/
.breadcrumbBar { background-color:#EBEBEB; height:2.5em; margin:0 2px 0 -4px; }

#breadcrumb {
float:left;
list-style: none;
padding: 0;
margin: 0.6em 0 0 1em;
}

#breadcrumb li {
display: inline;
padding: 0;
margin: 0;
}

#breadcrumb li a, #breadcrumb li a:hover { color:#000000; }

#breadcrumb li:before { content: ":: "; }
#breadcrumb li:first-child:before { content: ""; }

/*IE workaround*/
/*All IE browsers*/
* html #breadcrumb li
{
background-image: url("/images/crumb.gif");
background-repeat: no-repeat;
background-position: 0 50%;
padding: 0 0.5em 0 1em;
margin: 0 1em 0 -1em;
}

/*Win IE browsers - hide from Mac IE\*/
* html #breadcrumb { height: 1%; }

* html #breadcrumb li {
display: block;
float: left;
}

/*End hide*/
/*Mac IE 5*/
* html #breadcrumb li:first-child { background-image: none; }

#leftNav { width:15.8em; float:left; margin:0 0 0 -2px; border:0px solid blue; position:relative; overflow:hidden; }
html>body #leftNav { width:16.5em; margin:0 0 0 -4px; }

#leftNav ul { list-style:none; padding:0; margin:0; }
#leftNav ul li { display:block; border:1px solid #ebebeb; border-bottom:none; border-left:none; margin:0; }

#leftNav ul li.navHead { display:block; border:none; background:#666666 url(/images/corn-navhead.gif) no-repeat 100% 0; color:#ffffff; padding:0.2em 0 0.2em 0; font-size:1.2em; font-weight:bold; border-bottom:none; border-left:none;
	voice-family:"\"}\""; voice-family:inherit; padding:0.2em 0 0.2em 0.8em; }
html>body #leftNav ul li.navHead { width:auto; display:block; border:none; background-color:#666666; color:#ffffff; padding:0.1em 0 0.3em 1.1em; font-size:1.2em; font-weight:bold; border-bottom:none; border-left:none; }

#leftNav ul li a { width:15em; display:block; padding:0.3em 0.7em 0.3em 16px; background:url(/images/navbullet.gif) 0 0.7em no-repeat; color:#000000; text-decoration:none; font-weight:bold; 
	voice-family:"\"}\""; voice-family:inherit; width:13em; padding:0.3em 0.7em 0.3em 26px; background:url(/images/navbullet.gif) 13px 0.7em no-repeat; }
html>body #leftNav ul li a { width:auto; display:block; padding:0.3em 0.5em 0.3em 28px; background:url(/images/navbullet.gif) 15px 0.7em no-repeat; color:#000000; text-decoration:none; font-weight:bold; }

#leftNav ul li a:hover { background:#ebebeb url(/images/navbullet.gif) -2em 0.7em no-repeat;
	voice-family:"\"}\""; voice-family:inherit; background:#ebebeb url(/images/navbullet.gif) 13px 0.7em no-repeat; }
html>body #leftNav ul li a:hover { background:#ebebeb url(/images/navbullet.gif) 15px 0.7em no-repeat; }

#leftNav ul li a.last { border-bottom:1px solid #ebebeb; }
#leftNav ul li a.other { border-bottom:1px solid #ebebeb; background:#D1F4FF url(/images/navarrow.gif) 7.5em 0.7em no-repeat; }
#leftNav ul li a.other:hover { background:#D1F4FF url(/images/navarrow.gif) 7.5em 0.7em no-repeat; }

#leftNav ul li a.here { background:#ebebeb; }
#leftNav ul li a:hover.here { background:#ebebeb; }

#contentContainer { float:right; margin-left:-17.0em; width:100%; border:0px solid yellow; }
#content { margin:0 2em 0 18.2em; border:0px solid red;
	voice-family:"\"}\""; voice-family:inherit; margin:0 2em 0 17.2em; }
html>body #content { margin:0 2em 0 17.2em; border:0px solid red; }

.contentSummary { font-weight:bold; color:#F30001; }
#content ul { margin-left:2em; margin-bottom:1em; }
#content ol { margin-left:2.5em; margin-bottom:1em; }
.heavyList li { margin:1em 0; }
.liteList li { margin:0; }
div.example { background-color:#f0f0f0; padding:10px; margin-bottom:10px; }

.contentCol1 { float:left; width:40%; }
.contentCol2 { float:left; width:40%; }

#footer { padding:0; position:relative; clear:both; }
.bl { height:50px; position:relative; background:#666666 url(/images/corn-bl.gif) no-repeat 0 0; margin:0 0 0 -10px; padding:0; }
.br { height:50px; position:relative; background:url(/images/corn-br.gif) no-repeat 100% 0; margin:0; padding:0; }

#footerNav {
float:right;
list-style: none;
padding: 0;
margin: 0.4em -1em 0 1em;
}

html>body #footerNav {
float:right;
list-style: none;
padding: 0;
margin: 0.4em 1.2em 0 1em;
}

#footerNav li {
display: inline;
padding: 0;
margin: 0;
}

#footerNav li a, #footerNav li a:hover { color:#000000; }

#footerNav li:before { content: ":: "; }
#footerNav li:first-child:before { content: ""; }

/*IE workaround*/
/*All IE browsers*/
* html #footerNav li
{
background-image: url("/images/crumb.gif");
background-repeat: no-repeat;
background-position: 0 50%;
padding: 0 0.5em 0 1em;
margin: 0 1em 0 -1em;
}

/*Win IE browsers - hide from Mac IE\*/
* html #footerNav { height: 1%; }

* html #footerNav li {
display: block;
float: left;
}

/*End hide*/
/*Mac IE 5*/
* html #footerNav li:first-child { background-image: none; }

/*
= NAVIGATION: the primary navbar (with sliding doors) */

ul#nav {
	list-style-type: none;
	position: relative;
	bottom: 0;
	margin-top:-16px; /* IE5/Mac only */
	padding-left:18em; /* IE5/Mac only */
	margin-bottom:-4px; /* IE5/Mac only */
	float: left; 
}
/* Commented Backslash Hack for IE5/Mac \*/
ul#nav { padding-left:0; margin-bottom:1px; margin-top:-26px; }
/* End IE5/Mac hack */

/* All sections that have a selected tab */
.home ul#nav, .finance ul#nav, .insurance ul#nav { bottom:-7px; left:18em; 
	voice-family:"\"}\""; voice-family:inherit; bottom:-5px; } 
html>body .home ul#nav, html>body.finance ul#nav, html>body.insurance ul#nav { bottom:-5px; left:18em; } 

ul#nav li {
	float: left;
	background: url(/images/tab-r.gif) no-repeat right top;
	margin-right: 1px;
	font-size: 1.12em;
	font-family: Arial, Helvetica, sans-serif;
}

.home ul#nav li.home, .finance ul#nav li.finance, .insurance ul#nav li.insurance {
	background: url(/images/tab-r-on.gif) no-repeat right top;
	position: relative;
	top:-4px;
}
/* Commented Backslash Hack for IE5/Mac \*/

/* End IE5/Mac hack */

ul#nav li:hover, ul#nav li:focus, ul#nav li.over {
	background: url(/images/tab-r-on.gif) no-repeat right top;
}

ul#nav li a {
	color: #fff;
	background: url(/images/tab-l.gif) no-repeat left top;
	text-decoration: none;
	font-weight: bold;
	display: block;
	padding: 7px 7px 9px;
	float: left; /* IE5/Mac only */
}

/* Commented Backslash Hack for IE5/Mac \*/
ul#nav li a { float: none; }
/* End IE5/Mac hack */

.home ul#nav li.home a, .finance ul#nav li.finance a, .insurance ul#nav li.insurance a {
	background: url(/images/tab-l-on.gif) no-repeat left top;
	padding-top: 11px;
	padding-bottom: 10px;
}

ul#nav li a:hover, ul#nav li a:focus {
	background: url(/images/tab-l-on.gif) no-repeat left top;
}

/*


= TEXT: styles, including pseudo-classes, for all text content */

a#skipnav {
	position: absolute;
	top: 2em;
	left: 0;
	display: block;
	color: #fff;
	font-size: 0.9em;
}

a#skipnav:hover, a#skipnav:focus {
	color: #020c4e;
}