/* screen */
body
{
	margin: 0;
	padding: 0;
	font: 100% verdana,helvetica,arial,sans-serif;
	background: #fff;
	color: #000;
	text-align: center;
}

.clear { width: auto; height: 1px; overflow: hidden; clear: both; }
.tall { height: 10px; }

#container { width: 1020px; margin: 0 auto; text-align: left; position: relative; background:url('../images/backdrop.jpg') no-repeat; }

/* HEADER
------------------------------------------------*/
#header { width: 960px; height: 131px; }
#header a { display: block; width: 545px; height: 130px; text-decoration: none; }
#header #tel_no { font:18px verdana, sans-serif; position:absolute; top:5px; right:54px; }
#header #tel_no strong { font-weight:bold; color:#104ea5; }
#header #email_label { font:11px verdana, sans-serif; font-weight:bold; color:#fff; position:absolute; top:78px; right:155px; }
#header #email_signup { position:absolute; top:96px; right:132px; width:202px; border:0; height:22px; background:#e7edf5; font-size:14px; margin-top:8px;}
#header #email_submit { position:absolute; top:96px; right:42px; }

/* NAV
------------------------------------------------*/
#nav { width: 209px; float: left; font-size: 70%; margin-top:22px; }
#nav ul { list-style: none; margin: 0; padding: 0 0 0 40px; }
#btns ul ul { padding: 0; }
#btns #current ul { display: inline; }
#btns li { display: inline; }
#btns a
{
	display: block;
	background:url('../images/nav.gif') no-repeat;
	background-position:0 -30px;
	border:none;
	text-align: left;
	padding:7px 0 0 20px;
	font-weight: bold;
	text-decoration: none;
	height:23px;
	color:#002860;
}
#btns a:hover, a:active { background-position:0 0; }
#btns ul
{
	z-index: 100;
	position: absolute;
	left: -9999em;
	top: 183px;
	width: 209px;
	
}
#btns ul li, #btns ul a { position: relative; background: #3d859a;  text-indent: 0; }
#btns ul li { display: inline; }
#btns ul a
{
	cursor: pointer;
	background:url('../images/nav.gif') no-repeat;
	background-position:0 -30px;
	border:none;
	text-align: left;
	padding:7px 0 0 20px;
	font-weight: bold;
	text-decoration: none;
	height:23px;
	color:#002860;
}
#btns ul .first a { border-top: 0; }
#btns ul a:link, #btns ul a:visited { background-position:0 -30px; text-decoration: none; }
#btns ul a:hover, #btns ul a:active { background-position:0 0; text-decoration: none; }

#btns .active ul a { border-left: 1px solid #458c9d; }
#btns .active ul a:link, #btns .active ul a:visited { background: #606161; color: #fff; text-decoration: none; }
#btns .active ul a:hover, #btns .active ul a:active { background: #858686; color: #ffffcc; text-decoration: none; }

#btns .hvractive ul { left: 165px; }

#nav #skipnav { display: none; }
#navfoot { height: 10px; width: 170px; height:30px; margin: 0; padding: 0; }

/* LANGUAGE SELECTOR
------------------------------------------------*/
#lang-select { margin: 0 15px; text-align: center; clear: both;}
#lang-select ul { list-style: none; margin: 0 0 10px; }
#lang-select li { padding: 0; margin: 0; border: 0; float: left; }
#lang-select a { width: 20px; height: 15px; border: 0; padding: 0; margin: 5px; display: block; }
#lang-select #fr { background-image: url('../images/flags/fr_small.gif'); }
#lang-select #en { background-image: url('../images/flags/en_small.gif'); }
#lang-select #es { background-image: url('../images/flags/es_small.gif'); }
#lang-select #de { background-image: url('../images/flags/de_small.gif'); }

/* BREADCRUMB
------------------------------------------------*/
#breadcrumb { width: 720px; padding: 5px 10px 7px; background: #FFF3CA; color: #000; margin-bottom: 12px; font-size: 70%; }
#breadcrumb ul { list-style: none; margin: 0; padding: 0; line-height: 1.4; }
#breadcrumb li { display: inline; }
#breadcrumb a:link, #breadcrumb a:visited { color: #05a; background: transparent; text-decoration: underline; }
#breadcrumb a:hover, #breadcrumb a:active { color: #29f; background: transparent; text-decoration: none; }
#breadcrumb strong { color: #333; }

/* HOME PAGE */

#feature { width:511px; height:315px; position:absolute; top: 153px; left:220px; }

#quote { width:228px; height:85px; background:url('../images/quote_bg.gif') no-repeat; position:absolute; top: 153px; right:32px; }
#quote h1 { font:16px tahoma,verdana,sans-serif; font-weight:bold; margin:4px 0 0 26px; }
#quote #quote_button { width:158px; height:32px; margin:10px 0 0 34px;}
#quote #quote_button a { width:200px; height:32px; display:block; background:url('../images/b_online_quote.gif') no-repeat; }
#quote #quote_button a:hover { background-position:0 -32px; }

