header { background: url(/images/~default/header_bg.jpg) no-repeat bottom; height: 250px; margin: 0 0 20px 0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
header #logo { position: absolute; margin-left: 785px; top: 50px; z-index: 10; }
header nav { position: absolute; top: 82px; width: 920px; display: block; height: 23px; z-index: 1; padding: 5px 10px; }
header nav ul { list-style: none; position: absolute; z-index: 2; }
header nav ul li { float: left; margin-left: 5px; }
header nav > ul { padding: 0 10px; top: -22px; }
header nav > ul > li { display: block; }
header nav > ul > li a { color: #FFFFFF; }
header nav > ul > li > a { padding: 6px 14px 5px 14px; background-color: #313131; background: -webkit-gradient(linear, left top, left bottom, from(#4b4b4b), to(#313131)); background: -moz-linear-gradient(top, #4b4b4b, #313131); font-weight: bold; border-radius: 8px 8px 0 0; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; }
header nav > ul > li > a.selected { background-color: #2f8036; background: -webkit-gradient(linear, left top, left bottom, from(#3ca645), to(#2f8036)); background: -moz-linear-gradient(top, #3ca645, #2f8036); padding-bottom: 6px; border-bottom: 0; }
header nav > ul > li > a:hover { background-color: #305833; }
header nav > ul > li a { color: #FFFFFF; text-decoration: none; }
header nav > ul > li > ul { left: -10px; background-color: #2f8036; width: 930px; height: 30px; top: 22px; padding-left: 10px; border-radius: 5px 5px 0 0; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; }
header nav > ul > li > ul > li { padding: 5px 5px; }
header nav > ul > li > ul > li > a { padding: 1px 5px; }
header nav > ul > li > ul > li > a.selected { font-weight: bold; color: #2f8036; background-color: #c4eac8; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
header nav > ul > li > ul > li > a:hover { text-decoration: underline; }
header nav > ul > li a.member { background-color: #ff7700; background: -webkit-gradient(linear, left top, left bottom, from(#ff9233), to(#ff7700)); background: -moz-linear-gradient(top, #ff9233, #ff7700); }
header nav > ul > li a.member:hover { background-color: #985418; }
header nav > ul > li a.admin { background-color: #0414df; background: -webkit-gradient(linear, left top, left bottom, from(#1b2bfb), to(#0414df)); background: -moz-linear-gradient(top, #1b2bfb, #0414df); }
header nav > ul > li a.admin:hover { background-color: #1a2288; }
header nav > ul > li a.member + ul { background-color: #ff7700; }
header nav > ul > li a.member + ul > li > a.selected { color: #994700; background-color: #fff1e5; }
header nav > ul > li a.admin + ul { background-color: #0414df; }
header nav > ul > li a.admin + ul > li > a.selected { color: #0414df; background-color: #fdfdff; }
header nav .shadow { box-shadow: #999 2px 2px 3px; -moz-box-shadow: #999 2px 2px 3px; -webkit-box-shadow: #999 2px 2px 3px; }

header .user { position: absolute; top: 126px; margin: 0 17px; padding: 5px 15px; width: 160px; height: 122px; background-color: rgba(255, 255, 255, 0.6); border-radius: 10px; border: 2px solid white; -webkit-border-radius: 10px; -moz-border-radius: 10px; box-shadow: #666 1px 1px 9px; -moz-box-shadow: #666 1px 1px 9px; -webkit-box-shadow: #666 1px 1px 9px; }
header .user strong { font-weight: bold; }

header form#login label { display: block; float: left; width: 155px; margin-top: 5px; color: #191919; font-size: 11px; }
header form#login label input[type=text], header form#login label input[type=password] { width: 155px; margin-top: 0; }
header form#login label#remember_me { padding-top: 3px; width: 90px; }
header form#login input[type=submit] { margin: 10px 0; float: right; }

#content { margin-top: 20px; }
#content .notice, #content .alert { margin: 10px 50px; padding: 10px 20px; background-color: yellow; }
#content .alert { background-color: red; }
#content section > div.main { margin-left: 10px; margin-right: 10px; font-size: 14px; }
#content section h1 { color: #2f8036; font-weight: bold; border-bottom: 1px dotted #585858; margin-bottom: 0.75em; font-size: 26px; }
#content section h2 { color: #2f8036; font-size: 20px; margin-bottom: 0.4em; }
#content section h3 { margin-bottom: 0.3em; font-size: 16px; font-weight: bold; }
#content section h4 { margin-bottom: 0.3em; font-size: 16px; font-style: italic; }
#content section a.new_window { background: url(/images/new_window_icon.gif) no-repeat left top; padding-left: 16px; }
#content section strong { font-weight: bold; }
#content section .sponsors ul { list-style-type: none; }
#content section .sponsors ul li { margin: 10px 0; font-size: 20px; }
#content section table { margin: 0 auto; }
#content section table tr:nth-child(odd) { background-color: #ffe4cc; }
#content section table tr th { font-weight: bold; background-color: #ff7700; color: white; }
#content section table tr td, #content section table tr th { padding: 5px 15px 5px 15px; }
#content aside { margin-top: 35px; }
#content aside .box, #content aside .tools { color: white; background-color: #2f8036; background: -webkit-gradient(linear, left top, left bottom, from(#3ca645), to(#2f8036)); background: -moz-linear-gradient(top, #3ca645, #2f8036); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; padding: 10px 25px; margin-bottom: 20px; }
#content aside .box h1, #content aside .tools h1 { font-size: 18px; font-weight: bold; }
#content aside .box ul, #content aside .tools ul { list-style-type: none; font-weight: bold; }
#content aside .box ul li, #content aside .tools ul li { margin: 1em 0; }
#content aside .box a, #content aside .tools a { color: white; text-decoration: none; }
#content aside .box a:hover, #content aside .tools a:hover { text-decoration: underline; }
#content aside .tools { background-color: #ff7700; background: -webkit-gradient(linear, left top, left bottom, from(#ff9233), to(#ff7700)); background: -moz-linear-gradient(top, #ff9233, #ff7700); }
#content aside .tools a { text-decoration: underline; }
#content aside .ads { padding: 5px 0; text-align: center; }
#content aside .ads .ad { margin-bottom: 20px; }

footer { margin-top: 20px; }

footer p { text-align: center; color: #999; font-size: 10px; }

form.simple_form li { list-style-type: none; }
form.simple_form input[type=text] { width: 200px; }
form.simple_form input[type=text].short { width: 100px; }
form.simple_form input[type=text].wide { width: 400px; }
form.simple_form > fieldset.inputs > ol > li { margin-bottom: 10px; }
form.simple_form > fieldset > legend { font-weight: bold; font-size: 110%; padding-top: 20px; padding-bottom: 10px; }
form.simple_form > fieldset > ol ol { padding-top: 5px; }
form.simple_form > fieldset.tableize > ol ol { padding-top: 0; }
form.simple_form textarea { display: block; margin-left: 30px; margin-top: 10px; margin-bottom: 20px; width: 620px; height: 100px; }
form.simple_form label { padding-right: 10px; }
form.simple_form fieldset.tableize fieldset label { float: left; }
form.simple_form fieldset.tableize fieldset ol li { float: right; margin: 0; }
form.simple_form ol { margin-bottom: 0; }
form.simple_form .additional { padding-left: 30px; padding-top: 0; padding-bottom: 20px; }

form.simple_form { background-color: #b2e3b6; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; padding: 10px 25px; margin: 40px auto; }
form.simple_form fieldset div { margin-bottom: 10px; }
form.simple_form input:read-only { background-color: #eee; }