/* @group Global reset and clear fix */

/* First there's the global reset to make everything play nice */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

/* remember to define focus styles! */

:focus { outline: 0; }

body { line-height: 1; color: #444; background: #ffd835 url(../images/page-background-taller-logo.jpg) repeat-x; }

ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */

table { border-collapse: separate; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; }

blockquote:before, blockquote:after,
q:before, q:after { content: ""; }

blockquote, q { quotes: "" ""; }

hr { border: none 0; height: 1px; padding: 2px 0; margin: 0; border-top-width: 1px; border-top-color: #730; }

/* Then Clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* @end Global reset and clear fix */

/* Then we start the site styles */

/* @group Basic tags */

body { font: 12px Arial, Helvetica, sans-serif; }

a:link, a:visited { color: #27a; text-decoration: underline; padding: 0 2px; }

a:hover, a:active { text-decoration: none; background-color: #27a; color: #fff; }

h1 { font: bold 21px Arial, Helvetica, sans-serif; color: #000; padding: 15px; padding-top: 11px; }

h2 { font: bold 18px Arial, Helvetica, sans-serif; color: #730; }

h3 { font: bold 16px Arial, Helvetica, sans-serif; color: #730; }

h4 { font: bold 14px Arial, Helvetica, sans-serif; color: #730; padding-bottom: 8px; }

h5 { font: bold 12px Arial, Helvetica, sans-serif; color: #000; padding-bottom: 8px; }

strong { font-weight: bold; color: #000; }

em { font-style: italic; }

p { padding-bottom: 8px; line-height: 1.35em; }

img { margin: 0; padding: 0; border: 0; }

/* @end Basic tags */

/* @group Layout Styles */

#container { margin: 0 auto; text-align: center; width: 670px; padding: 0; }

#branding, 
#branding-print, 
#top-nav, 
#content { text-align: left; margin: 0; padding: 0; }

#branding, 
#branding-print { height: 119px; padding-bottom: 21px; }

#branding { z-index: 98; }

#branding-print { display: none; z-index: 1; }

#top-nav { height: 30px; font-size: 16px; }

#content { margin: 0px; background-color: #fff; padding: 0 5px 1px; width: 660px; }

#content-top, 
#content-top-left-on, 
#content-bottom { padding: 0; margin: 0; width: 670px; height: 4px; text-align: left; }

#content-top { background: url(../images/content-top.gif) no-repeat left top; }

#content-top-left-on { background: url(../images/content-top-left-on.gif) no-repeat left top; }

#content-bottom { background: url(../images/content-bottom.gif) no-repeat left top; }

#content-left, 
#content-middle, 
#content-right { width: 210px; padding: 0 5px; }
 
#content-left-corporate, 
#content-middle-corporate, 
#content-right-corporate { width: 208px; padding: 0 5px; }

#content-left { float: left; width: 215px; margin: 0 5px 0 0; padding: 0; }

#content-left-corporate, 
#content-middle-corporate { float: left; }

#content-middle { float: left; width: 210px; padding: 0 5px; }

#content-right-corporate { float: right; }

#content-right { float: right; width: 210px; padding: 0 5px; }

#content-middle-corporate { border-left: 1px solid #ccc; border-right: 1px solid #ccc; }

#footer { clear: both; font-size: 10px; color: #8f7f40; text-align: left; padding: 8px 5px; }

/* @end Layout Styles */

/* @group Top nav */

#top-nav a:hover,
#top-nav a:active { background-color: transparent; }

#top-nav { font: normal normal 16px Arial, Helvetica, sans-serif; padding-top: 13px; }

#top-nav li { display: inline; }

#top-nav li.left a:link, 
#top-nav li.left a:visited, 
#top-nav li a:link, 
#top-nav li a:visited { color: #745d00; text-decoration: none; margin-right: -9px; padding: 15px 0 13px 19px; margin-left: -9px; }

#top-nav li.left a:link, 
#top-nav li.left a:visited { background: url(../images/top-nav-left.gif) no-repeat scroll left bottom; margin-left: 0; }

#top-nav li a:link, 
#top-nav li a:visited { background: url(../images/top-nav.gif) no-repeat scroll left bottom; }

#top-nav li.left a:hover, 
#top-nav li.left a:active, 
#top-nav li a:hover, 
#top-nav li a:active { color: #888; text-decoration: none; }

#top-nav li.left a:hover, 
#top-nav li.left a:active { background: transparent url(../images/top-nav-left.gif) no-repeat scroll left top; }

#top-nav li a:hover, 
#top-nav li a:active { background: transparent url(../images/top-nav.gif) no-repeat scroll left top; }

#top-nav li a:link span, 
#top-nav li a:visited span { background: url(../images/top-nav-right.gif) no-repeat scroll right bottom; padding: 15px 19px 13px 0; }

#top-nav li a:hover span, 
#top-nav li a:active span { background: url(../images/top-nav-right.gif) no-repeat scroll right top; }

#top-nav li.left-on a, 
#top-nav li.on a { color: #000; padding: 15px 0 14px 19px; margin: 0; }

#top-nav li.left-on a:hover, 
#top-nav li.left-on a:active, 
#top-nav li.on a:hover, 
#top-nav li.on a:active { color: #888; }

#top-nav li.left-on a { background: url(../images/top-nav-left-on.gif) no-repeat left top; margin-right: 5px; }

#top-nav li.on a { background: url(../images/top-nav-on.gif) no-repeat left top; margin-left: 5px; }

#top-nav li.left-on a span, 
#top-nav li.on a span { padding-right: 19px; }

#top-nav li.left-on a span { background: url(../images/top-nav-on-right.gif) no-repeat scroll right top; }

#top-nav li.on a span { background: url(../images/top-nav-on-right.gif) no-repeat scroll right top; }

/* @end Top nav */

/* @group Line card nav */

.line-card-nav a { display: block; background-color: #ddd; padding: 15px; border-bottom: 1px solid #fff; color: #000; font-size: 14px; text-decoration: none; padding: 15px; border-bottom: 1px solid #fff; color: #000; font-size: 14px; text-decoration: none; }

.line-card-nav a:hover, 
.line-card-nav a:active { background-color: #fc0; color: #fff; }

.line-card-nav .on a { font-weight: bold; background: url(../images/side-nav-selected.jpg) repeat-y; text-decoration: none; color: #000;}

/* @end Line card nav */

/* @group Territory map */

#content-right ol { padding-left: 15px; }
#content-right ol li { padding-bottom: 8px; }
/* @end Territory map */

/* @group Footer styles */

#footer a:link,
#footer a:visited { color: #8f7f40; text-decoration: none; padding: 0 2px; }

#footer a:hover, 
#footer a:active { color: #fff; padding: 0 2px; background: transparent; }

/* @end Footer styles */

/* @group Corporate Info styles */

#content p { padding-top: 0; padding-left: 15px; padding-right: 15px; }
#content p + ul { padding-bottom: 15px; }
#content .bottom { padding: 0 15px 15px; }
#content p + ul > li { list-style-position: outside; list-style-type: disc; padding-top: 3px; padding-bottom: 3px; margin-left: 40px; } 

#content-left-corporate p, 
#content-middle-corporate p, 
#content-right-corporate p, 
#content-left-corporate h2, 
#content-left-corporate h3, 
#content-left-corporate h4, 
#content-middle-corporate h4, 
#content-middle-corporate h3, 
#content-right-corporate h3, 
#content-right-corporate h4 { padding: 0 0 8px 10px; }

a:link.email, 
a:visited.email, 
a:hover.email, 
a:active.email { padding: 0 2px; margin: 0; background-color: #fff; border: 0; }

.small { font-size: 11px; line-height: 1.25em; }
.bigger { font-size: 14px; }
/* @end Corporate Info styles */

/* IE PNG fix
Gracias to Angus Turnbull for figuring this out.
http://www.twinhelix.com/css/iepngfix/
*/
img { behavior: url(../js/iepngfix.htc) }

@media print { 
#top-nav, #content-left, #footer { display: none; }
#content-middle { width: 420px; }
#branding { display: none; }
#branding-print { z-index: 99; display: block; padding-bottom: 0; }
body { background-image: none; background-color: #fff; }
}