* { padding:0; margin:0; border:none; border-spacing:0; }
html, body { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; width:100%; height:100%; }
body { text-align:center; background:#484c50 url(../images/bg-page.gif) repeat-y 50% 0; }
div#body-wrapper { margin:0 auto; text-align:left; width:980px; background:url(../images/content-bg.gif) repeat-y 50% 0; }
div#header { background:url(../images/bg-header.jpg) no-repeat; width:980px; height:148px; }
div#header-right { float:right; padding:10px 46px; }
div#header-right a { font-size:14px; font-weight:bold; margin-left:25px; text-decoration:none; }
div#header-links { height:16px; border-bottom:1px solid #93C510; margin:0 16px 30px 16px; padding-left:219px; padding-top:2px; font-size:11px; }
div#header-links a { text-decoration:none; }
div#menu-left { float:left; width:200px; padding-left:36px; padding-bottom:108px; }
div#menu-left ul li { list-style:none; color:#328925; font-size:18px; padding:5px 0; margin:0; }
div#menu-left ul li ul li { list-style:square; margin-left:15px; font-size:12px; padding:2px 0; }
div#menu-left a { text-decoration:none; }
div#page-content { float:left; width:500px; }
div#menu-right { float:right; width:200px; padding-right:16px; }
div#ref-menu-left { margin-top:30px; }
div#ref-menu-right { margin:30px 0 0 5px;}
div#ref-menu-right a { display:block; margin-right:10px; }
div.clear { clear:both; }
div#foot-shadow { width:980px; background:url(../images/foot-shadow.gif); height:33px; margin-top:30px; color:#328925; font-size:10px; text-align:center; padding-top:4px; }

/* element specific */
h1 { color:#3B8E27; font-size:22px; margin-bottom:15px; }
h2 { color:#3B8E27; font-size:18px; margin-bottom:15px; }
h3 { color:#3B8E27; font-size:14px; margin-bottom:15px; }

a { color:#328925; }
a:hover { color:#96bf0d; }

input, textarea, select { border:1px solid #328925; padding:1px 2px 1px 2px; font-size:12px; font-family:Arial, Helvetica, sans-serif; }
table { width:100%; empty-cells:show; border-collapse:collapse; }
hr { height:1px; border:0; background-color:#328925; color:#328925; margin:5px 0 5px 0; padding:0; }
p { margin-bottom:20px; }
li { list-style:square; margin-left:20px; }

label input { margin-right:5px; }

input.nb{ border:none; }

input.btn-send { border:none; width:95px; height:29px; background:url(../images/btn-send.gif) no-repeat 0 0; cursor:pointer; }
input.btn-send:hover { background-position:100% 0; }

input.btn-submit { border:none; width:40px; height:29px; background:url(../images/btn-submit.gif) no-repeat 0 0; cursor:pointer; }
input.btn-submit:hover { background-position:100% 0; }

a.btn-yellow { display:block; width:169px; height:32px; background:url(../images/btn-yellow.gif) no-repeat 0 0; text-align:center; text-decoration:none; font-size:18px; padding-top:10px; }
a.btn-yellow:hover { background-position:100% 0; color:#328925; }
a.btn-yellow2 { display:block; width:169px; height:62px; background:url(../images/btn-yellow2.gif) no-repeat 0 0; text-align:center; text-decoration:none; font-size:18px; padding-top:10px; }
a.btn-yellow2:hover { background-position:100% 0; color:#328925; }

a.btn-large { display:block; width:169px; height:74px; background:url(../images/btn-large.gif) no-repeat 0 0; text-align:center; text-decoration:none; font-size:18px; padding-top:10px; color:#777a7e; }
a.btn-large:hover { background-position:100% 0; color:#777a7e; }

table.task-title { height:84px; border-collapse:collapse; margin-bottom:30px; }
table.task-title td.t1 { width:77px; background:url(../images/week-circle.gif) no-repeat 0 50%; color:#D4D700; font-size:48px; font-weight:bold; text-align:center; padding:0 20px 0 3px; }
table.task-title h1 { margin:0; }

div.login { border:1px solid #328925; width:139px; padding:15px; font-size:11px; }
div.login input.small { width:130px; }
div.login p, h2 { margin:5px 0 0 0;}

div.message { background:#F4F4F4; padding:8px 0 8px 5px; margin-bottom:20px; border:1px solid #3B8E27; font-size:11px; }
div.message img { float:left; margin-right:5px; }
div.message div { margin-top:3px; }

table.form td { padding: 5px 0 5px 15px; }
table.form .devider-first { padding-bottom:5px; border-bottom:1px solid #328925; font-weight:bold; }
table.form .devider { padding:30px 0 5px 15px; border-bottom:1px solid #328925; font-weight:bold; }
table.grid td { padding: 5px; border-bottom:1px solid #EEEEEE; }

table.comment { margin-bottom:30px; border:1px solid #CCCCCC; }
table.comment tr.tr1 td { background-color:#EEEEEE; padding:5px; }
table.comment tr.tr2 td { padding:5px; }

form.comment textarea { width:100%; height:100px; }
form.comment div { text-align:right; margin-top:10px; }

table.comp a { display:block; border:1px solid #FFF; padding:10px; }
table.comp a:hover { border:1px solid #CCC; }
table.comp a:hover * { color:#96bf0d; }
table.comp td { padding:15px 0; }
table.comp div.title { font-size:14px; font-weight: bold; margin-top:10px; }
table.comp div.site { font-size:11px; color:#BBB; }

/* shared */
.error { color:#FF0000; }
.space { margin-top:30px; }
.space2 { margin-bottom:30px; }
.center { text-align:center; }
.right { text-align:right; }
.nodeco a { text-decoration:none; }
.small { font-size:11px; }
.w200 { width:200px; }
.w200i { width:206px; }