#green { width:228px; height:225px; background:url('../images/green_bg.gif') no-repeat; position:absolute; top: 243px; right:32px; }
#green p { text-align:center; font:15px verdana,sans-serif; color:#fff; margin:10px 10px 30px 10px; }
#green #statement_button { width:158px; height:32px; margin:10px 0 0 34px;}
#green #statement_button a { width:200px; height:32px; display:block; background:url('../images/b_green_statement.gif') no-repeat; }
#green #statement_button a:hover { background-position:0 -32px; }

#content_bottom { margin-left:35px; }
#content_bottom #mailing, #envelopes, #tradeprint, #recycling { width:229px; height:148px; float:left; margin-right:12px; }

#content_bottom #mailing a, #envelopes a, #tradeprint a, #recycling a { display:block; width:229px; height:148px; }
#content_bottom #mailing a { background:url('../images/b_mailing.jpg') no-repeat; }
#content_bottom #envelopes a { background:url('../images/b_envelopes.jpg') no-repeat; }
#content_bottom #tradeprint a { background:url('../images/b_tradeprint.jpg') no-repeat; }
#content_bottom #recycling a { background:url('../images/b_recycling.jpg') no-repeat; }

#content_bottom #mailing a:hover { background-position:0 -146px; } 
#content_bottom #envelopes a:hover { background-position:0 -146px; }
#content_bottom #tradeprint a:hover { background-position:0 -146px; }
#content_bottom #recycling a:hover { background-position:0 -146px; }

#content_bottom #left { width:320px; min-height:200px; float:left; margin:20px 0; }
#content_bottom #inner { width:300px; min-height:200px; float:left; background:url('../images/inner_bg.gif') repeat-y; margin:20px 0; padding:0 10px; }
#content_bottom #right { width:320px; min-height:200px; float:left; margin:20px 0; }

#content_bottom #left h2, #inner h2, #right h2 { color:#002860; font:16px tahoma,verdana,sans-serif; margin:0 0 10px 20px; }
#content_bottom #left p { color:#666; font:12px verdana,arial,sans-serif; margin-left:20px }
#content_bottom #inner p { color:#333; font:12px verdana,arial,sans-serif; margin-left:10px }
#right p { color:#333; font:12px verdana,arial,sans-serif; margin:0 0 10px 20px}
#content_bottom #right a { color:#006e8f; font:14px bold tahoma,verdana,sans-serif; }

/* CONTENT PAGES */

#content { width:765px; float:right; margin:22px 30px 20px 0; background:url('../images/content_bg.png') repeat-y; }
#content_top_bg { width:711px; height:4px; background:url('../images/content_top_bg.gif') no-repeat top;  }

#content .box { margin:20px; }
#content .box h2 { font:18px verdana,sans-serif; font-weight:bold; margin:10px 0 10px 0; }
#content .box h3 { font:14px verdana,sans-serif; font-weight:bold; margin:10px 0 10px 0; }
#content .box li { font:12px verdana,sans-serif; list-style-type:disc; margin-left:40px; margin-bottom:4px; }
#content .box p { font:12px verdana,sans-serif; margin-bottom:1em; }
#content .box img { border:1px solid #666; margin-bottom:10px; }

#content .error { padding:10px; background:#ff0000; color:#fff; font-weight:bold; margin-bottom:30px; }
#content .staff img { border:none; }
#content .staff p { font-size:70%; }
#content .staff td { vertical-align:top; text-align:center; }

/* CONTACT FORM
------------------------------------------------*/

#content #contact_form table { background:#ffffaa; }
#content #contact_form td { padding:10px; font:12px verdana,sans-serif; }
/* FOOTER
------------------------------------------------*/
#footer { text-align: left; clear: both; background:#e7edf6 url('../images/footer_bg.gif') repeat-x top; height:110px; padding-top:30px;}
#footer a:link, #footer a:visited { color: #006e8f; background-color: transparent; text-decoration: underline; }
#footer a:hover, #footer a:active { color: #006e8f; background-color: transparent; text-decoration: none; }


#footer #small_logo { width:98px; height:94px; background:url('../images/small_logo.gif') no-repeat; margin-left:40px; float:left;}
#footer #copyright { margin:40px 0 0 80px; float:left; font-size:11px;}
#footer #ddlink { float:left; margin:40px 0 0 280px; }
#footer #ddlink a:link, #footer #ddlink a:visited, #footer #ddlink a:hover, #footer #ddlink a:active { color: #555; text-decoration: none; font-size:11px; }