/* LAYOUT */ body {background:#342D1A;font-family:Arial, Helvetica, sans-serif;} /* background:#c0c0c0;*/ #container {margin:0 auto;width:1024px;text-align:center;background:#ffffff;border-left:1px solid #737373;border-right:1px solid #737373;} #header {width:100%;height:233px;position:relative;} #header-home {width:100%;height:258px;position:relative;z-index:2;} /* taller for home page banner */ #navigation{width:100%;min-height:263px;background: url(../images/navbackground.jpg) top center no-repeat;} /* additional navigation divs to allow for different background images*/ #navigation-sub{width:100%;min-height:233px;background: transparent url(../images/navbackground2.jpg) top center no-repeat;} #navigation-sub3{width:100%;min-height:233px;background: transparent url(../images/navbackground3.jpg) top center no-repeat;} #navigation-sub4{width:100%;min-height:233px;background: transparent url(../images/navbackground4.jpg) top center no-repeat;} #navigation-sub5{width:100%;min-height:233px;background: transparent url(../images/navbackground5.jpg) top center no-repeat;} #navigation-sub6{width:100%;min-height:233px;background: transparent url(../images/navbackground6.jpg) top center no-repeat;} #navigation-sub7{width:100%;min-height:233px;background: transparent url(../images/navbackground7.jpg) top center no-repeat;} #navigation-sub8{width:100%;min-height:233px;background: transparent url(../images/navbackground8.jpg) top center no-repeat;} #navigation-sub-blank{width:100%;min-height:75px;background: none;} img#logo {float:right;padding:21px 29px 0 0;} #tabs {width:350px;position:relative;top:43px;left:35px;text-align:left;} #tabs li {float:left;width:130px;text-decoration:none;background:transparent url(../images/tab.jpg) top center no-repeat;} #tabs li.home {background:transparent url(../images/tab-home.jpg) top center no-repeat;} #tabs li a {display:block;padding:7px 0px;text-align:center;text-decoration:none;color:#ffffff;font:bold 0.7em Arial;} #tabs li.active {background:transparent url(../images/tab-active.jpg) top center no-repeat;} #tabs li.homeactive {background:transparent url(../images/tab-home-active.jpg) top center no-repeat;} #mainnav {width:1024px;position:relative;top:28px;left:38px;clear:both;} #mainnav li {float:left;} /* different classes for varying widths */ #mainnav li.width1 {width:208px;} #mainnav li.width2 {width:189px;} #mainnav li.width3 {width:158px;} #mainnav li.width4 {width:142px;} #mainnav li.width5 {width:130px;} #mainnav li.active {background-color:#e1dbc4;} #mainnav li:hover {background-color:#e1dbc4;} #mainnav a {display:block;padding:7px 40px;text-decoration:none;color:#404040;font:bold 11px Arial;} /* 2nd level navigation */ #mainnav li ul.level2 {display:none;margin-left:0px;text-align:left;border:2px solid #737373;position:absolute;top:26px; background-color:white;} @media screen and (-webkit-min-device-pixel-ratio:0) { #mainnav li ul.level2 {display:none;margin-left:0px;text-align:left;border:2px solid #737373;position:relative;top:0px;} } #mainnav li:hover ul.level2 {display:block;} /*different widths to match li classes; 2px less to accomodate border*/ #mainnav li.width1 ul.level2 {width:204px;} #mainnav li.width2 ul.level2 {width:185px;} #mainnav li.width3 ul.level2 {width:154px;} #mainnav li.width4 ul.level2 {width:138px;} #mainnav li.width5 ul.level2 {width:126px;} #mainnav li ul.level2 li {float:none;background:white url(../images/subnavbackground1.jpg) left center repeat-x;} #mainnav li ul.level2 li.tall {} #mainnav li ul.level2 li.taller {background:white url(../images/subnavbackground2.jpg) left center repeat-x;} #mainnav li ul.level2 li:hover {background:transparent url(../images/subnavbackground-active.jpg) left center repeat-x;} #mainnav li ul.level2 li.tall:hover {background:transparent url(../images/subnavbackground1-active.jpg) left center repeat-x;} #mainnav li ul.level2 li.taller:hover {background:transparent url(../images/subnavbackground2-active.jpg) left center repeat-x;} #mainnav li ul.level2 li a {display:block;padding:9px 16px;border-bottom:1px solid #737373;line-height:12px;} #mainnav li ul.level2 li.tall a {display:block;padding:3px 16px;border-bottom:1px solid #737373;line-height:12px;} #mainnav li ul.level2 li a.last {display:block;padding:9px 16px;border-bottom:none;line-height:12px;} #mainnav li ul.level2 li.tall a.last {display:block;padding:3px 16px;border-bottom:none;line-height:12px;} /* mainbody section for home page */ #mainbody-home {width:100%;min-height:476px;background:#ffffff url(../images/blueverticalbar.jpg) top left no-repeat;text-align:left;position:relative;z-index:1;} #mainbody-home #leftcolumn {float:left;width:705px;margin-top:5px;padding-left:10px;} #contents {float:left;margin-left:27px;width:654px;min-height:249px;background:transparent url(../images/middlebox.jpg) top center no-repeat;} /* four column box, only on home page*/ #fourcolumnbox {position:relative;} #fourcolumnbox li {float:left;padding:7px 0;font:bold 10px Arial;color:#E65200;} #fourcolumnbox li#firstlist {position:relative;top:0px;left:3px;} #fourcolumnbox li#secondlist {position:absolute;top:0px;left:235px;z-index:1;} #fourcolumnbox li#thirdlist {position:absolute;top:0px;left:460px;z-index:1;} #fourcolumnbox li#secondlist ul, #fourcolumnbox li#thirdlist ul {display:none;} #fourcolumnbox li#secondlist a {color:#808080;text-decoration:none;} #fourcolumnbox li#thirdlist a {color:#808080;text-decoration:none;} #fourcolumnbox li#secondlist a:hover, #fourcolumnbox li#thirdlist a:hover {color:#E65200;} #fourcolumnbox li ul li{float:left;width:161px;padding:20px 0px 18px 0px;font:bold 10px Arial;color:#4c4c4c;line-height:1.5;} #fourcolumnbox li ul li p{text-align:center;padding:0 0 20px 0;font:bold 10px Arial;color:#4c4c4c;} #fourcolumnbox li ul li p.inside{padding:0px 10px 10px 10px;text-align:left;font:bold 10px Arial;color:#4c4c4c; line-height:16px;} #fourcolumnbox li ul li a{position:absolute;bottom:15px;padding-right:20px;text-decoration:none;background:transparent url(../images/orangearrow.jpg) center right no-repeat;font:bold 10px Arial;color:#E65200;} #fourcolumnbox li ul li a:hover{text-decoration:underline;} #fourcolumnbox li ul li.column1 a {right:495px;} #fourcolumnbox li ul li.column2 a {right:335px;} #fourcolumnbox li ul li.column3 a {right:175px;} #fourcolumnbox li ul li.column4 a {right:10px;} /*#fourcolumnbox li ul li a{display:block;width:125px;padding:0 25px 10px 0;font:bold 11px Arial;color:#E65200;text-align:right;text-decoration:none;background:transparent url(../images/orangearrow.jpg) 130px 0px no-repeat;}*/ /* end of four column box*/ #mainbody-home #bottomleft {float:left;margin:29px 0 0 27px;padding-left:8px;width:318px;} #mainbody-home #bottomright{float:left;margin-top:29px;padding-left:22px;width:301px;border-left:3px dotted orange;} #mainbody-home #rightcolumn {float:left;width:309px;margin-top:5px;} #news {width:280px;min-height:249px;/*min-height:289px*/position:relative;background:transparent url(../images/news-short.jpg) top center no-repeat;text-align:center;} #mailbox {width:254px;min-height:150px;/*min-height:99px;*/position:relative;padding:13px 13px 0 13px;background:transparent url(../images/mailbox-tall.jpg) top center no-repeat;} img.divider1 {padding-bottom:1px;} /* mainbody section for sub-pages */ #mainbody {width:100%;min-height:476px;background:#ffffff url(../images/creamverticalbar.jpg) left 33px no-repeat;text-align:left;} #navcolumn {float:left;width:195px;margin-top:5px;padding-left:10px;} #sectionmenu {/*min-height:197px;*/background:transparent url(../images/navcolumn-menu5a.jpg) top right no-repeat;} #sectionmenu.six {/*min-height:229px;*/background:transparent url(../images/navcolumn-menu6a.jpg) top right no-repeat;} #sectionmenu ul {padding-left:28px;text-align:left;} #sectionmenu li {width:164px;border-left:1px solid #d8d4be;border-right:1px solid #d8d4be;border-bottom:1px solid #b2aa7e;} /* #sectionmenu li {height:31px;width:165px;} */ #sectionmenu a {padding:8px 0 7px 20px;display:block;text-decoration:none;color:#e65200;font:bold 11px Arial;} #sectionmenu a.doubleline {padding:15px 0 14px 20px;} #sectionmenu a.tall {padding:8px 0 7px 20px;} /*#sectionmenu a.tall {padding:1px 0 1px 20px;}*/ #sectionmenu li.lastitem {-moz-border-radius:0 0 3px 3px;} /*#sectionmenu a.lastitem {background:transparent url(../images/navcolumn-menu-last.jpg) center bottom no-repeat;border-bottom:none;}*/ #sectionmenu a.active {color:#666666;background:transparent url(../images/arrow.jpg) 5px center no-repeat;} #sectionmenu a:hover {text-decoration:none;} #maincolumn {float:left;width:466px;margin-top:5px;padding:0 25px 0 19px;} #rightcolumn {float:left;width:309px;margin-top:5px;} #righttop {width:282px;min-height:108px;background:transparent url(../images/rightbox.jpg) top left no-repeat;} #righttop-tall {width:282px;min-height:215px;background:transparent url(../images/rightbox-tall.jpg) top left no-repeat;} #righttop-press {width:282px;min-height:108px;background:transparent url(../images/rightbox.jpg) top left no-repeat;} #righttop-map {width:262px;height:85px;margin:5px auto;} #morecopy {min-height:112px;background:transparent url(../images/copybox.jpg) top left no-repeat;} img.divider {padding:1px 0;} img.dividershort {padding:5px 0 0 28px;} img.map {padding-left:10px;} /* mainbody section for single column sub-pages */ #mainbody-singlecol {width:100%;min-height:476px;background:#ffffff url(../images/blueverticalbar.jpg) top left no-repeat;} #mainbody-singlecol #maincolumn {width:800px;margin:0 112px 10px 112px;padding:0;text-align:center;} #mainbody-singlecol #bottomleft {float:left;margin:29px 10px;width:455px; text-align:left;} #mainbody-singlecol #bottomright{float:left;margin:29px 0 0 0px;padding-left:10px;width:315px;text-align:right;} #mainbody-singlecol #bottomright #workshopform{/*border:1px solid #cccccc;*/} /* footer section */ #footer {width:100%;min-height:72px;background:#4c4d4f url(../images/footer-logo-new.jpg) center left no-repeat;/*min-height:47px;background:#4c4d4f url(../images/footer-logo-new.jpg) left center no-repeat;*/} #footernav {float:right;padding:20px 30px 5px 0px;} #footernav li {float:left;} #footernav a {display:block;padding:0 5px;color:#7e8083;text-decoration:none;font:bold 10px Arial;background:transparent url(../images/footer-linkbar.jpg) center right no-repeat;} #footernav a.first {padding-left:0;} #footernav a.last {background:none;padding-right:0;} #copyright {float:right;padding:0px 30px 5px 0px;color:#7e8083;font:bold 10px Arial;clear:right;} /* END LAYOUT */ /* GENERAL */ .clear {clear:both;height: 1px;} p {font-size:0.625em;line-height:1.25;padding:5px 0;} /* based on 1em = 16px (browser default), so 16px(0.68) = 11px */ p.filler {width:282px;padding-top:45px;font:bold 1em Arial;text-align:center;color:#7e8083;} #bottomleft p, #bottomright p, #news p,#mailbox p,#maincolumn p,#maincolumn li,#righttop p, #righttop-tall p, #righttop-press p {font:bold 10px Arial;color:#666666;padding-right:5px;} .highlight {color:#E65200;} .strong {font-weight:bold;color:#E65200;} .grey-strong {font-weight:bold;color:#4c4c4c;} .centered {margin:0 auto;text-align:center;} .press-release-title { color:#E65200; text-align:left; font-weight:bold; font-size:12px; } /* styling */ /* Headings (based on 16px browser default) */ h1,h2,h3,h4,h5,h6 {color:#E65200;} h1 {font-size:1.5em;} /* 16px(1.5) = 24px */ h2 {font-size:1.25em;} /* 16px(1.25)= 20px */ h3 {font-size:1em;} /* 16px(1) = 16px */ h4 {font-size:.9375em;} /* 16px(.9375)=15px */ h5 {font-size:.875em;} /* 16px(.875)= 14px */ h6 {font-size:0.75em;} /* 16px(.75) = 12px */ #mainbody a { text-decoration:none; color:#e65200; font-weight: bold; } #mainbody a:hover { text-decoration:underline; font-weight: bold; } #navcolumn img.centered {padding:10px 0 0 65px;} #sectionmenu h3 {color:#ffffff;text-align:center;font-weight:bold;padding:8px 0 6px 28px;} #sectionmenu h3.linked {padding-bottom:6px 0 3px 28px;} #sectionmenu h3 a{color:#ffffff;text-align:center;font:bold 1em Arial;text-decoration:none;padding:0;} #maincolumn h4 {color:#666666;font-weight:bold;padding:8px 0 15px 0;background:transparent url(../images/tan-line.jpg) 0px 30px no-repeat;} #maincolumn p {font:normal 10px Verdana, Geneva, sans-serif;color:#4c4c4c;line-height:14px;} #maincolumn ul {padding-left:20px;} #maincolumn li {padding:0 5px 5px 5px;list-style: square outside;font:normal 10px Verdana, Geneva, sans-serif;line-height:14px;color:#4c4c4c;} #maincolumn p.emailus {padding-top:10px;color:#666666;font:bold 11px Arial;background:transparent url(../images/tan-line.jpg) top left no-repeat;} #maincolumn p.emailus a {padding-left:20px;background:transparent url(../images/grayarrow.jpg) center left no-repeat;} #maincolumn p.strong {font:bold 11px Verdana, sans-serif;} #maincolumn span.subheader {font:bold 11px Verdana, sans-serif;line-height:17px;} #maincolumn table td {font:normal 11px Verdana;color:#4c4c4c;} #maincolumn table td span.em{font-style:italic;} #maincolumn table.premium td {font:normal 11px Verdana;color:#4c4c4c;padding:5px;} #maincolumn table.premium td span.em{font-style:italic;} #maincolumn img.imgleft {float:left;padding:10px 20px;} #maincolumn img.imgright {float:right;padding:10px 20px;} #bottomleft h5 {font:bold 15px Arial;color:#666666;} #bottomleft h6 {padding-top:10px;font:bold 11px Arial;color:#666666;} #bottomleft h6 a {padding:0 20px;font:bold 11px Arial;color:#E65200;text-decoration:none;background:transparent url(../images/grayarrow.jpg) center left no-repeat;} #bottomleft h6 a:hover {text-decoration:underline;} span.tantext {color:#b3ab84;} /* c1ba98 b3ab84 b2aa7e*/ #mainbody-singlecol #bottomleft p {font:bold 10px Arial;color:#666666;line-height:normal;} #mainbody-singlecol #bottomleft h4 {background:none;} #bottomright h4 {font-weight:bold;} #bottomright h4 a {font: bold 15px Arial;text-decoration:none;color:#E65200;} #bottomright h6 {font:bold 11px Arial;color:#666666;} #bottomright p {padding-right:0;font:bold 10px Arial;} #bottomright a.signup {position:relative;left:190px;padding:0 20px;font:bold 11px Arial;color:#E65200;text-decoration:none;background:transparent url(../images/grayarrow.jpg) center right no-repeat;} #bottomright a.signup:hover {text-decoration:underline;} #bottomright a.post {padding-right:2px;color:#E65200;text-align:left;font:bold 10px Arial;text-decoration:none;} #bottomright a.post:hover {text-decoration:underline;} /* styling for Feedburner BuzzBoost elements */ #bottomright .feedburnerFeedBlock {line-height:10px;} #bottomright p.feedTitle {display:none;} /*hide blog title*/ #bottomright li {display:inline;} #bottomright span.headline a {padding-right:2px;color:#E65200;text-align:left;font:bold 10px Arial;text-decoration:none;} #bottomright span.headline a:hover {text-decoration:underline;} #bottomright span.headline a:before {content:" | ";} #bottomright .feedburnerFeedBlock li:first-child span.headline a:before {content:none;} #bottomright #creditfooter {display:none;} /*hide credit image*/ #bottomright #TheProductLinetsq7rdq69nhui0489sqk9b59lc ul div {color:#E65200;text-align:left;font:bold 10px Arial;} /*for feed not available message*/ #mainbody-singlecol #bottomright h4 {color:#E65200;padding-right:10px;background:none;} #mainbody-singlecol #bottomright h6 {color:#E65200;text-align:left;padding:10px;} #bottomright table.workshop {padding-right:10px;} #bottomright table.workshop td {font:bold 10px Arial;color:#4c4c4c; text-align:right;} #bottomright img.workshop{padding:10px 10px 0px 0px;} #righttop h3, #righttop-tall h3, #righttop-press h3 {color:#ffffff;text-align:center;font-weight:bold;padding:8px 0 7px 0;} #righttop p, #righttop-tall p, #righttop-press p {font:normal 10px Verdana, Geneva, sans-serif;width:259px;padding:11px 10px 0 10px;border-left:1px solid #b2aa7e;border-right:1px solid #b2aa7e;} #righttop p.heading {font-weight:bold;} #righttop p.bottom {border-bottom:1px solid #b2aa7e;-moz-border-radius:0 0 3px 3px;padding:11px 10px;} #righttop p.bios {font:normal 10px Verdana, Geneva, sans-serif;height:135px;width:259px;padding:11px 10px 0 10px;border-left:1px solid #b2aa7e;border-right:1px solid #b2aa7e;} #righttop a {position:relative;left:180px;padding-right:20px;font:bold 11px Arial;color:#E65200;text-decoration:none;background:transparent url(../images/grayarrow.jpg) center right no-repeat;} #righttop a.longlink {position:relative;left:140px;padding-right:20px;font:bold 11px Arial;color:#E65200;text-decoration:none;background:transparent url(../images/grayarrow.jpg) center right no-repeat;} #righttop a.twolinkleft {position:relative;left:0px;padding-right:20px;font:bold 11px Arial;color:#E65200;text-decoration:none;background:transparent url(../images/grayarrow.jpg) center right no-repeat;} #righttop a.twolinkright {position:relative;left:40px;padding-right:20px;font:bold 11px Arial;color:#E65200;text-decoration:none;background:transparent url(../images/grayarrow.jpg) center right no-repeat;} #righttop img.caption {float:left;padding:0 5px 10px 0px;} #righttop a.caption {position:static;background:none;padding:0;font:bold 10px Verdana;} #righttop-tall a.directions {position:relative;left:140px;top:10px;padding:0 20px;font:bold 11px Arial;color:#E65200;text-decoration:none;background:transparent url(../images/grayarrow.jpg) center right no-repeat;} #righttop-press a {font:bold 11px Arial;color:#E65200;text-decoration:none;} #righttop-tall img {padding-top:10px;} #news h4 {color:#ffffff;padding-top:8px;} #news h4.highlight {padding:0 0 11px 11px;color:#E65200;text-align:left;font:bold 15px Arial;} #news h6 {font:bold 10px Arial;padding:0 0 11px 11px;text-align:left;} #news img.leader {padding:20px 0 11px 0;} #news a.newsitem {display:block;padding-left:11px;color:#E65200;text-align:left;font:bold 11px Arial;text-decoration:none;} #news a.newsitem:hover {text-decoration:underline;} #news p {text-align:left;padding:0 0 11px 11px;color:#666666;/*color:#4c4c4c;*/} #news a.morenews{position:absolute;bottom:6px;right:9px;padding-right:20px;font:bold 11px Arial;color:#E65200;text-align:right;text-decoration:none;background:transparent url(../images/grayarrow.jpg) center right no-repeat;} #mailbox h4 {font:bold 15px Arial;} #mailbox p {padding-right:0;} #mailbox a {color:#E65200;text-decoration:none;} #mailbox a.signup{position:absolute;bottom:6px;right:9px;padding-right:20px;font:bold 11px Arial;color:#E65200;text-align:right;text-decoration:none;background:transparent url(../images/grayarrow.jpg) center right no-repeat;} #mailbox a.signup:hover {text-decoration:underline;} #mailbox a.leftlink{position:absolute;bottom:15px;right:150px;padding-right:20px;font:bold 11px Arial;color:#E65200;text-align:right;text-decoration:none;background:transparent url(../images/grayarrow.jpg) center right no-repeat;} #mailbox a.leftlink:hover {text-decoration:underline;} #mailbox a.rightlink{position:absolute;bottom:15px;right:9px;padding-right:20px;font:bold 11px Arial;color:#E65200;text-align:right;text-decoration:none;background:transparent url(../images/grayarrow.jpg) center right no-repeat;} #mailbox a.rightlink:hover {text-decoration:underline;}