/************** Standard components **************/

H1 { border-bottom: 3px solid #e5e1da; padding: 12px 10px 2px 10px; }
.content { padding: 10px; }
.content A { text-decoration: underline; }
.content TABLE { width: 100%; }
.content TABLE TH { line-height: normal; border: solid #fff; border-width: 1px 0; padding: 4px 10px; background: #c8e8f6; font-weight: bold; }
.content TABLE TD { line-height: normal; border: solid #fff; border-width: 1px 0; padding: 4px 10px; background: #f4fcff; }
.content TABLE TR.even TD { background: #e7f6fc; }
.content UL { padding: 0 0 0 20px; margin: 1em 0 0 0; list-style: none; }
.content UL LI { background: url(img/dot04.gif) 0 7px no-repeat; padding: 0 0 0 12px; }

/* Form */

TABLE.form {}
TABLE.form TH { line-height: normal; width: 30%; padding: 5px 10px 5px 10px; background: #fff; border-color: #ececec; text-align: right; }
TABLE.form TD { line-height: normal; width: 70%; padding: 1px 10px 1px 0; background: #fff; border-color: #ececec; }
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 { text-align: center; color: #fff; padding: 5px 10px; }
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 { border: 1px solid #1e5a66; background: #fff url(img/bg18.gif) 0 50% repeat-x; padding: 3px 10px 2px 10px; overflow: visible; cursor: pointer; float: left; margin: 0 5px 0 0; color: #fff; font-weight: bold; }

/* Messages */

P.msg-error { border: 2px solid #e97d35; color: #e97d35; padding: 8px 12px; background: #fff; line-height: normal; text-align: center; }
P.msg-error A { color: #e97d35; }
P.msg-ok { border: 2px solid #4ca82e; color: #4ca82e; padding: 8px 12px; background: #fff; line-height: normal; text-align: center; }
P.msg-ok A { color: #4ca82e; }
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; }

/* News */

UL.news { margin: 1em 0 0 0; padding: 0; line-height: normal; list-style: none; }
UL.news LI { float: left; padding: 0; margin: 0; background: none; width: 100%; }
UL.news A { text-decoration: none; }
UL.news A:hover { text-decoration: underline; }
UL.news P { margin: 0; padding: 0; }
UL.news P.heading { padding: 5px 10px 5px 20px; background: #f5f5f5 url(img/dot03.gif) 10px 10px no-repeat; border-top: 1px solid #fff; font-size: 11px }
UL.news P.lead { line-height: 17px; margin: 0; padding: 5px 10px 5px 20px; }
UL.news SPAN.date { color: #aaa; font-weight: normal; margin: 0 0 0 10px; float: right; }

/* Pagination */

UL.pages { margin: 1em 0 0 0; padding: 2px 5px; background: #e7f6fc; line-height: normal; }
UL.pages LI { float: left; background: none; padding: 0; margin: 0; }
UL.pages LI.label { padding: 2px 5px 3px 5px; }
UL.pages LI A { float: left; padding: 2px 4px; text-decoration: none; }
UL.pages LI A:hover { background: #4ab4e2; color: #fff; }
UL.pages LI A.active { background: #11658a; color: #fff; }

/* Sitemap */

#sitemap-tree { font-weight: bold; }
#sitemap-tree A { text-decoration: none; }
#sitemap-tree A:hover { text-decoration: underline; }
#sitemap-tree UL { padding: 10px 0 10px 20px !important; margin: 0; font-weight: normal; }

/* Picture gallery */

TABLE.galleries { width: 1%; }
TABLE.galleries TD { border: solid #fff !important; border-width: 5px 5px 0 0; text-align: center; padding: 0 !important; font-size: 1px; background: none; vertical-align: top; }
TABLE.galleries TD.folder { font-weight: bold; }
TABLE.galleries A { display: block; border: 1px solid #e5e1da; padding: 2px; text-decoration: none; }
TABLE.galleries A IMG { opacity: 0.90; filter: alpha(opacity=90); }
TABLE.galleries A:hover { border-color: #4ab4e2; text-decoration: none; color: #000; }
TABLE.galleries A:hover SPAN.txt { background: #ceecf7; }
TABLE.galleries A:hover IMG { opacity: 1; filter: alpha(opacity=100);}
TABLE.galleries SPAN.txt { display: block; padding: 4px 10px; background: #eee; font-size: 11px; margin-top: 1px; }
TABLE.galleries SPAN.info { display: block; font-weight: normal; }

/************** Layout **************/

BODY, HTML { background: #fff url(img/bg02.png) 50% 0 repeat-x; text-align: center; }
BODY { padding: 0 20px 20px 20px; }

#box01 { background: url(img/bg04.gif) repeat-y; margin: auto; width: 910px; text-align: left; }
#box02 { background: url(img/bg03.png) no-repeat; padding: 10px 15px 5px 15px; }
#box03 { background: url(img/bg05.png) no-repeat; margin: auto; width: 910px; height: 10px; overflow: hidden; }
* HTML #box03 { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg05.png', sizingMethod='crop'); }

#footer { background: #f2f2f2; padding: 5px 10px; text-align: center; }

/* Header */

#header { height: 70px; background: url(img/bg01.gif) 100% 0 repeat-y; position: relative; line-height: 15px; }
#logo { float: left; margin: 0; padding: 12px 20px 0 10px; }
#logo2 { float: left; margin: 0; padding: 12px 0 0 0; }

#search { position: absolute; right: 0; bottom: 0; padding: 0 10px 10px 0; }
#search * { float: left; }
#search-string { margin: 1px 5px 0 0; background: url(img/bg06.gif) no-repeat; }
#search-string DIV { background: url(img/bg06.gif) 100% 0 no-repeat; }
#search-string INPUT { background: transparent; width: 120px; border: 0 none; padding: 3px 8px 4px 8px; position: relative; margin: 0; }
#search-submit { background: url(img/bg06.gif) 0 -25px no-repeat; }
#search-submit DIV { background: url(img/bg06.gif) 100% -25px no-repeat; }
#search-submit INPUT { color: #fff; background: transparent; border: 0 none; padding: 2px 8px 4px 8px; position: relative; margin: 0; overflow: visible; cursor: pointer; font-weight: bold; }

#langselect { float: right; padding: 10px 10px 0 0; margin: 0; list-style: none; }
#langselect * { float: left; }
#langselect LI { padding: 0 0 0 7px; }
#langselect A { background: url(img/bg07.gif) no-repeat; }
#langselect A SPAN { background: url(img/bg07.gif) 100% 0 no-repeat; cursor: pointer; padding: 3px 7px; }
#langselect A.est { background-position: 0 -30px; padding-left: 25px; }
#langselect A.eng { background-position: 0 -60px; padding-left: 25px; }
#langselect A.active { color: #acacac; }

#sitemap { float: right; padding: 10px 0 0 0; margin: 0; }
#sitemap * { float: left; }
#sitemap A { background: url(img/bg07.gif) 0 -90px no-repeat; }
#sitemap A SPAN { background: url(img/bg07.gif) 100% 0 no-repeat; cursor: pointer; padding: 3px 7px 3px 25px; }

/* Columns */

.col { float: left; min-height: 1px; overflow: hidden; }
.col01 { width: 200px; margin: 10px 10px 0 0; }
.col02 { width: 670px; }
.col03 { width: 390px; margin: 0 5px 0 0; }
.col04 { width: 275px; }
.col05 { width: 200px; margin: 10px 20px 0 0; overflow: visible; }
.col06 { width: 660px; }

/* Menus */

DIV.backtohome { position: absolute; width: 5px; height: 24px; background: url(img/bg19.gif) 0 50% no-repeat; margin: 0 0 0 -5px; }
#menu1 { padding: 0 0 22px 0; margin: 0; list-style: none; background: url(img/bg08.gif) 0 100% repeat-x; font-weight: bold; }
#menu1 LI { display: inline; }
/*#menu1 LI A { background: #4ab4e2 url(img/dot01.gif) 12px 10px no-repeat; display: block; border-bottom: 1px solid #fff; color: #fff; padding: 5px 10px 5px 23px; }*/
#menu1 LI A { background: #e97d35 url(img/dot01.gif) 12px 10px no-repeat; display: block; border-bottom: 1px solid #fff; color: #fff; padding: 5px 10px 5px 23px; }
/*#menu1 LI A:hover { background-color: #11658b; text-decoration: none; }*/
#menu1 LI A:hover { text-decoration: none; }
#menu1 LI A.active { background-color: #4ab4e2; }
#menu1 LI A.open { background-image: url(img/dot02.gif); background-position: 10px 10px; }
#menu1 LI A.inflated { background: url(img/dot05_inf.gif) 10px 6px no-repeat }
#menu1 UL { padding: 7px 0 7px 7px; margin: 0; list-style: none; font-weight: normal; background: #e7f6fc; border-bottom: 1px solid #fff; }
#menu1 UL A { background: url(img/dot05.gif) 12px 5px no-repeat; color: #11658b; border: none; padding: 2px 10px 3px 25px; }
#menu1 UL A.active { background-color: #e7f6fc; font-weight: bold; }
#menu1 UL A:hover { background-color: #fff; }
#menu1 UL UL { border: none; padding: 3px 0 3px 10px; }
#menu1 UL UL A { background: url(img/dot06.gif) 15px 7px no-repeat; padding: 1px 10px 2px 25px; }
#menu1 UL UL UL A { background: url(img/dot07.gif) 15px 7px no-repeat; padding: 1px 10px 2px 25px; }

#menu1 DIV.special { background: #e7f6fc; padding: 7px 0 7px 7px; border-bottom: 1px solid #fff; }
#menu1 DIV.special DIV.a { background: #fff; padding: 4px 0 4px 4px; }
#menu1 DIV.special UL { border: none; padding: 3px 0 0 0; background: #fff; }
#menu1 DIV.special UL A { background: url(img/bg15.gif) 13px 0 no-repeat; padding: 4px 0 2px 25px; }
#menu1 DIV.special UL A.last { background: url(img/bg16.gif) 13px 0 no-repeat; }
#menu1 DIV.special UL A.active { font-weight: bold; }
#menu1 DIV.special UL A:hover { color: #0a95d3; text-decoration: underline; }
#menu1 DIV.special UL UL { padding: 4px 0 0 17px; background: url(img/bg17.gif) 13px 0 repeat-y; }
#menu1 DIV.special UL UL A { padding: 0; background: url(img/dot04.gif) 12px 7px no-repeat; padding: 2px 0 2px 22px; }
#menu1 DIV.special UL UL A:hover,
#menu1 DIV.special UL UL A.active { background-color: #e7f6fc; font-weight: normal; }

/**/

.banner01 { margin: 5px 0 0 0; text-align: center }

.memberlogin { background: #f5f5f5; margin: 0; padding: 10px; }
P.heading { font-size: 18px; font-family: Arial, Helvetica, sans-serif; color: #0994d3; background: url(img/bg09.gif) no-repeat; margin: 10px; padding: 6px 0 6px 38px; }
P.heading a:link, P.heading a:visited {color: #0994d3; text-decoration: none}
P.heading a:hover {}
.memberlogin DIV.input { float: left; background: url(img/bg06.gif) no-repeat; }
.memberlogin DIV.input DIV { float: left; background: url(img/bg06.gif) 100% 0 no-repeat; }
.memberlogin DIV.input INPUT { float: left; background: transparent; width: 100px; border: 0 none; padding: 3px 5px 4px 5px; position: relative; margin: 0; }
.memberlogin DIV.button { float: left; background: url(img/bg06.gif) 0 -25px no-repeat; margin: 5px 0 0 0; }
.memberlogin DIV.button DIV { float: left; background: url(img/bg06.gif) 100% -25px no-repeat; }
.memberlogin DIV.button INPUT { float: left; color: #fff; background: transparent; border: 0 none; padding: 2px 8px 4px 8px; position: relative; margin: 0; overflow: visible; cursor: pointer; font-weight: bold; }
.memberlogin TABLE { margin: 5px 0 0 0; }
.memberlogin TABLE TH { padding: 4px 5px 5px 0; font-weight: normal; }
.memberlogin TABLE TD { padding: 1px 5px 1px 0; }
.memberlogin P.forgot { margin: 5px 0 0 0; font-weight: bold; white-space: nowrap; }
.memberlogin P.forgot A { float: left; padding: 0 0 0 10px; background: url(img/dot03.gif) 0 4px no-repeat; }

DIV.front01 {}
DIV.front01 H2 { border-bottom: 2px solid #e5e1da; padding: 0 0 1px 0; margin: 15px 0 0 0; color: #62a9d5; }
DIV.front01 DIV.pad01 { padding: 0 10px; line-height: 18px; }
DIV.front01 DIV.pad01 UL { padding: 0; margin: 10px 0 0 0; list-style: none; line-height: 15px; }
DIV.front01 DIV.pad01 UL * { float: left; }
DIV.front01 DIV.pad01 UL LI { padding: 0 5px 0 0; }
DIV.front01 DIV.pad01 UL A { background: red url(img/bg11.gif) 100% 0 no-repeat; color: #11648a; }
DIV.front01 DIV.pad01 UL A SPAN { cursor: pointer; background: url(img/bg11.gif) no-repeat; padding: 6px 15px 6px 10px; }
DIV.front01 DIV.pad01 UL A.ico01 SPAN { background-position: 0 -30px; padding-left: 30px; }
DIV.front01 DIV.pad01 UL A.ico02 SPAN { background-position: 0 -60px; padding-left: 30px; }
DIV.front01 DIV.pad01 UL A.ico03 SPAN { background-position: 0 -90px; padding-left: 30px; }

DIV.front-ad01 { margin: 10px 0 0 0; }
DIV.front-ad01 DIV.a { padding: 0 }
DIV.front-ad01 H2 { border-bottom: 2px solid #e5e1da; padding: 0 0 1px 0; margin: 15px 0 0 0; color: #62a9d5; }
DIV.front-ad01 H2 SPAN { }
DIV.front-ad01 P { line-height: 18px; }
DIV.front-ad01 P.readmore { font-weight: bold; line-height: 15px; }
DIV.front-ad01 P.readmore A { float: left; background: url(img/bg10.gif) 100% 0 no-repeat; padding: 0 10px 0 0; }
DIV.front-ad01 P.readmore A SPAN { float: left; background: url(img/bg10.gif) no-repeat; cursor: pointer; padding: 3px 0 3px 17px; }
DIV.front-ad01 P.readmore A:hover { background-position: 100% -25px; text-decoration: none; }
DIV.front-ad01 P.readmore A:hover SPAN { background-position: 0 -25px; }

#flash01 { margin: 1px 0 0 0; }

TABLE.news { margin: 0; }
TABLE.news TD { padding: 4px 10px; border-bottom: 1px solid #ececec; line-height: 17px; }
TABLE.news TD A { display: block; }
TABLE.news TD.date { white-space: nowrap; font-weight: bold; padding-right: 0; }
TABLE.news TD.text { width: 100%; padding-left: 5px; }

P.archive { margin: 5px 0 0 0; line-height: 15px; }
P.archive * { float: left; }
P.archive A { background: url(img/bg06.gif) 0 -25px no-repeat; margin: 0 5px 0 0; color: #fff; }
P.archive A SPAN { padding: 3px 10px 3px 11px; cursor: pointer; background: url(img/bg06.gif) 100% -25px no-repeat; }

TABLE.events { margin: 0; }
TABLE.events TD { padding: 4px 10px; border-bottom: 1px solid #fff; line-height: 17px; background: #f5f5f5; }
TABLE.events TD A { display: block; }
TABLE.events TD.date { white-space: nowrap; font-weight: bold; padding-right: 0; }
TABLE.events TD.text { width: 100%; padding-left: 5px; }

DIV.selectmonth { background: #dfdfdf; border: solid #fff; border-width: 1px 0; padding: 4px 10px; line-height: 14px; }
DIV.selectmonth * { float: left; }
DIV.selectmonth DIV.label { padding: 3px 7px 4px 0; }
DIV.selectmonth DIV.monthselect { position: relative; border: 1px solid #a2a2a2; padding: 1px; background: #fff url(img/bg12.gif) 100% 1px no-repeat; cursor: pointer; margin: 0 7px 0 0; }
DIV.selectmonth DIV.monthselect #currentmonth { padding: 2px 30px 2px 25px; background: url(img/ico_calendar.gif) 1px 1px no-repeat; }
DIV.selectmonth DIV.monthselect #currentmonth DIV { width: 80px; }
DIV.selectmonth A.archive { font-weight: bold; padding: 3px 0 4px 10px; background: url(img/dot03.gif) 0 7px no-repeat; }

#months { position: absolute; left: -1px; top: 22px; text-align: left; border: 1px solid #a2a2a2; width: 137px; background: #fff; line-height: 14px; padding: 1px 0; margin: 0; list-style: none; z-index: 13100; display: none }
#months LI { display: block; width: 137px; height: 21px}
#months A { display: block; background: #eeeeef; color: #363636; width: 135px; border: solid #fff; border-width: 0 1px 1px 1px; }
#months A:hover { background-color: #0a95d3; color: #fff; text-decoration: none; }
#months span.month {padding: 3px 10px 4px 24px; display: block}

#path { padding: 0; margin: 10px 0 0 0; list-style: none; background: #e7f6fc; line-height: 14px; }
#path * { float: left; }
#path LI { background: url(img/bg13.gif) no-repeat; margin: 0 0 0 -5px; padding: 0; }
#path LI A { padding: 4px 12px 5px 15px; text-decoration: underline; }

DIV.chamberselect { border: 1px solid #a2a2a2; padding: 1px; background: #fff url(img/bg12.gif) 100% 1px no-repeat; cursor: pointer; margin: 0; }
DIV.chamberselect #currentchamber { padding: 2px 30px 2px 22px; background: url(img/dot03.gif) 10px 6px no-repeat; color: #11658b; }

#chambers { position: absolute; left: 0; top: 0; text-align: left; border: solid #a2a2a2; border-width: 0 1px 1px 1px; width: 187px; background: #fff; line-height: 14px; padding: 1px 0 0 0; margin: 0; list-style: none; }
#chambers LI { display: inline; }
#chambers A { display: block; background: #eeeeef; color: #363636; padding: 3px 10px 4px 24px; border: solid #fff; border-width: 0 1px 1px 1px; }
#chambers A:hover { background-color: #0a95d3; color: #fff; text-decoration: none; }

P.group { color: #fff; background: url(img/bg14.gif) repeat-y; padding: 5px 10px 5px 16px; margin: 1px 0 0 0; font-size: 18px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }

#tab_area td { padding: 0 5px 0 0 }

div.cleared {position: relative; width: 100%; height: 1px; overflow: hidden; float: none !important; clear: both !important}
div.padded {padding: 0 10px}
.wide {width: 405px}
.narrow {width: 260px}