/* CSS Document */
/* main rules */
* { margin: 0; padding: 0; }

body, p, a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; }
a { color: #000000; font-weight: bold; text-decoration: none; }
a:hover { text-decoration: underline; }
h1, h2, h3 { font-family: Arial, Helvetica, sans-serif; }
h1 { font-weight: normal; font-size: 20px; }
h2 { font-size: 16px; }
h3 { font-size: 12px; }

/* main structure */
#container { width: 776px; overflow: hidden; margin: 0 auto; border-left: 1px solid #AAAAAA; border-right: 1px solid #AAAAAA; }
#header { width: 776px; height: 150px; overflow: hidden; background: URL('images/header.jpg') no-repeat 0 30px; }
#header img { border: none; margin: 24px 0 0 42px; }
#topbar { list-style-type: none; overflow: hidden; width: 776px; height: 27px; background: #009248; border-bottom: 3px solid #000000; }
#navbar { width: 776px; height: 35px; overflow: hidden; list-style-type: none; }
#contents { width: 776px; overflow: hidden; min-height: 400px; }
#center { float: left; width: 495px; overflow: hidden; }
#right { float: left; width: 280px; overflow: hidden; }
#footer { width: 776px; height: 24px; overflow: hidden; background: #82caa5; }
#rightPanelTop { width: 269px; height: 204px; overflow: hidden; background: URL('images/right-panel-top.jpg') no-repeat; }
#rightPanelBottom { width: 269px; height: 206px; overflow: hidden; background: URL('images/right-panel-bottom.jpg') no-repeat; }

#mainAddress { margin: 0 20px; padding: 20px 0; overflow: hidden; width: 736px; }
#mainAddress p.addressLeft { width: 350px; float: left; display: inline; padding: 0 10px 0 0; margin: 0 15px 0 0; border-right: 3px solid #178C45; }
#mainAddress p.addressRight { width: 350px; float: left; }

/* header and navbar */
#topbar li { margin: 5px 10px 0 0; text-align: right; color: #ffffff; }
#topbar li a { color: #FFFFFF; font-size: 11px; font-weight: normal; }

#eventsDiv { list-style-type: none; width: 360px; height: 20px; overflow: hidden; background: #FFFFFF; border: 1px solid #000000; border-bottom: none; display: none; position: absolute; }
#eventsDiv li { float: left; height: 20px; }
#eventsDiv li a { float: left; height: 16px; padding: 0px 6px; margin: 2px 0; border-left: 1px solid #000000; }
#eventsDiv li a.first { border: none; }

#navbar li { float: left; }
#navbar li a { float: left; height: 23px; padding: 7px 16px; border-left: 1px solid #555555; background: URL('images/menu-back.jpg') repeat-x; }
#navbar li a:hover { text-decoration: none; background: URL('images/menu-hover-back.jpg') repeat-x; }
#navbar li a.first { border-left: none; }
#navbar li a.selected { background: URL('images/menu-hover-back.jpg') repeat-x; }
#navbar li a img { border: none; }

/* footer */
#footer p { padding: 5px 10px; font-size: 11px; text-align: center; }
#footer p a { font-size: 11px; }

/* home */
img.homeImg, div.homeFlash { margin: 10px 5px; width: 484px; height: 405px; }

/* right panels */
#rightPanelTop #rightPanelOuter { display: block; margin: 13px 0 0 9px; width: 244px; height: 158px; overflow: hidden; background: #EEF0EF; }
#rightPanelTop #rightPanelInner { width: 234px; height: auto; margin: 160px 5px 0; }
#rightPanelTop #rightPanelInner p { margin: 5px; }
#rightPanelTop #rightPanelInner p a { color: #000000; }

#rightPanelTop #rightPanelTopBar { width: 269px; height: 25px; overflow: hidden; }
#rightPanelTop #rightPanelTopBar h2 { font-size: 12px; margin: 5px 0 0 20px; float: left; display: inline; width: 120px; }
#rightPanelTop #rightPanelTopBar a#rightPanelTopMoreInfo { float: left; width: 65px; height: 15px; overflow: hidden; background: URL('images/right-panel-top-moreinfo.jpg') no-repeat; margin: 5px 0 0 0; display: inline; }
#rightPanelTop #rightPanelTopPrevNext { width: 17px; height: 15px; float: left; overflow: hidden; margin: 5px 0 0 0; display: inline; }
#rightPanelTop #rightPanelTopPrevNext a#rightPanelTopPrev { width: 17px; height: 8px; display: block; overflow: hidden; background: URL('images/right-panel-top-prev.jpg') no-repeat; }
#rightPanelTop #rightPanelTopPrevNext a#rightPanelTopNext { width: 17px; height: 7px; display: block; overflow: hidden; background: URL('images/right-panel-top-next.jpg') no-repeat; }

#rightPanelBottom #rightPanelBottomBar { width: 269px; height: 25px; overflow: hidden; margin: 6px 0 0 0; }
#rightPanelBottom #rightPanelBottomBar h2 { font-size: 12px; margin: 5px 0 0 20px; float: left; display: inline; width: 120px; }
#rightPanelBottom #rightPanelBottomBar a#rightPanelBottomMoreInfo { float: left; width: 65px; height: 15px; overflow: hidden; background: URL('images/right-panel-bottom-moreinfo.jpg') no-repeat; margin: 5px 0 0 0; display: inline; }
#rightPanelBottom #rightPanelBottomPrevNext { width: 17px; height: 15px; float: left; overflow: hidden; margin: 5px 0 0 0; display: inline; }
#rightPanelBottom #rightPanelBottomPrevNext a#rightPanelBottomPrev { width: 17px; height: 8px; display: block; overflow: hidden; background: URL('images/right-panel-bottom-prev.jpg') no-repeat; }
#rightPanelBottom #rightPanelBottomPrevNext a#rightPanelBottomNext { width: 17px; height: 7px; display: block; overflow: hidden; background: URL('images/right-panel-bottom-next.jpg') no-repeat; }
#rightPanelBottom #rightPanelBottomImg { display: block; margin: 0 0 0 9px; width: 241px; height: 158px; overflow: hidden; }
#rightPanelBottom #rightPanelBottomImg img { border: none; }

/* events page */
#contents h1.eventTitle { font-size: 16px; font-weight: bold; color: #FFFFFF; background: #01742f; margin: 20px 20px 5px; padding: 3px 10px; }
#contents h1.eventTitle a { font-size: 16px; font-weight: bold; color: #FFFFFF; }
#contents div.eventPanel { margin: 5px 20px; padding: 0 0 5px; height: 90px; border-bottom: 5px solid #01742f; overflow: hidden; }
#contents div.eventPanel.passed { border-bottom: 5px solid #969696; }
#contents div.eventPanelLong { margin: 5px 20px; padding: 0 0 5px; border-bottom: 5px solid #01742f; } 
#contents div.eventPanel div.eventLeft { float: left; width: 576px; background: #e4e4e4; padding: 5px; margin-bottom: 5px; height: 80px; overflow: auto; }
#contents div.eventPanel div.eventTotal { background: #e4e4e4; padding: 5px; }
#contents div.eventSep { overflow: hidden; }
#contents div.eventSep label { float: left; width: 120px; display: inline; text-align: right; padding: 2px; clear: left; margin: 0 10px 0 0; }
#contents div.eventSep h2 { float: left; width: 500px; width: 420px; }
#contents div.eventSep h2 a { font-family: Time new Roman, serif; font-size: 16px; color: #0f7e3a; }
#contents div.eventSep h3 { padding: 2px 0 0 0; float: left; }
#contents div.eventSep h4 { font-weight: normal; padding: 2px 0 0 0; float: left; }
#contents div.eventSep.passed h2 a, 
#contents div.eventSep.passed h3, 
#contents div.eventSep.passed h4 { color: #9C9C9C; }

#contents div.eventRight { float: left; width: 143px; display: inline; margin: 0 0 0 5px; overflow: hidden; height: 90px; }
#contents div.eventRight a img { border: none; }
#contents div.eventRight a.eventInscription { display: block; width: 143px; height: 20px; background: #82BB9A; margin: 0 0 5px 0; padding: 5px 0 0; text-align: center; }
#contents div.eventRight .oldEventEmptyBox { display: block; width: 142px; height: 20px; margin: 0 0 5px 0; padding: 5px 0 0; background: #CBCBCB; }

.eventLinks { list-style-type: none; margin: 18px; height: 20px; }
.eventLinks li { float: left; }
.eventLinks li a { float: left; display: inline; margin: 0 2px; padding: 2px 10px; width: 222px; height: 16px; background: #75C68B; color: #FFFFFF; }
.eventLinks li a.selected { background: #01742F; }

/* product panel */
#prodLinks { overflow: hidden; float: left; display: inline; margin: 0 0 20px 20px; width: 155px; height: 390px; background: #D9D9D9; padding: 0; }
#prodLinks ul { overflow: hidden;  width: 155px; background: #D9D9D9; padding: 0; }
#prodLinks ul li { width: 155px; float: none; display:block; overflow: hidden; border-bottom: 1px solid #FFFFFF; margin: 0; padding: 0; }
#prodLinks ul li a { display: block; width: 139px; padding: 2px 8px; margin: 0; }

#prodPanel { margin: 0 20px 20px 0; overflow: hidden; height: 390px; width: 580px; float: left; display: inline; }
#prodPanel #prodLeft, #prodPanel #prodLeftHidden { margin: 20px 0 20px 20px; border: 5px solid #FFFFFF; width: 277px; height: 341px; float: left; display: inline; overflow: hidden; }
#prodPanel #prodLeftHidden { padding: 10px; width: 257px; height: 321px; overflow: auto; }
#prodPanel #productDetails { float: left; display: inline; overflow: hidden; width: 240px; height: 341px; margin: 20px 0 20px 0; border: 5px solid #FFFFFF; border-left: none; }
#prodPanel #productDetails #productTitle { height: 50px; overflow: hidden; border-bottom: 5px solid #FFFFFF; }
#prodPanel #productDetails #productTitle h1 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; margin: 7px 10px 0; padding: 0 5px 0 0; border-bottom: 1px solid #000000; }
#prodPanel #productDetails #productTitle h2 { font-family: Arial, Helvetica, sans-serif; font-size: 9px; margin: 0  10px 10px; }
#prodPanel #productDetails #productDesc { height: 237px; overflow: hidden; border-bottom: 5px solid #FFFFFF; }
#prodPanel #productDetails #productDesc #prodDesc { margin: 13px; padding: 0 5px 0 0; height: 90px; overflow: auto; }
#prodPanel #productDetails #productDesc #prodDesc * { font-family: Times new roman, serif; font-size: 12px; font-style: italic; }
#prodPanel #productDetails #productDesc h3 { margin: 0 0 0 20px; padding: 2px 0 2px 10px; }
#prodPanel #productDetails #productDesc #prodContains { margin: 13px; padding: 0 5px 0 0; height: 85px; overflow: auto; }
#prodPanel #productDetails #productDesc #prodContains * { font-size: 10px; }
#prodPanel #productDetails #prodSpecs { height: 44px; overflow: hidden; }
#prodPanel #productDetails #prodSpecs img { float: right; display: inline; margin: 10px 5px; border: none; }

#prodPages { margin: 20px 20px 0; padding: 2px 0; background: #D9D9D9; text-align: center; }
#prodPages a { color: #777777; }
#prodPages span { color: #CC0000; font-weight: bold; background: #DDDDDD; }

/* sections */
#contents h1 { margin: 20px; }
#contents #sectionTop { width: 750px; overflow: hidden; margin: 20px auto 0; padding: 15px 0 0; background: URL('images/section-top.jpg') no-repeat; }
#contents #sectionHeader { width: 750px; overflow: hidden; background: URL('images/section-title-back.jpg') repeat-y; height: 50px; }
#contents #sectionHeader h1 { margin: 10px 20px 20px; }
#contents #sectionHeader h1.short { width: 200px; float: left; }
#contents #sectionHeader span { float: left; width: 450px; margin: 5px 0; border-left: 1px solid #148D4A; padding: 3px 0 3px 10px;  }
#contents #sectionBody { width: 750px; margin: 0 auto; overflow: hidden; background: URL('images/section-back.jpg') repeat-y; }
#contents #sectionBody p,
#contents #sectionBody ul,
#contents #sectionBody h1,
#contents #sectionBody h2,
#contents #sectionBody h3 { margin: 20px; }
#contents #sectionBottom { width: 750px; height: 17px; overflow: hidden; background: URL('images/section-bottom.jpg') no-repeat; }
#contents #sectionBody form { padding: 20px 0; width: 500px; margin: 0 auto; }
#contents #sectionBody form p { margin: 5px 0; overflow: hidden; clear: left; }
#contents #sectionBody form p#detailContainer { display: none; }
#contents #sectionBody form label { float: left; padding: 2px 0 0 0; width: 120px; }
#contents #formReply { margin: 20px; }
#contents #sectionBody ul.loginOptions { margin: 10px 0; padding: 20px 0 0 0; border-top: 1px solid #000000; }

/* contact form */
#contents #sectionBody #contactForm, 
#contents #sectionBody #cvForm { width: 700px; }
#contents #sectionBody #contactForm fieldset,
#contents #sectionBody #cvForm fieldset { width: 340px; height: 280px; overflow: hidden; float: left; border: none; }
#contents #sectionBody #cvForm fieldset { height: 400px; }
#contents #sectionBody #contactForm fieldset.left,
#contents #sectionBody #cvForm fieldset.left { border-right: 3px solid #178C45; margin: 0 10px 0 0; }
#contents #sectionBody #contactForm textarea,
#contents #sectionBody #cvForm textarea { width: 320px; }

/* cv form */
#contents #sectionBody #cvForm label { width: 160px; }

/* workshops */
#contents div.workshopPanel, #contents div.workshopPanelSelected { margin: 3px 20px; overflow: hidden; }
#contents div.workshopTitle { height: 22px; overflow: hidden; }
#contents div.workshopTitle h2 { float: left; display: inline; background: #e4e4e4 URL('images/ws-blackdot.jpg') no-repeat 10px 8px; width: 565px; height: 18px; padding: 2px 2px 2px 27px; font-size: 16px; color: #000000; }
#contents div.workshopPanelSelected div.workshopTitle h2 { background: #82bb9a URL('images/ws-whitedot.jpg') no-repeat 10px 8px; color: #FFFFFF; }
#contents div.workshopTitle span.expander { float: left; display: inline; width: 30px; height: 22px; margin: 0 4px; background: #e4e4e4; }
#contents div.workshopPanelSelected div.workshopTitle span.expander { background: #82bb9a; }
#contents div.workshopTitle span.expander img { border: none; margin: 2px; }
#contents div.workshopTitle span.titleRight { float: left; display: inline; width: 100px; height: 22px; margin: 0; background: #e4e4e4; }
#contents div.workshopPanelSelected div.workshopTitle span.titleRight { background: #82bb9a; }
#contents div.workshopTitle span.titleRight a, 
#contents ul.workshopPages li span.titleRight a { display: block; width: 75px; height: 18px; padding: 3px 0 0 23px; background: URL('images/moreinfo.gif') no-repeat; }

#contents ul.workshopPages { list-style-type: none; margin: 3px 0 3px 20px; } 
#contents ul.workshopPages li { margin: 0 0 2px 0; height: 18px; overflow: hidden; }
#contents ul.workshopPages li h3 { float: left; display: inline; background: #d6e6a8 URL('images/ws-smalldot.jpg') no-repeat 7px 7px; width: 550px; padding: 2px 2px 2px 22px; height: 18px;  }
#contents ul.workshopPages li span.expander { float: left; display: inline; width: 30px; height: 22px; margin: 0 4px; background: #d6e6a8; }
#contents ul.workshopPages li span.titleRight { float: left; display: inline; width: 100px; height: 22px; margin: 0; background: #d6e6a8; }

/* downloads */
#downloadsTable { width: 500px; border-bottom: 5px solid #01742F; }
#downloadsTable tr th { padding: 2px 5px; background: #01742F; text-align: left; color: #FFFFFF; }
#downloadsTable tr td { padding: 2px 5px; }

/* sitemap */
#contents #sectionBody ul#sitemap { margin: 20px 20px 20px 60px; }
#contents #sectionBody ul#sitemap ul { margin: 0 20px 0 20px; }