/* Init */

BODY, HTML { padding: 0; margin: 0; background: #b60000 url(i01.gif); height: 100%; min-height: 100%; }

BODY, INPUT, SELECT, BUTTON, TEXTAREA, TD, TH { color: #000; line-height: normal; font-family: Verdana, Arial, Helvetica; color: #777; font-size: 11px; }

A { text-decoration: none; color: #b80000; }
A:hover { text-decoration: underline !important; }

IMG { border: 0 none; }

TABLE { border-collapse: collapse; border-spacing: 0; margin: 1em 0 0 0; }
TABLE TH { text-align: left; vertical-align: top; padding: 0; }
TABLE TD { text-align: left; vertical-align: top; padding: 0; }

P { margin: 1em 0 0 0; }
FORM { padding: 0; margin: 0; }
H1, H2, H3, H4, H5, H6 { line-height: normal !important; }
H2, H3, H4, H5, H6 { margin: 1em 0 0 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; color: #b80000; }

H1 { font-size: 30px; margin: 0; padding: 0; color: #b80000; font-family: Arial, Helvetica, sans-serif; font-weight: normal; }
H2 { font-size: 18px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-weight: normal; }
H3 { font-size: 12px; font-weight: bold; }
H4 { font-size: 11px; font-weight: bold; }
H5 { font-size: 11px; font-weight: normal; }
H6 { font-size: 10px; font-weight: normal; }

.w100p { width: 100%; }
.req { color: #b80000; }
.img-right { float: right; margin: 0 0 10px 10px; }

/* Components */

P.pages { background: #eeeeee; padding: 4px; font-size: 10px; text-align: center; color: #b5b5b5; line-height: normal; }
P.pages A { text-decoration: none !important; padding: 0 5px; }
P.pages A:hover { text-decoration: underline !important; }
P.pages A.active { background: #b80000; color: #fff; }

TABLE.form { line-height: normal !important; }
TABLE.form TD { border-width: 1px 0 !important; }
TABLE.form TD.name { width: 35%; padding: 5px 10px 5px 0 !important; text-align: right; }
TABLE.form TD.text { width: 65%; padding: 5px 0 5px 0 !important; }
TABLE.form TD.name-inpt { width: 35%; padding: 2px 10px 2px 0 !important; text-align: right; }
TABLE.form TD.inpt { width: 65%; padding: 2px 0 2px 0 !important; }
TABLE.form TD.data { width: 65%; padding: 5px 0 5px 0 !important; }
TABLE.form TD.tbl { width: 65%; padding: 5px 0 5px 0 !important; }
TABLE.form INPUT,
TABLE.form SELECT { vertical-align: middle; }
TABLE.form TR.subheading TD { font-weight: bold; color: #b80000; padding: 25px 10px 5px 0 !important; }
TABLE.form .submit { margin-right: 2px; border: 1px solid; border-color: #cbcbcb #939393 #939393 #cbcbcb; background: #ebebeb; color: #626262; font-size: 10px; overflow: visible; padding: 0 10px; cursor: pointer; }
TABLE.form .disabled { background: #ebebeb; color: #868686; }
TABLE.form .max { width: 270px; }
TABLE.form .norm { width: 200px; }
TABLE.form .small { width: 100px; }
TABLE.form .min { width: 30px; }
TABLE.form .date { width: 70px; }
TABLE.form .time { width: 55px; }
TABLE.form TABLE { margin: 0; }
TABLE.form TABLE TD { border: 1px solid #dcdcdc !important; }
TABLE.form TABLE TD.inpt { width: auto; padding: 0; }

P.actions { text-align: right; }
P.actions INPUT,
P.actions BUTTON { border: 1px solid; border-color: #ebebeb #000 #000 #ebebeb; padding: 1px 10px; overflow: visible; background: #dadada; color: #000; cursor: pointer; font-weight: bold; }
P.actions .disabled { border-color: #ebebeb #d2d2d2 #d2d2d2 #ebebeb; background: #fff; color: #a5a5a5; }

#sitemap { padding: 0; margin: 1em 0 0 0; }
#sitemap A { text-decoration: none !important; }
#sitemap A:hover { text-decoration: underline !important; color: #b80000; }
#sitemap UL A { color: #000; }
#sitemap UL { padding: 0; margin: 0.5em 0; }
#sitemap LI { margin: 0.2em 0; padding: 0 0 0 20px; background: url(dot01.gif) 10px 5px no-repeat; list-style: none; font-weight: bold; }
#sitemap LI LI { font-weight: normal; background: url(dot02.gif) 10px 6px no-repeat; }
#sitemap LI LI LI { font-weight: normal; font-size: 10px; background: url(dot03.gif) 10px 6px no-repeat; }

#news { padding: 0; margin: 1em 0 0 0; border-bottom: 1px solid #eee; line-height: normal; }
#news DT { background: url(dot01.gif) 0 8px no-repeat; padding: 4px 10px 4px 10px; border-top: 1px solid #eee; }
#news DT A { text-decoration: none; font-weight: bold; }
#news DT SPAN { float: right; color: #7c7c7c; }
#news DD { padding: 0 10px 5px 10px; margin: 0; line-height: 16px; }

/* Template */

#box1 { min-height: 100%; background: url(i02.gif) repeat-y; }
* HTML #box1 { height: 100%; }
#box2 { width: 770px; padding: 0 0 25px 0; }

#footer { height: 25px; margin-top: -25px; background: #b60000; width: 770px; color: #fff; }
#footer P { margin: 0; padding: 6px 10px 0 45px; font-size: 10px; }
#footer A { text-decoration: underline; color: #fff; }

#header { background: #fff url(i03.jpg) 300px 0 no-repeat; height: 106px; }
#header DIV.a { width: 770px; height: 106px; }
#logo { margin: 0; float: left; padding: 27px 0 0 35px; }

#sitetools { float: right; color: #8d8d8d; font-size: 10px; }
#sitetools P { margin: 0; }
#sitetools A { color: #8d8d8d; }
#sitetools INPUT { vertical-align: top; float: left; margin-left: 5px; }
#sitetools UL { list-style: none; padding: 30px 0 0 0; margin: 0; }
#sitetools UL LI { float: left; padding: 0 10px 0 20px; margin: 0; }
#sitetools UL LI.sitemap { background: url(ico_sitemap.gif) 5px 0 no-repeat; }
#sitetools UL LI.print { background: url(ico_print.gif) no-repeat; }
#sitetools FORM { clear: both; padding: 10px 0 0 0; float: left; }
#search-string { width: 90px; border: 1px solid #cdcdcd; font-size: 10px; background: url(i07.gif) 0 100% repeat-x; margin: 0 !important; }

#menu1 { list-style: none; padding: 7px 0 7px 25px; margin: 0px; height: 100%; overflow: hidden; border-bottom: 8px solid #b60000; background: #0b0c0b url(i04.png) repeat-x; }
* HTML #menu1 { height: 1px; overflow: visible; }
#menu1 LI { float: left; border: solid #b80000; border-width: 0 1px; margin: 0 -1px 0 0; }
#menu1 LI A { display: block; color: #fff; float: left; padding: 5px 15px; }
#menu1 LI A.active,
#menu1 LI A.hover { text-decoration: underline; }

#front1 { margin: 10px; background: url(i05.gif) 100% 0 repeat-y; height: 100%; overflow: hidden; padding-bottom: 50px; }
* HTML #front1 { height: 1px; overflow: visible; }

#front2 { float: left; width: 515px; margin-right: 20px; line-height: 16px; }
#front2 DIV.a { padding: 15px 0 0 30px; }
#front2 H2 { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-weight: bold; } 
#front2 UL { list-style: none; padding: 0; margin: 2em 0 0 0; }
#front2 UL LI { padding: 0 0 0 65px; margin: 1em 0 0 0; min-height: 50px; }
* HTMl #front2 UL LI { height: 50px; }
#front2 UL P { margin: 0.2em 0 0 0; }

#front3 { float: left; width: 215px; color: #7e7a2b; }
#front3 H2 { margin: 0; padding: 20px 15px 0 15px; }
#front3 UL { list-style: none; padding: 0; margin: 0; }
#front3 UL LI { background: url(i06.gif) 0 100% repeat-x; }
#front3 UL LI DIV { padding: 10px 10px 10px 30px; font-size: 10px; line-height: 14px; background: url(dot01.gif) 20px 13px no-repeat; }
#front3 UL LI A { color: #7e7a2b; display: block; position: relative; }
* HTML #front3 UL LI A { height: 100%; }
#front3 UL LI A:hover { text-decoration: none !important; color: #b80000 !important; }
#front3 UL LI A:hover H3 { text-decoration: underline !important; color: #b80000 !important; }
#front3 H3 { color: #4e4b12; margin: 0; padding: 0; font-size: 10px; }
#front3 P { margin: 0.2em 0 0 0; }
#front3 P.actions { margin: 0; padding: 10px 10px 0 30px; text-align: left; }

#sub1 { height: 100%; overflow: hidden; margin: 20px 20px 10px 10px; } 
* HTML #sub1 { height: 1px; overflow: visible; }
#sub2 { float: left; width: 155px; margin-right: 20px; }
#sub3 { float: left; width: 565px; line-height: 16px; }

#menu2 { list-style: none; padding: 0; margin: 0; border: solid #f0f0f0; border-width: 0 1px 1px 1px; border-bottom-color: #d6d6d6; }
#menu2 LI { border-top: 1px solid #d6d6d6; background: url(dot02.gif) 5px 11px no-repeat; }
#menu2 LI.active { background: url(i08.gif) no-repeat; font-weight: bold; }
#menu2 A { display: block; padding: 4px 10px 4px 15px; }
* HTML #menu2 A { height: 1px; }

DIV.content A { text-decoration: underline; }
DIV.content TABLE { width: 100%; }
DIV.content TABLE TH { padding: 3px 5px; border: 1px solid #dcdcdc; background: #eeeeee; } 
DIV.content TABLE TD { padding: 3px 5px; border: 1px solid #dcdcdc; }