/* CSS Document */

* { margin: 0; padding: 0; }

body, p, a, input { font-family: Verdana, Helvetica, sans-serif; font-size: 12px; color: #000000; }
a { font-weight: bold; color: #09632b; text-decoration: none; }
a:hover { text-decoration: underline; }

h1, h2, h3 { font-family: Verdana, Helvetica, sans-serif; font-weight: normal; font-size: 17px; }
h2, h3 { font-size: 12px; font-weight: bold; }

#container { width: 749px; overflow: hidden; margin: 0 auto; }

#topNavBar { width: 749px; height: 30px; overflow: hidden; }
#topNavBar #poweredby { border: none; float: left; padding: 1px 10px; }
#topNavBar #topMenu { list-style-type: none; width: 540px; height: 25px; float: right; overflow: hidden; padding: 4px 10px 0 0; }
#topNavBar #topMenu li { float: left; height: 20px; overflow: hidden; margin: 2px 0; }
#topNavBar #topMenu li a { padding: 2px 6px; height: 14px; float: left; border-left: 1px solid #09632b; font-weight: normal; }
#topNavBar #topMenu li a.first { border-left: none; }
#topNavBar #topMenu li a.bold { font-weight: bold; }

#header { width: 749px; height: 60px; overflow: hidden; background: #AADC97 URL('images/header.jpg') no-repeat; }
#header #logo { border: none; float: left; padding: 11px 0 0 15px; }
#header h1 { font-size: 17px; color: #504f4f; margin: 22px 0 0 180px; }

#main { width: 749px; overflow: hidden; background: #AADC97 URL('images/background-faux.jpg') repeat-y; }
#center { width: 490px; overflow: hidden; padding: 30px 0 10px 0; float: left; }
#center h1, #center h2{ margin: 0 20px 20px 20px; }
#center p { margin: 10px 30px 10px 20px; line-height: 16px; }
#center ul { margin: 10px 30px 10px 40px; }
#center img { margin: 5px 20px; }

#right { width: 254px; float: left; margin: 30px 0 10px 0; }

.rightPanel { width: 232px; margin: 0 0 20px 0; overflow: hidden; background: #FFFFFF URL('images/panel-middle.jpg') repeat-y; }
.rightPanel h2 { width: 232px; height: 37px; background: URL('images/panel-header.jpg') no-repeat; font-size: 17px; font-weight: normal; color: #504f4f; text-align: center; padding: 7px 0 0 0; }
.rightPanel .promotion { text-align: center; padding: 20px 0; font-size: 17px; color: #e40d0d; }
.rightPanel .promButton { display: block; padding: 1px; width: 212px; margin: 0 auto; font-weight: bold; }
.rightPanel .rightPanelBottom { width: 232px; height: 13px; overflow: hidden; background: URL('images/panel-bottom.jpg') no-repeat; clear: both; }

.rightPanel #loginForm { width: 212px; margin: 5px 10px; }
.rightPanel #loginForm label { display: block; font-weight: bold; font-size: 12px; color: #504f4f; width: 222px; margin: 5px 0; }
.rightPanel #loginForm input#user, .rightPanel #loginForm input#pass { width: 189px; height: 15px; margin: 3px; padding: 4px; border: none; background: URL('images/input-back.jpg')}
.rightPanel #loginForm input#user:hover, .rightPanel #loginForm input#pass:hover,  
.rightPanel #loginForm input#user:focus, .rightPanel #loginForm input#pass:focus { background-position: 0 -23px; }
.rightPanel #loginForm input.button { padding: 1px; font-weight: bold; margin: 4px 12px 0; float: right; display: inline;  }
.rightPanel #loginForm p.loginError { font-weight: bold; color: #DD0000; }

.rightPanel #loginOptions { list-style-type: none; clear: both; padding: 5px; }
.rightPanel #loginOptions li { float: left; }
.rightPanel #loginOptions li a { font-weight: normal; font-size: 10px; float: left; padding: 0 6px; border-left: 1px solid #09632B; }
.rightPanel #loginOptions li a.first { border: none;}

.rightPanel p { margin: 10px; }
.rightPanel ul.panelMenu { list-style-type: none; margin: 10px; }
.rightPanel ul.panelMenu li { margin: 5px 0; }

.rightPanelSmall { width: 232px; height: 40px; margin: 0 0 20px 0; background: #FFFFFF URL('images/panel-small.jpg'); overflow: hidden; }
.rightPanelSmall p { padding: 13px; text-align: center; }
.rightPanelSmall p a { color: #E40D0D; }

/* faq */
#faqList { margin: 10px 40px; }
#faqList li { margin: 5px 0; }
div.faqBlock h2 { margin: 10px 20px; font-size: 14px;  }
div.faqPanel { margin: 10px 40px; text-align: right; }

/* register */
#registerForm { margin: 10px 20px; overflow: hidden; }
#registerForm fieldset { margin: 10px 0; overflow: hidden; border: 1px solid #000000; }
#registerForm fieldset legend { padding: 0 5px; font-weight: bold; }
#registerForm p { overflow: hidden; margin: 10px 5px; }
#registerForm fieldset p label { float: left; padding: 2px 0 0 0; width: 120px; }
#registerForm fieldset p input { width: 200px; padding: 1px; }
#registerForm fieldset p input#acceptToc { width: auto; }
#registerForm fieldset p label#acceptTocLabel { float: none; }
#registerForm span.required { font-weight: bold; color: #E40D0D; }
#registerForm input.button { font-weight: bold; padding: 1px; float: right; }

/* contact */
#contactForm { margin: 10px 20px; overflow: hidden; }
#contactForm p { overflow: hidden; margin: 10px 5px; }
#contactForm p label { float: left; padding: 2px 0 0 0; width: 120px; }
#contactForm p input { width: 200px; padding: 1px; }
#contactForm span.required { font-weight: bold; color: #E40D0D; }
#contactForm textarea { width: 350px; height: 130px; }
#contactForm p input.button { width: auto; font-weight: bold; padding: 1px; float: right; }

/* footer */
p.footNote { clear: both; text-align: center; }
#footer { width: 749px; height: 60px; background: URL('images/bottom.jpg') no-repeat; }
#footer p { text-align: center; padding: 20px 0 0; }
#footer ul { margin: 10px auto; text-align: center; list-style-type: none; width: 600px; }
#footer ul li { display: inline; }
#footer ul li a { padding: 0 10px; border-left: 1px solid #09632B; font-weight: normal; font-size: 10px; }
#footer ul li a.first { border-left: none; }