/* CSS Styles*/
/* =============================
MAIN STYLES
============================= */

body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}

body {
	font-family:Arial, sans-serif;
	margin:0;
	padding:0;
	background-color:#999999;
	}
	
a {
	color:#2bc;
	color:#ff9900;
	font-weight:bold;	
	text-decoration:none;
	border-bottom:1px solid #ccc;
	}
	
a:hover {
	color: #000066;
	border-color: #FF9900;
	}
	
a img {border:0; text-decoration:none;}	

h1 {font-size:150%;}
h2 {font-size:136%;}
h3 {font-size:114%;}
h4 {font-size:107%;}

h1 {
	margin:0 0 .5em;
	padding:0;
	font-weight:normal;
	color:#38c;
	color: #000066;
	clear:both;
	}

h2 {
	font-weight:normal;
	color:#fff;
	}

h3 {
	font-weight:normal;
	border-bottom:1px solid #999;
	}
	
p {
	line-height:1.5;
	margin:1em 0;
	}

form {
	margin:0;
	padding:0;
	}

/* =============================
LAYOUT
============================= */

.container {
	width:846px;
	margin:0 auto;
	padding:7px 0 0 0;
	position:relative;
	}

.logo {
	float:left;
	margin:10px 0 17px;
	}

.logo a {
	display:block;
	width:129px;
	height:12px;
	margin:0 0 10px 11px;
	padding:0;
	border:0;
	}
	
	.logo a img {
		border:0;
		}

#page {
	clear:both;
	background:url("../images/main_bg.gif") 50% 0 repeat-y;
	}

.header {
	margin:0;
	padding:0px 0 0;
	background:url("../images/header_bg.gif") 0 0 no-repeat;
	min-height:28px;
	}

* html .header {
	height:28px; /* min-height for ie */
	}
	
.content {
	padding:1em 2em;
	width:500px;
	float:left;
	text-align:justify;
	}

.extras {
	width:245px;
	margin-right:0px;
	float:right;
	display:inline;
	}

.footer {
	clear:both;
	margin:0 0 0;
	padding:20px 0;
	background:#999 url("../images/footer_bg.gif") 0 0 no-repeat;
	zoom:1;
	}

.footercilogo {
	clear:both;
	margin:0 0 0;
	padding:15px 0 0 0;
	text-align:center;
	}


/* Content div
--------------------------- */

.content {
	color:#555;
	}

/* Sidebar
--------------------------- */

.extras {
	margin-top:1.5em;
	margin-bottom:0em;
	background:url("../images/extras_bg_top.gif") 0 0 no-repeat;
	color:#777;
	font-size:91%;
	text-align:justify;
	}

	.extras_foot {
		clear:both;
		height:20px;
		background:url("../images/extras_bg_bottom.gif") 0 100% no-repeat;
		}

/* FOOTER STYLES
--------------------------- */

.footer {
	height:1em;
	}

.footer p {
	margin:0 10px;
	color:#fff;
	font-size:85%;
	}

.footer .copyright {
	float:left;
	display:inline;
	text-align:left;
	}

.footer .footlinks {
	float:right;
	display:inline;
	text-align:right;
	margin-right:10px;
	}

	.footer .footlinks a {
		margin:0 .77em;
		color:#FFFFFF;
		}

/* =============================
MENU STYLES
============================= */

#mainnav {
	margin:0 8px;
	padding:6px 0 0 6px;
	background:url("../images/menu_backg.gif") 0 0 no-repeat;
	z-index:100;
	left:0;
	position:absolute;
	width: 828px;
	}

#mainnav ul,
#mainnav ul ul {
	margin: 0;
	padding: 0;
	height:auto;
	}

#mainnav ul {
	height:26px;
	}

#mainnav ul li {
	position: relative;
	list-style: none;
	float:left;
	display:inline;
	width:133px;
	height:26px;
	margin:0;
	margin-right:4px;
	text-align:center;
	zoom:1;
	}

#mainnav ul li a {
	display: block;
	padding:5px 0 0;
	height:21px;
	line-height:13px;
	text-decoration: none;
	color:#fff;
	font-weight:bold;
	font-size:105%;
	border:0;
	background:url("../images/menu_tab.gif") 0 -226px no-repeat;
	zoom:1;
	}

* html #mainnav ul li a { /* hack ie6 */
	padding-bottom:8px;
	}

#mainnav ul li a:hover,
#mainnav ul li:hover a,
#mainnav ul li.over a  { /* main hover */
	color:#333;
	background-position:0 -100px;
	}

/* Fix IE. Hide from IE Mac \*/
* html #mainnav ul li { float: left; height: 1%; }
* html #mainnav ul li a { height: 1%; }
/* End */

#mainnav ul ul {
	position: absolute;
	display: none;
	left: 0px;
	top: 26px;
	width: 180px; /* Width of Menu Items */
	margin:0;
	padding:8px 0 5px;
	background:url("../images/popnav_bg.gif") 0 100% no-repeat; /* IE6 Bug */
	font-size:88%;
	z-index:100;
	}

#mainnav ul ul li {
	width:auto;
	float:none;
	display:block;
	padding:0;
	margin:0;
	}

#mainnav ul ul li a { /* Sub Menu Styles */
	margin:0;
	padding:6px 2px;
	padding-left:10px;
	height:auto;
	width:auto;
	line-height:1.0em;
	background:transparent;
	text-align:left;
	font-weight:normal;
	text-decoration:none;
	} 

/* submenu hovers */
#mainnav ul ul li a:hover,
#mainnav ul ul li.menuparent:hover a,
#mainnav ul ul li.over a { 
	color:#fff;
	background:#48b; /* middle */
	text-decoration:underline;
	}
	
#mainnav ul li:hover ul ul,
#mainnav ul li:hover ul ul ul,
#mainnav ul li.over ul ul,
#mainnav ul li.over ul ul ul { display: none; } /* Hide sub-menus initially */

#mainnav ul li:hover ul,
#mainnav ul li li:hover ul,
#mainnav ul li li li:hover ul,
#mainnav ul li.over ul,
#mainnav ul li li.over ul,
#mainnav ul li li li.over ul { display: block; } /* The magic */


/* set default page tab */
body.home #iw_home a,
body.about #iw_about a,
body.web #iw_web a,
body.print #iw_print a,
body.phone #iw_phone a,
body.quote #iw_quote a {
	background-position:0 0;
	color:#4d4d4d;
	}

.headerheight {
	height:90px;
	}