body { background: #fff; color: #333; font: 11px Tahoma; }

/* CSS RESET */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; width: 100%; }
td { vertical-align: top; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
li { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; font-variant: normal; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
input, textarea, select { font: 11px Tahoma; }
legend { color: #000; }
/* CSS RESET */

p { margin: 10px 0; text-align: justify; line-height: 16px; }
h1 { font-size: 18px; }
h2 { font-size: 14px; }
h3 { font-size: 14px; margin-top: 10px; }
a { color: #000; }
a:hover { color: #CC3300; }
ul.list { margin-left: 20px; }
ul.list li { list-style-type: square; }
.text2 { border-left: dotted 1px #888; }

.layout { width: 980px; margin: auto; float: none; clear: both; }
.top1 { height: 40px; background: #666; color: #fff; }
.top1 a { color: #fff; text-decoration: none; }
.top1 ul { padding-top: 5px; }
.top2 { height: 50px; }
.footer { border-top: dotted 1px #555; padding: 10px 0; margin-top: 10px; height: 50px; }

.main { margin-top: 20px; }
.flow > li { display: inline; }
.left { float: left; }
.right { float: right; }
.links { padding: 10px; }

.topmenu { background: #555 url('images/topnavl.png') no-repeat; color: #fff; }
.topmenu > div { background: url('images/topnavr.png') no-repeat 100% 0; height: 35px; }
.topmenu a { color: #fff; text-decoration: none; }
.menu { margin: 0 10px; }
.menu > li { float: left; margin: 2px; }
.menu > li .submenu { display: none; position: absolute; background: url('images/trbg.png'); border: solid 1px #666; min-width: 120px; margin-top: -5px; }
.menu > li > a { font-weight: bold; display: block; }
.menu > li > a span { padding: 5px 10px; line-height: 35px; border-top: solid 2px #555; }
.menu > li > a span small { width: 10px; background: url('images/downarrow.gif') no-repeat 50% 0; padding-left: 20px; }
.menu > li:hover span, .menu > li.active span { background: #666 url('images/trbg.png'); border-top-color: #FFCC00; }
.menu > li:hover .submenu { display: block; }

.drop li a { display: block; border-bottom: solid 1px #666; padding: 5px 15px; }
.drop li a:hover { background: #666; }

.clist { width: 500px; }
.clist td { vertical-align: top; padding: 0 10px; }
.clist li { padding: 3px 0; }
.clist li a:hover { text-decoration: underline; }

table thead td { background: #888; color: #fff; padding: 5px; }
table tbody td { padding: 3px; }

form span { float: left; margin-right: 10px; }
form label { display: block; clear: both; padding: 3px 0; font-size: 10px; color: #888; }
form ul li, form div { display: block; clear: both; float: none; }
form h2 { font-size: 100%; padding: 10px 0; }
form li.btn { padding: 10px 0; }

form input, select { padding: 2px; }
p.marg { margin: 20px 40px 0 0; }

.text2 { border-left: dotted 1px #888; }
.tbl2 td { padding: 0 10px; }
.tbl2 h2 { color: #CC3300; padding-bottom: 10px; border-bottom: dotted 1px #CC3300; }
.cttc > div { padding: 15px; border: 1px solid #ccc; background: #f4f4f4; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.msg-counter { padding: 5px 0; }
.large input, .large textarea, .large select { font: 14px Tahoma; }
.large label, .large .btn { font: 11px Tahoma; }
.large li { padding: 10px 0; }

/* validation */
label.error { float: none; color: red; }
em { font-weight: bold; padding-right: 1em; vertical-align: top; }
.captcha { height: 130px; width: 320px; }

.warn { background: url('images/errorIcon.png') no-repeat 0 50%; padding-left: 60px; min-height: 50px; }