/* General styles */

HTML { height: 100%; }
BODY { min-height: 100%; }
BODY, HTML { background: #fff url(i01.gif) 50% 100% repeat-x; padding: 0; margin: 0; text-align: center; }

BODY, INPUT, SELECT, TEXTAREA, BUTTON, TH, TD { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #444444; }

A { color: #003685; text-decoration: underline; }
IMG { border: 0; }
FORM { padding: 0; margin: 0; }
TABLE { border-collapse: collapse; border-spacing: 0; }

.f-left { float: left; }
.f-right { float: right; }

.left { text-align: left !important; }
.center { text-align: center !important; }
.right { text-align: right !important; }

.top { vertical-align: top !important; }
.middle { vertical-align: middle !important; }
.bottom { vertical-align: bottom !important; }

.nowrap { white-space: nowrap; }

.wauto { width: auto !important; }
.w100p { width: 100%; }
.w100 { width: 100px; }
.w50 { width: 50px; }

.req, .error { color: #ff4545; }

/* Main framework */

#box1 { height: 36px; background: url(i02.gif) repeat-x; overflow: hidden; }
#box2 { width: 750px; margin: auto; text-align: left; padding-bottom: 30px; }
#box3 { float: left; width: 220px; text-align: center; }
#box3 P { margin: 3em 0 0 0; }
#box3 P.title { padding: 0 0 3px 0; margin: 0 20px; text-align: left; font-size: 10px; border-bottom: 1px solid #cee2f5; }
#box3 P.type2 { padding: 0 0 3px 0; margin: 3em 20px 0 20px; text-align: left; font-weight: bold; font-size: 10px; border-bottom: 1px solid #cee2f5; }
#box4 { float: left; width: 510px; line-height: 17px; min-height: 380px; }

#header { width: 750px; margin: auto; text-align: left; }

#search { float: right; }
#search P { padding: 5px 0 0 0; margin: 0; font-size: 10px; }
#search SPAN { background: url(i05.gif) no-repeat; height: 19px; float: left; padding: 0 10px 0 7px; }
#search-string { float: left; vertical-align: top; padding: 3px 0 0 0; margin: 0; border: 0; font-size: 10px; color: #003685; width: 86px; background: none; }
#search-btn { float: left; vertical-align: top; }

#langselect { padding: 0; margin: 0; list-style: none; height: 33px; }
#langselect LI { padding: 9px 10px 0 15px; margin: 0; float: right; background: url(dot02.gif) 5px 13px no-repeat; color: #777; }
#langselect A { color: #777; text-decoration: none; border-bottom: 1px dotted #cecece; position: relative; }
#langselect A:hover { border-bottom: 1px dotted #777; }

#menu1 { float: left; padding: 0; margin: 0; list-style: none; }
#menu1 LI { float: left; color: #fff; background: url(dot01.gif) 8px 12px no-repeat; }
#menu1 LI A { display: block; color: #fff; text-decoration: none; padding: 8px 8px 15px 18px; position: relative; }
#menu1 LI A:hover { text-decoration: underline; }
#menu1 LI.active { background: url(i03.gif); }
#menu1 LI.active STRONG { font-weight: normal; display: block; background: url(i04.gif) 100% 0 no-repeat; }
#menu1 LI.active A { color: #909090; padding: 13px 10px 10px 10px; }

#menu2 { list-style: none; padding: 0 20px; margin: 0; text-align: left; }
#menu2 LI { padding: 0; margin: 0; background: url(i09.gif) 0 100% no-repeat; }
#menu2 LI A { display: block; padding: 4px 10px 5px 20px; position: relative; text-decoration: none; }
#menu2 LI A:hover { font-weight: bold; }
#menu2 LI DIV { background: url(dot02.gif) 10px 7px no-repeat; }
#menu2 LI.active { background: url(i10.gif) 0 100% no-repeat; }
#menu2 LI.active A { font-weight: bold; }
#menu2 LI.active UL { padding: 0 0 6px 10px; margin: 0; list-style: none; font-size: 10px; }
#menu2 LI.active UL LI { background: url(dot05.gif) 10px 7px no-repeat; padding: 0; margin: 0; }
#menu2 LI.active UL LI A { font-weight: normal; padding: 3px 10px 3px 20px; }
#menu2 LI.active UL LI A.active,
#menu2 LI.active UL LI A:hover { font-weight: bold; }

#front1 { height: 334px; background: white url(i06.jpg) no-repeat; }
#front2 { height: 180px; }
#front3 { font-size: 1px; line-height: 0; }
#front4 { float: left; width: 200px; margin: 15px 20px 0 0; }
#front5 { float: left; width: 530px; margin: 15px 0 0 0; font-size: 11px; line-height: 18px; color: #777777; }
#front5 UL { padding: 0; margin: 1em 0 0 0; list-style: none; }
#front5 UL LI { padding: 0 0 0 20px; margin: 0.1em 0; background: url(dot01.gif) 10px 7px no-repeat; }

#front-logo { padding: 30px 65px 15px 320px; margin: 0; }
#front-intro { color: #88eaff; font-size: 10px; line-height: 18px; padding: 0 65px 10px 320px; margin: 0; }

#sub-logo { padding: 10px 10px 46px 0; margin: 0; text-align: right; }
#footer { padding: 47px 10px 10px 220px; margin: 0; clear: both; font-size: 9px; }

#body-white { background: #fff url(i13.gif) 50% 100% repeat-x; }
#body-white #sub1 { background: #fff url(i07.jpg) 0 0 no-repeat; }
#body-white #sub1 #footer { background: url(i08.jpg) 0 100% no-repeat; color: #56def0; }
#body-white #sub1 #footer A { color: #56def0; }

#body-blue { background: #fff url(i13.gif) 50% 100% repeat-x; color: #fff; }
#body-blue #sub1 { background: #82a7e7 url(i11.jpg) 0 0 no-repeat; }
#body-blue #sub-logo { padding: 15px 20px 20px 0; }
#body-blue #sub1 #footer { background: url(i12.jpg) 0 100% no-repeat; color: #56def0; }
#body-blue #sub1 #footer A { color: #56def0; }
#body-blue H2 { color: #fff; }
#body-blue H3 { color: #fff; }
#body-blue H4 { color: #fff; }
#body-blue #menu2 LI { background: url(i14.gif) 0 100% no-repeat; }
#body-blue #menu2 LI DIV { background: url(dot03.gif) 10px 7px no-repeat; }
#body-blue #menu2 LI DIV A { color: #71abff; }
#body-blue #menu2 LI.active { background: url(i15.gif) 0 100% no-repeat; }
#body-blue #menu2 LI.active A { color: #fff; }
#body-blue #menu2 LI.active DIV { background: url(dot04.gif) 10px 7px no-repeat; }
#body-blue #menu2 LI.active UL LI { background: url(dot06.gif) 10px 7px no-repeat; }
#body-blue TR.even TD { background: #a2bff0; }
#body-blue TABLE.form TR.subheading TD { color: #fff; }
#body-blue #box4 A { color: #fff; }
#body-blue #sitemap LI { background: url(dot04.gif) 10px 6px no-repeat; }
#body-blue DIV.archive A.active { color: #003685 !important; text-decoration: none; background: #fff; }
#body-blue DIV.archive A:hover { color: #003685 !important; background: #fff; }
#body-blue DIV.news DIV.item { background: url(dot04.gif) 0 6px no-repeat; }
#body-blue TD { color: #fff; }
#body-blue TH { color: #fff; }
#body-blue TABLE.data TH { background: #0755b9; }
#body-blue TABLE.data TD { background: #2d71d2; }
#body-blue TABLE.data TR.even TD { background: #508de3; }
#body-blue #usertools A { color: #fff; }

/* Content styles */

H1 { padding: 0; margin: 0 0 0.6em 0; color: #66b2ec; font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: normal; line-height: normal; }
H2 { padding: 0; margin: 1em 0 0 0; color: #66b2ec; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; line-height: normal; }
H3 { padding: 0; margin: 1em 0 0 0; color: #66b2ec; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; line-height: normal; }
H4 { padding: 0; margin: 1em 0 0 0; color: #66b2ec; font-size: 11px; font-weight: bold; }

P { padding: 0; margin: 1em 0 0 0; }
P.type1 { padding: 0 0 3px 0; border-bottom: 1px solid #cee2f5; margin: 1.5em 0 -0.5em 0; }

DIV.tag-cloud { color: #a2cae2; line-height: 16px; padding-top: 5px; }
DIV.tag-cloud A { color: #a2cae2; text-decoration: none; }
DIV.tag-cloud A:hover { color: #fff; text-decoration: underline; }

.size-xxxs { font-size: 9px; }
.size-xxs { font-size: 10px; }
.size-xs { font-size: 11px; }
.size-s { font-size: 12px; }
.size-m { font-size: 13px; }
.size-l { font-size: 14px; }
.size-xl { font-size: 15px; }
.size-xxl { font-size: 16px; }
.size-xxxl { font-size: 17px; }

DIV.news { padding: 0 5px 20px 0; margin: 1em 0 0 0; }
DIV.news DIV.item { padding: 0 0 5px 12px; background: url(dot01.gif) 0 6px no-repeat; }
DIV.news DIV.date { float: right; color: #a2cae2; }
DIV.news DIV.lead { font-size: 10px; color: #a2cae2; padding: 2px 0 5px 0; line-height: normal; }
DIV.news A { text-decoration: none; font-weight: bold; }
DIV.news A:hover { text-decoration: underline; }

DIV.archive { color: #a2cae2; margin: 1em 0 0 0; }
DIV.archive A { color: #65b2ec; text-decoration: none; padding: 1px 5px; }
DIV.archive A:hover { color: #fff; text-decoration: none; background: #65b2ec; }
DIV.archive A.active { color: #fff; text-decoration: none; background: #65b2ec; }

TABLE.data { width: 100%; line-height: normal; margin: 1em 0 0 0; }
TABLE.data TH { border: 1px solid #a6caed; padding: 3px 5px; text-align: left; vertical-align: top; background: #cee2f5; color: #003685; }
TABLE.data TD { border: 1px solid #a6caed; padding: 3px 5px; text-align: left; vertical-align: top; }
TABLE.data TR.even TD { background: #e7f1fa; }

TABLE.form { width: 100%; margin: 1em 0 0 0; line-height: normal; }
TABLE.form TD { border-bottom: 1px solid #cee2f5; vertical-align: top; }
TABLE.form TD.name { width: 35%; padding: 5px 10px 5px 0; text-align: right; }
TABLE.form TD.text { width: 65%; padding: 5px 0 5px 0; }
TABLE.form TD.name-inpt { width: 35%; padding: 2px 10px 2px 0; text-align: right; }
TABLE.form TD.inpt { width: 65%; padding: 2px 0 2px 0; }
TABLE.form TD.data { width: 65%; padding: 5px 0 5px 0; }
TABLE.form TD.tbl { width: 65%; padding: 5px 0 5px 0; }
TABLE.form INPUT,
TABLE.form SELECT { vertical-align: middle; }
TABLE.form TR.subheading TD { font-weight: bold; color: #66b2ec; border-bottom: 1px solid #cee2f5; padding: 15px 10px 5px 0; }
TABLE.form .submit { margin-right: 2px; border: 1px solid; border-color: #cbcbcb #939393 #939393 #cbcbcb; background: #ebebeb; color: #626262; font-size: 9px; overflow: visible; padding: 0 10px; cursor: pointer; }
TABLE.form .submit2 { margin: 3px 0; border: 1px solid; border-color: #cbcbcb #939393 #939393 #cbcbcb; background: #ebebeb; color: #626262; font-size: 9px; overflow: visible; padding: 0 5px; cursor: pointer; }
TABLE.form TABLE { margin: 0; }
TABLE.form TABLE.data TD.inpt { width: auto; padding: 0; }
TABLE.form TABLE.data TD { border: 1px solid #cee2f5; }
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; }

P.actions { text-align: right; }
P.actions INPUT,
P.actions BUTTON { border: 1px solid; border-color: #cbcbcb #939393 #939393 #cbcbcb; padding: 2px 10px; overflow: visible; background: #ebebeb; color: #000; cursor: pointer; }
P.actions .disabled { border: 1px solid #ccc; background: #fff; color: #ccc; }

DIV.img-right { float: right; padding: 0 0 10px 10px; }

#sitemap { padding: 0; margin: 1em 0 0 0; }
#sitemap A { text-decoration: none; }
#sitemap A:hover { text-decoration: underline; }
#sitemap UL { padding: 0; margin: 0.5em 0; }
#sitemap LI { margin: 0.2em 0; padding: 0 0 0 22px; background: url(dot01.gif) 10px 6px 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(dot02.gif) 10px 6px no-repeat; }

#loginbox1 { text-align: left; margin: 0 20px; padding: 5px 0 0 0; }
#login { width: 100%; }
#login TD { font-size: 10px; padding: 0 0 3px 0; text-align: right; }
#login TH { font-size: 10px; padding: 0 10px 3px 0; font-weight: normal; text-align: left; }
#login .submit { margin: 5px 0 0 2px; border: 1px solid; border-color: #AAA #45515e #45515e #AAA; background: #EEE; color: #45515e; font-size: 9px; overflow: visible; padding: 0 10px; cursor: pointer; }
#username { width: 100px; }
#password { width: 100px; }
#usertools { padding: 0; margin: 10px 0 0 0 !important; color: #5f90dd; }
#usertools A { text-decoration: none; }
#usertools A:hover { text-decoration: underline; }
#log-out { color: #ff4545 !important; font-weight: bold; }

/* IE fixes */

* HTML BODY { height: 100%; }
* HTML #footer { height: 1px; }
* HTML #sub1 { height: 1px; }
* HTML #menu2 LI { height: 1px; }
* HTML #menu2 LI A { height: 1px; }
* HTML #box4 { height: 380px; }