/* adrb.org CSS file <style.css>*/

/* html, body */
body { overflow: auto; margin: 0; background: #500; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 0.75em; }

/* hrefs */
a { color: #900; text-decoration: none; }
a:hover { color: #f00; text-decoration: underline; }
a img { border: none; vertical-align: middle; }
.light a { color: #fff; }
.light a:hover { color: #fff; }
a:hover .wrapped-left, a:hover .wrapped-right, a:hover .thumb { background: #900; }
a:hover .banner { border: 1px solid #900; }

/* divs */
div#container { width: 80%; margin: auto -10% auto 10%; margin-top: 10px; text-align: center; }
div#header_container { width: 100%; height: 40px; background: url(images/header-left.gif) top left no-repeat #900; }
div#header_image { width: 100%; text-align: left; overflow: hidden; height: 250px; background: #000; }

div#main { width: 100%; background: #fff; }

div#center_content { padding: 15px; margin-right: 230px; }

div#right_content { padding: 15px; float: right; width: 200px; }

div#right_content:after { clear: left; }

div#footer { text-align: center; width: 100%; height: 40px; background: url(images/footer-left.gif) top left no-repeat #000; }

div#footer img.syndication { margin-top: 12px; }

div#copyright { margin: 5px 0 10px 0; font-size: 80%; color: #fff; }

div#language { float: right; margin-top: 12px; }



/* mainmenu */

div#mainmenu { text-align: left; width: 200px; }

div#mainmenu a { margin: 4px; padding: 4px; padding-left: 14px; text-decoration: none; display: block; color: #900; margin-left: 0; margin-right: -15px; border-bottom: 1px dotted #900; font-size: 110%; }

div#visiting { margin: 4px; padding: 4px; padding-left: 14px; text-decoration: none; display: block; margin-left: 0; margin-right: -15px; font-size: 110%; background: url(images/corner.gif) top left no-repeat #900; color: #fff; border-bottom: 1px solid #900; }

div#mainmenu a:hover { background: url(images/corner.gif) top left no-repeat #000; color: #fff; border-bottom: 1px solid #900; }



/* classes */

.banner { border: 1px solid #000; float: left; margin-right: 5px; }

.module { margin-bottom: 10px; padding-bottom: 10px; width: 200px; font-size: 90%; }

.frame { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ddd; text-align: left; }

.news { margin-left: -1px; float: left; padding: 10px; width: 220px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; }

.header { text-align: left; margin: 4px; padding: 4px; padding-left: 8px; display: block; background: url(images/corner.gif) top left no-repeat #900; color: #fff; margin-left: 0; margin-right: -15px; font-size: 110%; }

.w50 { text-align: center; width: 50%; float: left; }

.w100 { text-align: left; width: 100%; float: left; margin: 5px auto 5px auto;}

.light { color: #aaa; }

.right { width: 100%; text-align: right; }

.left { text-align: left; }

.wrapped-left { border: 1px solid #000; float: left; padding: 5px; margin: 5px; margin-right: 10px; }

.wrapped-right { border: 1px solid #000; float: right; padding: 5px; margin: 5px; margin-left: 10px; }

.thumb { border: 1px solid #000; margin: 5px; padding: 5px; }

.thumbcapt { border: 1px solid #fff; text-align: center; float: left; width: 128px; margin: 5px; padding: 5px; margin-right: 10px; margin-top: 0px; }

.p { text-align: justify; margin: 10px auto 10px auto; }

.clearer { display: block; clear: both; }

.clearleft { display: block; clear: left; }

.clearright { display: block; clear: right; }

.icon { float: left; border: 1px solid #000; margin-right: 5px; }

.seminar { position: absolute; left: 320px; }

#logo { float: left; position: relative; left: 13px; top: 8px; }

#header_right, #footer_right { float: right; }

div.formline { margin-top: 5px; margin-bottom: 5px; display: block; }

.small { font-size: 0.9em; }



/* elements */

h1 { text-align: left; font-family: "Trebuchet MS", Trebuchet, Helvetica, sans-serif; font-size: 160%; font-weight: normal; margin: 0; }

h2 { text-align: left; font-family: "Trebuchet MS", Trebuchet, Helvetica, sans-serif; font-size: 130%; font-weight: bold; line-height: 100%; }

p { text-align: left; }

textarea, select, input { padding: 2px; border: 1px solid #aaa; background: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; }

textarea:hover, select:hover, input[type="text"]:hover, input[type="password"]:hover, textarea:focus, select:focus, input[type="text"]:focus, input[type="password"]:focus { background: #eee; }

input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:focus, input[type="submit"]:focus, input[type="reset"]:focus { background: #900; color: white; }

ul, ol { margin: 0; }

form div label { display: block; float: left; width: 160px; padding: 3px 5px; margin: 0 0 5px 0; text-align: right; }

form div small { color: #999; display: block; margin: 2px 0 5px 170px; padding: 1px 3px; font-size: 90%; }

form div small i { color: #000; }

fieldset { font-size: 100%; border-color: #ddd; border-width: 1px 0 1px 0; border-style: solid none solid none; padding: 10px; margin: 0 0 0 0; }

fieldset legend { text-align: left; font-family: "Trebuchet MS", Trebuchet, Helvetica, sans-serif; font-size: 130%; font-weight: bold; line-height: 100%; padding: 5px; }