BODY, HTML { text-align: center; background: #fff url(bg01.png) repeat-x; }
BODY { padding: 0 10px 10px 10px; }

/* Main framework */

#box1 { width: 856px; margin: auto; text-align: left; }
#box2 { padding: 20px 20px 0 20px; }

#header { height: 88px; position: relative; padding: 0 3px; }

#search { background: url(bg02.png) 100% 0 repeat-y; padding: 10px; border-top: 2px solid #d8d8d8; }
#search P { float: right; margin: 0; }
#search-string { border: 1px solid #d8d8d8; width: 100px; padding: 1px 5px; }
#search-button { border: 1px solid #d8d8d8; padding: 0 5px; overflow: visible; color: #fff; background: #247fb7 url(bg03.png) 0 50% repeat-x; font-size: 9px; cursor: pointer; }

#sitelinks { float: right; padding: 0; margin: 20px 0 0 0; list-style: none; font-size: 10px; }
#sitelinks LI { float: left; }
#sitelinks A { color: #666; float: left; padding: 2px 0 2px 18px; background: url(dot01.gif) 10px 50% no-repeat; }
#sitelinks A:hover { color: #c82f2f; background: url(dot02.gif) 10px 50% no-repeat; }
#sitelinks A.active { text-decoration: underline; }
/* sitelinks dotted outline fix (FireFox) */
#sitelinks A:active, #sitelinks A:focus {  outline: none; -moz-outline-style: none; }

#langselect { float: right; padding: 0; margin: 0 145px 0 0; list-style: none; font-size: 10px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 9px; }
#langselect LI { float: left; }
#langselect LI A { float: left; padding: 2px 4px; color: #666; border: 1px solid #fff; }
#langselect LI A:hover { border-color: #ebebeb; text-decoration: none; color: #c82f2f; }
#langselect LI.active A { border-color: #ebebeb; font-weight: bold; background: #fefefe url(bg04.png) 0 100% repeat-x; }

#logo { margin: 0; position: absolute; bottom: 20px; }

#footer { color: #999; background: #f0f0f0; padding: 4px 15px; margin: 20px 0 0 0; font-size: 10px; }

#sub-block1 { position:relative; height:170px; margin: 8px 0 0 0; padding: 3px; background: url(bg12.png) no-repeat; font-family: Tahoma, Arial, Helvetica, sans-serif; color: #fff; }
#sub-block1 DIV.a { width: 200px; height: 170px; float: left; background: url(bg10.png) no-repeat; position: relative; }
#sub-block1 DIV.a A { color: #fff; }
#sub-block1 DIV.b {  background: url(bg11.gif) no-repeat; width: 650px; height: 170px; float: left; }
#sub-block1 DIV.c { position:absolute; top:3px; left:3px; z-index:999; width: 850px; height: 170px }

#front-block1 { position:relative; height:250px; margin: 8px 0 0 0; padding: 3px; background: url(bg05.png) no-repeat; font-family: Tahoma, Arial, Helvetica, sans-serif; color: #fff; }
#front-block1 DIV.a { width: 200px; height: 250px; float: left; background: url(bg06.png) no-repeat; position: relative; }
#front-block1 DIV.a A { color: #fff; }
#front-block1 DIV.a P.contact { position: absolute; left: 20px; bottom: 20px; line-height: 17px; margin: 0; }
#front-block1 DIV.b {  background: url(bg09.gif) no-repeat; width: 650px; height: 250px; float: left; }
#front-block1 DIV.c { position:absolute; top:3px; left:3px; z-index:998; width: 850px; height: 250px }

#menu1 { font-size: 17px; padding: 30px 10px 0 10px; margin: 0; list-style: none; }
#menu1 LI { display: inline; }
#menu1 A { display: block; padding: 2px 0 5px 27px; margin: 0 0 0 0; background: url(dot03.gif) 10px 9px no-repeat; }

#menu1 A:hover { background: url(bg07.gif) 0 0 no-repeat; text-decoration: none; }
#menu1 A.active { background: url(bg07.gif) 0 0 no-repeat; text-decoration: none; }
/* menu dotted outline fix (FireFox) */
#menu1 A:active, #menu1 A:focus {  outline: none; -moz-outline-style: none; }

#front-columns { margin: 10px 3px 0 3px; min-height: 400px; }

.col1_1 { float: left; width: 810px; background: url(bg08.png) repeat-x; min-height: 250px; padding: 5px 20px 5px 20px; }

.col1_2 { float: left; width: 200px; margin-right: 10px; min-height: 250px; }
.col2_2 { float: left; width: 600px; background: url(bg08.png) repeat-x; min-height: 250px; padding: 5px 20px 5px 20px; }
/*.col2_2 { float: left; width: 600px; background: url(bg08.png) repeat-x; min-height: 250px; padding: 5px 20px 5px 20px; overflow-x:auto; overflow-y:hidden;}*/

/*.scrollable_table { overflow-x:auto; overflow-y:hidden;}*/
.scrollable_table { overflow:scroll; overflow-y:hidden; }
.hidden_side_table { overflow:hidden; }

.col1_3 { float: left; width: 200px; margin-right: 10px; min-height: 250px; }
.col2_3 { float: left; width: 390px; background: url(bg08.png) repeat-x; min-height: 250px; padding: 5px 20px 5px 20px; }
.col3_3 { float: left; width: 200px; background: url(bg08.png) repeat-x; margin-left: 10px; min-height: 250px; }

.portlet { width: 100% !important; }

#menu2 { padding: 0px 0px 20px 0px; margin: 0px; list-style: none; }
#menu2 LI { display: inline; }
#menu2 *.label { display: block; padding: 6px 10px; background: #d8d8d8; color: #666; border: solid #fff; border-width: 1px 0; font-weight: bold; }
#menu2 A { display: block; padding: 6px 10px; background: #f0f0f0; color: #666; border: solid #fff; border-width: 1px 0; }
#menu2 A:hover { color: #c82f2f; text-decoration: none; background: #d8d8d8; }
#menu2 A.active { font-weight: bold; background: #d8d8d8; }
#menu2 UL { padding: 5px 0px; margin: 0px; list-style: none; font-size: 10px; }
#menu2 UL A { background: url(dot01.gif) 12px 7px no-repeat; padding: 3px 10px 3px 22px; border: none; }
#menu2 UL A.active { background: url(dot04.gif) 12px 7px no-repeat; }
#menu2 UL A:hover { background: url(dot02.gif) 12px 7px no-repeat; color: #c82f2f; text-decoration: underline; }

/* menu dotted outline fix (FireFox) */
#menu2 A:active, #menu2 A:focus {  outline: none; -moz-outline-style: none; }

UL.banners { padding: 0; margin: 1em 0 0 0; list-style: none; }
UL.banners LI { margin: 0 0 2px 0; padding: 0; line-height: 0px; font-size: 1px; }

DIV.news-archive { display: block; float: right; text-align: right; font-weight: bold; font-size: 12px; }

TABLE.news { margin: 0; padding: 0; overflow: hidden; border-width: 0px; }
TABLE.news TH { background: none;  padding: 1em 0 0 0; margin: 2px 0 0 0; font-weight: bold; border-top: none; border-bottom: none; border-left: none; border-right: none; }
TABLE.news TH .date { display:block; float:right; margin: 0 0 0 20px; font-size: 9px; color: #999; font-weight: normal; letter-spacing: -1px; text-align: right; }
TABLE.news TD { padding: 0; margin: 1em 0; border-top: none; border-bottom: 1px solid #f0f0f0;; border-left: none; border-right: none;}
TABLE.news TD P { margin: 1em 0pt 0pt; }
TABLE.news TD P.img { float: right; margin: 3px 0 0 10px; border: 1px solid #f1f1f1; }
TABLE.news A { text-decoration: none; }
TABLE.news A:hover { text-decoration: underline; }

P.path { margin: 0 0 8px 0; color: #c9c9c9; font-size: 9px; }
P.path A { color: #c9c9c9; text-decoration: none; }
P.path A:hover { color: #000; text-decoration: none; }

.portlet UL { padding: 0 0 0 20px; margin: 1em 0 0 0; list-style: none; }
.portlet UL UL { margin: .5em 0; font-size: 10px; }
.portlet UL LI { padding: 0 0 0 12px; background: url(dot05.gif) 0 8px no-repeat; }
.portlet UL UL LI { padding: 0 0 0 12px; background: url(dot01.gif) 0 8px no-repeat; }

TABLE.form { border: none; }
TABLE.form TH { border-width: 1px 0; width: 30%; background: #fff; text-align: right; padding: 5px 10px 5px 0; font-weight: normal; }
TABLE.form TD { border-width: 1px 0; width: 70%; background: #fff; padding: 3px 0; }
TABLE.form INPUT.small { width: 120px; }
TABLE.form INPUT.date { width: 75px; }
TABLE.form INPUT.time { width: 20px; }
TABLE.form INPUT.default,
TABLE.form TEXTAREA.default { width: 294px; }
TABLE.form TEXTAREA.small { width: 120px; }
TABLE.form SELECT.default { width: 300px; }
TABLE.form SELECT.small { width: 120px; }
TABLE.form SELECT { margin-bottom: -1px; vertical-align: middle; }
TABLE.form INPUT { vertical-align: middle; }

TABLE.form_2col { border: none; }
TABLE.form_2col TH { border-width: 1px 0; width: 20%; background: #fff; text-align: right; padding: 5px 10px 5px 0; font-weight: normal; }
TABLE.form_2col TD { border-width: 1px 0; width: 30%; background: #fff; padding: 3px 0; }
TABLE.form_2col INPUT.small { width: 75px; }
TABLE.form_2col INPUT.date { width: 75px; }
TABLE.form_2col INPUT.time { width: 20px; }
TABLE.form_2col INPUT.default,
TABLE.form_2col TEXTAREA.default { width: 148px; }
TABLE.form_2col TEXTAREA.small { width: 75px; }
TABLE.form_2col SELECT.default { width: 150px; }
TABLE.form_2col SELECT.small { width: 75px; }
TABLE.form_2col SELECT { margin-bottom: -1px; vertical-align: middle; }
TABLE.form_2col INPUT { vertical-align: middle; }

TABLE.data INPUT.small { width: 50px; }
TABLE.data INPUT.date { width: 75px; }
TABLE.data INPUT.time { width: 20px; }
TABLE.data INPUT.max { width: 96%; }
TABLE.data INPUT.default,
TABLE.data TEXTAREA.default { width: 294px; }
TABLE.data SELECT.default { width: 300px; }
TABLE.data SELECT { margin-bottom: -1px; vertical-align: middle; }
TABLE.data INPUT { vertical-align: middle; }

P.actions { text-align: center; }
P.actions INPUT { border: 1px solid #d8d8d8; padding: 2px 10px; overflow: visible; color: #fff; background: #247fb7 url(bg03.png) 0 50% repeat-x; font-weight: bold; cursor: pointer; }
P.actions_separated {border-top:1px solid; margin-left: 5%; margin-right: 5%; padding-top: 1em;}

INPUT.submitbutton { border: 1px solid #d8d8d8; padding: 2px 10px; overflow: visible; color: #fff; background: #247fb7 url(bg03.png) 0 50% repeat-x; font-weight: bold; cursor: pointer; }