/* Timber Forum :  Main Template Styles */

/* default typography */
a { font: normal 0.85em/1.3em arial, helvetica, verdana, sans-serif; color: #809E61;}
h1 { font: normal 1.6em/1.2em arial, helvetica, verdana, sans-serif; color: #809E61;}
h4 { font: bold 0.8em/1.3em arial, helvetica, verdana, sans-serif; color: #809E61;}
ul li { font: normal 0.8em/1.3em arial, helvetica, verdana, sans-serif; color: #809E61;}
h1, h2, h3, h4, h5 p, a, ul li { margin: 0.25em 0; padding: 0;}
#moreInfo ul a { color: #809E61;}
img, div { behavior: url(iepngfix.htc)}

/* 1. Wireframe */
/* stretching sidebar elements */
#sidebarLeft, #sidebarRight { margin: 0 auto; width: 806px;}
#sidebarLeft { background: #fff url(../img/timberTransport/vertTileLeft.jpg) top left repeat-y;}
#sidebarRight { background: url(../img/timberTransport/vertTileRight.jpg) top right repeat-y;}

/* header area */
#headerArea { background: #fff url(../img/timberTransport/headerBgLeft.gif) top left no-repeat;}
#headerRight { background: url(../img/timberTransport/headerBgRight.gif) top right no-repeat;}
#headerArea div#nav ul li.homeNav a { margin: 0px; padding: 0px 0px 0px 0px; line-height: 33px;}
#headerArea div#nav ul li.aboutNav a { margin: 0px; padding: 0px 0px 0px 0px; line-height: 33px; }
#headerArea div#nav ul li.workNav a { margin: 0px; padding: 0px; }
#headerArea div#nav ul li.regionalNav a { margin: 0px; padding: 0px; }
#headerArea div#nav ul li.partyNav a { margin: 0px; padding: 0px; }
#headerArea div#nav ul li.caseNav a { margin: 0px; padding:  0px; }

/* content area */
#contentArea { margin: 0 auto; padding: 0 0 20px 0; background: #fff url(../img/timberTransport/contentFootBg.jpg) center bottom no-repeat; width: 774px; text-align: left;}

/* footer navigation area */
#footerNav { background: #ebebeb url(../img/timberTransport/footerLinksBgLeft.gif) top left repeat-y; clear: both;}
#footerNavRight { background: url(../img/timberTransport/footerLinksBgRight.gif) top right repeat-y; display: block;}

/* footer area */
#footerArea { margin: 0 auto 15px auto; padding: 37px 0 0 0; width: 806px; background: url(../img/timberTransport/footerBg.jpg) center top no-repeat;}

/* 2. Master Template */
/* logo */
#headerArea div.leftCol img { margin: 34px 0px 0px 12px; padding: 0; float: left; clear: both;}
/* banner image CSS moved to inline styles in body of HTML document - so img src can be set dynamically by CMS */

/* primary navigation */
#headerArea div#nav { margin: 26px 0px 0px 27px; padding: 15px 0px 0px 0px; clear: both;}
#headerArea div#nav ul { margin: 0; padding: 0; list-style-type: none;}
#headerArea div#nav ul li, #headerArea div#nav ul li.current { margin: 0px; padding: 0px; width: 98px; height: 36px; float: left;}
#headerArea div#nav ul li { margin: 4px 5px 0px 0px;}
#headerArea div#nav ul li a, #headerArea div#nav ul li.current a { margin: 0px; padding: 0px; width: 98px; color: #3e1f0e; display: block;}
#headerArea div#nav ul li a { background: url(../img/timberTransport/tabBg.png) top left no-repeat; height: 36px; font-size: 0.85em; line-height: 16px;}

#headerArea div#nav ul li.current { margin: 0px 5px 0px 0px;}
#headerArea div#nav ul li.current a { background: url(../img/timberTransport/tabBgWhite.png) top left no-repeat; height: 40px; font-size: 0.9em; line-height: 1.3em; padding: 3px 0px 0px 0px;}

#headerArea div#nav ul li.current1Line { margin: 0px 5px 0px 0px; padding: 0px 0px 0px 0px;}
#headerArea div#nav ul li.current2Line { margin: 0px 5px 0px 0px; padding: 0px 0px 2px 0px;}
#headerArea div#nav ul li.current1Line a { font-weight: bold; background: url(../img/timberTransport/tabBgWhite.png) top left no-repeat;  font-size: 0.9em; margin: 0px; padding: 10px 0px 0px 0px; line-height: 1.3em;}
#headerArea div#nav ul li.current2Line a { font-weight: bold; background: url(../img/timberTransport/tabBgWhite.png) top left no-repeat;  font-size: 0.9em; margin: 0px; padding: 3px 0px 3px 0px; line-height: 1.3em;}


/* body content */
#contentArea div.leftCol { margin: 0px 0px 0px 15px; padding: 0px; width: 520px;}
body#home #contentArea div.leftCol { width: 451px;}
#contentArea div.leftCol h1, #contentArea div.leftCol h2 { margin: 0.5em 7px;}
div#joinPanelShort a { margin: 0px; padding: 0px; display: block;}
div#joinPanelLong { background: url(../img/trJoinPanelLong.jpg) top left no-repeat; width: 290px; height: 60px;}
div#joinPanelShort { width: 201px; height: 54px;}
.joinPanelLong a, .joinPanelShort a { color: #fff;}

/* Left column Links */
#contentArea div.leftCol ul li h4 a { font: bold 1.3em/1.1em arial, helvetica, verdana, sans-serif; color: #809E61;}

/* Sub Nav - List */
#sectionalNav h2 { margin: 4px 0px 8px 0px; padding: 0px; width: 165px; height: 17px; font-weight:bold;}

/* footer navigation */
#footerNav #brandingCon {float: right; width: 180px; height: 20px; clear: both; display:block; margin: 7px 20px 0px 0px;  padding-left: 5px;}
#footerNav #brandingConLink {float: right; width: 95px; height: 20px; display:block; margin: 15px 5px 0px 0px;}