* { margin: 0; padding: 0; }
html { overflow-y: scroll; height: 100%; color: #222; font-family: Verdana, Arial, sans-serif; font-size: 14px; }
body { height: 100%; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
ul, ol { list-style: none; }
input, textarea, select, button { font-family: Verdana; font-size: 100%; }
button { cursor: pointer; }
input[type=checkbox], input[type=radio] { vertical-align: text-bottom; }
img { border: none; }
a { color: #302086; }
table { width: 100%; }
th { padding: 4px 7px; background-color: #f6f6f6; font-weight: bold; text-align: left; }
td { padding: 6px 7px; border-top: solid 1px #e3e3e3; }
form .field { clear: both; margin-bottom: 4px; }
form .label { display: inline-block; width: 110px; margin-top: 3px; vertical-align: top; }
form input, form textarea { border: none; background-color: #ececec; padding: 4px 6px; }
form .error input, .error form textarea { background-color: #f38888; color: #fff; }
form select { border: none; padding: 3px; background-color: #ececec; }
form .cmd { margin: 15px 0 0 114px; }
form button { border: solid 1px #999; padding: 4px 6px; background-color: #f9fc16; color: #000; font-weight: bold; }
.body { position: relative; width: 990px; margin: 0 auto; padding-left: 70px; }
#header { height: 165px; background-color: #f9fc16; background: -webkit-linear-gradient(top, #ff0 0%, #f0f016 100%); background: -moz-linear-gradient(top, #ff0 0%, #f0f016 100%); }
#header .body { height: 100%; }
#headerlogo { position: absolute; bottom: 14px; width: 165px; height: 126px; background: url(../img/sprites-1.00.png) no-repeat -38px 0; }
#headerlogo span { display: none; }
#header ul { position: absolute; bottom: 0; right: 0; cursor: default; }
#header li { display: inline-block; margin-left: 6px; color: #8b0b0b; text-transform: uppercase; font-weight: bold; white-space: nowrap; }
#header li a { display: block; padding: 10px 12px 13px; color: #8b0b0b; text-decoration: none; }
#header li a:hover, #header li.current a { background-color: #ffe; color: #000; box-shadow: 0 -2px 3px #e3e333; }
#header .title { position: absolute; top: 17px; left: 0px; width: 37px; height: 340px; background: url(../img/sprites-1.00.png) no-repeat 0 0; }
#footer { clear: both; font-size: 11px; }
#footer .menu { background-color: #d0d0d0; font-weight: bold; line-height: 30px; }
#footer li { display: inline-block; margin-right: 8px; }
#footer li a { padding: 7px 9px; color: #000; text-decoration: none; }
#footer li a:hover, #footer li.current a { background-color: #fff; }
#footer .copyrights { height: 27px; margin-top: 10px; color: #666; text-align: right; }
#main { position: relative; overflow: hidden; padding-top: 30px; padding-bottom: 50px; box-shadow: 0 -2px 6px #bbb; }
#main ul { margin-left: 21px; list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAKCAMAAACkJQ88AAAAB3RJTUUH2wsFER4pfzTpmwAAAAlwSFlzAAAewQAAHsEBw2lUUwAAAARnQU1BAACxjwv8YQUAAAAGUExURQAAADMzM8jx5iAAAAABdFJOUwBA5thmAAAAE0lEQVR42mNgQAWMYAKNhGGwLAABCQANY0S91AAAAABJRU5ErkJggg==); }
#main ul li { margin-bottom: 5px; }
#main a:hover { text-decoration: underline; }
#main a.external { padding-right: 13px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAMAAAC67D+PAAAAB3RJTUUH2wsFEQELZw6m4QAAAAlwSFlzAAAewQAAHsEBw2lUUwAAAARnQU1BAACxjwv8YQUAAAAVUExURQAAAAAqkP///12QwwAqwypdkABdkPOHK18AAAABdFJOUwBA5thmAAAANElEQVR42iXIwREAAAQDwSD0X7KEe+0cHC9rOhX/zjEU65kp1Zgnss3qYmAg6mUApnte5gIxzgDRTOMAdAAAAABJRU5ErkJggg==) no-repeat right center; }
#content { float: left; width: 690px; min-height: 335px; }
#content.seperator { margin-right: 19px; padding-right: 19px; border-right: dashed 1px #ccc; }
#content h1 { margin: 19px 0; color: #2b3f6b; font-family: 'Open Sans', Verdana, Arial, sans-serif; font-size: 22px; }
#content h1:first-child { margin-top: 0; }
#content h2 { margin: 25px 0 12px; font-family: 'Open Sans', Verdana, Arial, sans-serif; font-size: 16px; }
#content h1 + h2 { margin-top: 0; }
#content h3 { margin: 15px 0 5px; font-weight: bold; }
#content p, #content ul { margin-bottom: 19px; }
#content hr { height: 0; margin: 21px 0; border-top: dashed 1px #ccc; }
#side { float: right; width: 250px; line-height: 1.4em; }
#side h2 { margin: 25px 0 15px; padding: 0 10px; border-bottom-right-radius: 14px; background-color: #52648a; color: #fff; line-height: 2.1em; font-weight: bold; text-transform: uppercase; }
#side h2:first-child { margin-top: 0; }
#side p { margin: 0 0 15px 10px; }
#side ul { margin-left: 25px; cursor: default; }
#side ul ul { margin-top: 2px; }
#side ul li { margin-bottom: 3px; }
#side ul li.current > a { font-weight: bold; color: inherit; text-decoration: none; }

@media (max-width: 1100px) {
	.body { width: auto; padding-left: 56px; }
	#header { height: auto; }
	#header ul { position: static; }
	#headerlogo { display: none; }
	#main { padding-right: 25px; }
	#content { float: none; width: auto; }
	#content.seperator { margin-right: 0; padding-right: 0; border-right: none; }
	#side { float: none; width: auto; margin-top: 29px; }
}