/************** Standard components **************/

.content A { text-decoration: underline; }
.content TABLE { width: 100%; }
.content TABLE TH { line-height: normal; border: 1px solid #fff; padding: 5px 10px; background: #eee; font-weight: bold; }
.content TABLE TD { line-height: normal; border: 1px solid #fff; padding: 5px 10px; background: #f6f6f6; }
.content TABLE TR.even TD { background: #f0f0f0; }
.content UL { padding: 0 0 0 20px; margin: 1em 0 0 0; list-style: none; }
.content UL LI { background: url(dot02.gif) 0 7px no-repeat; padding: 0 0 0 12px; }
.content UL UL { margin: 0; padding: 10px 0 10px 20px; }

/* Form */

TABLE.form {}
TABLE.form TH { line-height: normal; width: 30%; padding: 5px 10px 5px 10px; border-width: 1px 0; }
TABLE.form TD { line-height: normal; width: 70%; padding: 1px 10px 1px 10px; border-width: 1px 0; }
TABLE.form TD.data { padding: 5px 10px; font-weight: normal; }
TABLE.form IMG,
TABLE.form INPUT,
TABLE.form SELECT { vertical-align: middle; }
TABLE.form .max { width: 310px; }
TABLE.form .default { width: 210px; }
TABLE.form .min { width: 60px; }
TABLE.form INPUT.max,
TABLE.form TEXTAREA.max { width: 304px; }
TABLE.form INPUT.default,
TABLE.form TEXTAREA.default { width: 204px; }
TABLE.form INPUT.min,
TABLE.form TEXTAREA.min { width: 54px; }
TABLE.form TH.subheading { color: #a6b130; padding: 20px 10px 5px 10px; background: #fff; }
TABLE.form A { color: #777; text-decoration: underline; }
TABLE.form A:hover { color: #e40000; }

/* Action buttons */

P.actions { line-height: normal; }
P.actions BUTTON,
P.actions INPUT { float: left; margin: 0 5px 0 0; padding: 3px 10px 4px 25px; border: 3px solid #e4e4e4; font-weight: bold; overflow: visible; cursor: pointer; background: #fff url(dot03.gif) 10px 50% no-repeat; }
P.actions A { float: left; margin: 0 5px 0 0; padding: 5px 10px 5px 25px; border: 3px solid #e4e4e4; font-weight: bold; background: #fff url(dot03.gif) 10px 50% no-repeat; text-decoration: none; color: #000; }
P.actions A:hover { border-color: #aaa; }
P.actions A.prev { background: #fff url(dot05.gif) 10px 50% no-repeat; }
P.actions A.next { background: #fff url(dot04.gif) 100% 50% no-repeat; padding: 5px 25px 5px 10px; }

/* Messages */

P.msg-error { border: 2px solid #e40000; color: #e40000; padding: 8px 12px; background: #fff; line-height: normal; text-align: center; }
P.msg-ok { border: 2px solid #4ca82e; color: #4ca82e; padding: 8px 12px; background: #fff; line-height: normal; text-align: center; }
P.msg-info { border: 2px solid #dad4a6; color: #807f48; padding: 8px 12px; background: #fdfbe2; line-height: normal; text-align: center; }
P.msg-info A { color: #807f48; text-decoration: underline; }

/* Sitemap */

#sitemap-tree { font-weight: bold; }
#sitemap-tree A { text-decoration: none; color: #000; }
#sitemap-tree A:hover { text-decoration: underline; }
#sitemap-tree UL { padding: 10px 0 10px 20px !important; margin: 0; font-weight: normal; }
#sitemap-tree UL UL { font-size: 10px; }

/************** Layout **************/

BODY, HTML { background: #fff; text-align: center; }

H2.type1 { font-size: 22px; font-weight: bold; padding: 0 0 0 20px; color: #000; }
H2.type2 { font-size: 22px; font-weight: bold; padding: 0 0 0 20px; color: #a6b130; }
H2.type3 { font-size: 18px; font-weight: bold; color: #464646; margin: 0; }
H2.type3 B { color: #a6b130; }

.w { width: 966px; margin: auto; text-align: left; }

#box01 { background: url(bg01.gif) 50% 0 repeat-x; padding: 19px 0 0 0; }
#box02 { background: url(bg08.gif) 50% 0 repeat-x; padding: 25px 0 0 0; margin: 25px 0 0 0; }
#box03 { background: url(bg01a.gif) 50% 0 repeat-x; padding: 19px 0 0 0; }

#header { height: 79px; background: url(bg02.png) 50% 0 no-repeat; }
#logo { margin: 0; padding: 15px 0 0 20px; float: left; }

#menu1 { float: right; padding: 26px 0 0 0; margin: 0; list-style: none; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
#menu1 LI { float: left; padding: 0 0 0 10px; }
#menu1 A { float: left; background: url(bg03.gif) no-repeat; color: #fff; }
#menu1 A SPAN { float: left; background: url(bg03.gif) 100% 0 no-repeat; cursor: pointer; padding: 9px 17px 10px 17px; }
#menu1 A:hover { background-position: 0 -80px !important; text-decoration: none; }
#menu1 A:hover SPAN { background-position: 100% -80px !important; }
#menu1 A.active { background-position: 0 -40px; text-decoration: none; }
#menu1 A.active SPAN { background-position: 100% -40px; }

#intro { margin-top: 7px; font-size: 12px; color: #d4d4d4; font-weight: bold; height: 209px; font-family: Arial, Helvetica, sans-serif; line-height: 18px; }
#intro DIV.a { float: left; width: 320px; height: 209px; background: url(bg04.gif) repeat-x; font-size: 12px; }
#intro DIV.ab { padding: 0 20px; }
#intro DIV.ab H1 { color: #fff; line-height: 16px; height: 90px; margin: 20px 0 0 0; }
#intro DIV.ab P { margin: 0; }

#illustration01 { float: right; margin: -24px 0 0 0; }

DIV.col { float: left; min-height: 1px; overflow: hidden; }
DIV.col01 { width: 230px; margin-right: 26px; }
DIV.col02 { width: 710px; }

DIV.col03 { width: 255px; margin-right: 5px; }
DIV.col04 { width: 450px; }

DIV.col05 { width: 230px; padding-top: 10px; margin-right: 20px; }
DIV.col06 { width: 430px; padding-top: 10px; margin-right: 20px; }
DIV.col07 { width: 226px; padding-top: 22px; }
DIV.col07 P { margin: 0; padding: 5px 0 0 0; }


DIV.front01 { padding-top: 33px; }

DIV.front02 { line-height: 20px; }
DIV.front02 UL LI { background-position: 0 8px; }

DIV.front03 { position: relative; }

DIV.block01 { background: #f6f6f6 url(bg05.gif) no-repeat; margin: 1em 0 0 0; }
DIV.block01a { background: url(bg05.gif) -230px 100% no-repeat; padding: 10px 20px 108px 20px; line-height: 18px; }
DIV.block01a P { margin: 0; padding: 10px 0 0 0; }
DIV.block01a A { color: #000; }

DIV.block02 { background: #f6f6f6 url(bg07.gif) 0 0 no-repeat; margin: 1em 0 0 0; }
DIV.block02a { background: url(bg07.gif) 100% 0 no-repeat; }
DIV.block02b { background: url(bg07.gif) 0 100% no-repeat; }
DIV.block02c { background: url(bg07.gif) 100% 100% no-repeat; padding: 10px 20px 20px 20px; }
DIV.block02c P { padding: 10px 0 0 0; margin: 0; }
DIV.block02c UL { padding: 10px 0 0 0; margin: 0; }

DIV.block03 { background: #f0f0f0 url(bg09.gif) 0 0 no-repeat; margin: 1em 0 0 0; }
DIV.block03a { background: url(bg07.gif) 100% 0 no-repeat; }
DIV.block03b { background: url(bg07.gif) 0 100% no-repeat; }
DIV.block03c { background: url(bg07.gif) 100% 100% no-repeat; padding: 20px; }
DIV.block03c LABEL { display: block; margin: 0; padding: 5px 0 3px 0; }
DIV.block03c TEXTAREA.default { border: 1px solid #a6b130; padding: 3px 4px; width: 420px; height: 143px; }
DIV.block03c INPUT.default { border: 1px solid #a6b130; padding: 3px 4px; width: 220px; }

DIV.block03c DIV.default { border: 1px solid #a6b130; overflow: hidden; background: #fff; }
DIV.block03c DIV.default SELECT { border: none; padding: 2px 0; width: 226px; background: #fff; }

*:first-child+HTML DIV.block03c DIV.default DIV { margin: -1px; }
*:first-child+HTML DIV.block03c DIV.default SELECT { width: 230px; }

* HTML DIV.block03c DIV.default { clip: rect(-2px,-2px,-2px,-2px); height: 15px; }
* HTML DIV.block03c DIV.default DIV { margin: -2px -2px 0 -2px; }
* HTML DIV.block03c DIV.default SELECT { width: 232px; }

DIV.download { background: url(bg06.gif); height: 47px; overflow: hidden; margin: 10px 0 0 0; }
DIV.download A { display: block; color: #000; font-size: 16px; font-weight: bold; padding: 13px 13px 13px 43px; font-family: Arial, Helvetica, sans-serif; }

P.actions2 { position: absolute; bottom: 0; margin: 0; height: 25px; }
P.actions2 SPAN { background: url(bg10.gif) no-repeat; float: left; }
P.actions2 SPAN SPAN { background: url(bg10.gif) 100% 0 no-repeat; float: left; }
P.actions2 INPUT { border: none; background: transparent; overflow: visible; padding: 5px 12px 8px 27px; cursor: pointer; font-weight: bold; float: left; }

P.pages { background: #ececec; padding: 4px; font-size: 10px; text-align: center; line-height: normal; color: #bbb; }
P.pages A { text-decoration: none !important; padding: 0 5px; color: #555; }
P.pages A:hover { text-decoration: underline !important; }
P.pages A.active { font-weight: bold; background: #fff; }

#footer { padding: 10px 20px; font-size: 10px; }
#footer P { float: left; margin: 0; }
#footer P#exact { float: right; }