BODY, HTML { min-height: 100%; height: 100%; }
#container { position: relative; height: auto !important; /* real browsers */ height:100%; /* IE6: treaded as min-height*/ min-height:100%; /* real browsers */ background: url(bg17.png) repeat-y; background-position: center; }

/**** Layout ****/
#top { margin: 0 0 0 0; width: 100%; height: 56px; background: url(bg01.png) repeat-x; border-bottom: 2px solid #f3f3f3; }

/* Main menu */
#menu1 { margin: auto; }
#menu1 UL { margin: 0; padding: 0; list-style: none; }
#menu1 UL LI { float: left; background: url(bg02.png) right no-repeat; }
#menu1 UL LI A { position: relative; display: block; padding: 19px 27px; color: #c9eeff; text-decoration: none; }
#menu1 UL LI A:hover { background: url(bg03.png); }
#menu1 UL LI A.active { background: url(bg03.png); font-weight: bold; color: #fff; }

#middle { background: #fff; }
#bottom { position: absolute; bottom: 0; width: 100%; height: 45px; background: url(bg04.png); color: #828282; }
#bottom A { color: #abaaaa; text-decoration: none; }
#bottom A:hover { color: #abaaaa; text-decoration: underline; }
#bottom P SPAN { padding: 0 30px 0 0; margin: 0 22px 0 0; background: url(dot01.png) no-repeat right; }
.content { margin: auto; width: 830px; }

#header { width: 830px; height: 245px; background: url(header_bg.jpg) no-repeat; }

#box01 { float: left; padding: 0 0 0 10px; width: 190px; height: 245px; } /* width depends on padding: 200px total; height depends on padding: 245px total */
	#home { position: relative; display: block; height: 195px; background: none; }
#box02 { float: left; width: 630px; height: 245px; }

#lang { float: right; height: 20px; padding: 0 0 0 26px; background: url(bg11.png) left no-repeat; font-size: 10px; }
* HTML #lang { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg11.png', sizingMethod='crop'); }
#lang A { display: block; float: left; color: #3c3c3c; background: #f3f3f3; text-decoration: none; padding: 0 0 0 14px; height: 20px; }
#lang A:hover { color: #0086cf; text-decoration: none; }
#lang A.active { color: #0086cf; text-decoration: none; }
#box03 { float: left; width: 416px; height: 41px; background: url(bg07.png); }
#box04 { float: left; width: 414px; height: 41px; background: url(bg08.png); }
#box05 { float: left; width: 376px; padding: 20px; } /* width depends on padding: 416px total */

#box05 UL { margin: 1em 0 0 12px; padding: 0; list-style: none; }
#box05 UL LI { padding: 0 0 0 18px; background: url(dot02.png) no-repeat 0 6px; }

#box06 { float: left; width: 374px; padding: 20px; } /* width depends on padding: 414px total */

/**** Sub menu ****/
#menu2 { float: left; width: 200px; }
#menu2 UL { margin: 0; padding: 0; list-style: none;  }
#menu2 UL LI { display: inline; }
#menu2 UL LI A { display: block; padding: 13px 10px 10px 20px; background: url(bg12.png) no-repeat; font-weight: bold; color: #6d4800; text-decoration: none; }
#menu2 UL LI A SPAN { background: url(dot03.gif) no-repeat 0 6px; padding: 0 0 0 10px; }
#menu2 UL LI A:hover, #menu2 UL LI A.active { background: url(bg13.png); color: #00529e; }
#menu2 UL LI A:hover SPAN, #menu2 UL LI A.active SPAN { background: url(dot04.gif) no-repeat 0 6px; padding: 0 0 0 10px; }
#menu2 UL LI UL { border-top: 1px solid #f3f3f3; }
#menu2 UL LI UL LI A { display: block; padding: 1px 0 1px 28px; background: url(bg14.png); font-weight: normal; color: #3c3c3c; text-decoration: none; }
#menu2 UL LI UL LI A SPAN { background: url(dot03.gif) no-repeat 0 6px; padding: 0 0 0 10px; }
#menu2 UL LI UL LI A:hover, #menu2 UL LI UL LI A.active { background: url(bg14.png); color: #00529e; }
#menu2 UL LI UL LI A:hover SPAN, #menu2 UL LI UL LI A.active SPAN { background: url(dot04.gif) no-repeat 0 6px; color: #00529e; }


#botpad { padding: 0 0 162px 0; }

/**** Sub content *****/
#subheading { width: 630px; height: 41px; background: url(bg16.png); }
#subcontent { float: left; width: 630px; }
#subcontent TH, #subcontent TD { padding: 2px 4px; }
.wide { width: 830px !important; }
.wide DIV#subheading { width: 830px; background: url(bg18.png) repeat-x; }
#subcontent H1 { margin: 20px 0 0 0; font-size: 19px; font-weight: bold; color: #393939; }
#subcontent H2 { margin: 12px 0 0 0;  font-size: 12px; font-weight: bold; color: #3a3a3a; }
#subcontent UL { margin: 1em 0 0 12px; padding: 0; list-style: none; }
#subcontent UL LI { padding: 0 0 0 18px; background: url(dot02.png) no-repeat 0 6px; }
#subcontent P.path { margin: 20px 0 0 0; color: #8e8d8d; }
#subcontent P.path SPAN { margin: 0 2px 0 2px; }
#subcontent P.path A { color: #8e8d8d; text-decoration: none; }
#subcontent P.path A:hover { text-decoration: underline; }
#subpadding { padding: 0 70px 0 20px;}
#support-cont { position: absolute; bottom: 0; width: 100%; line-height: 18px; }
#supporters { margin: 10px auto 65px auto; width: 790px; height: 74px; background: url(bg09.png); }

/**** Other ****/
DIV.welcome-lbl, DIV.news-lbl { font-size: 16px; font-weight: bold; color: #fff; padding-left: 20px; padding-right: 20px; }
.news-lbl, .welcome-lbl { padding-top: 11px; }
* HTML .news-lbl { padding-top: 12px; }
* HTML .welcome-lbl { padding-top: 12px; }
.news-ico { padding-top: 13px; padding-right: 20px; }
* HTML .news-ico { padding-top: 15px; }
.news-ico IMG { margin-left: 14px; }
#box05 P.welcome { font-size: 12px; font-weight: bold; color: #323232; }
#indexnews { padding: 0; margin: 0; list-style: none; }
#indexnews IMG { margin: 17px 17px 17px 0; }
UL#indexnews LI { margin: 0 0 10px 0 ; }
UL#indexnews LI A { display: block; color: #00529e; text-decoration: none; }
UL#indexnews LI A:hover { color: #4c86bb; }
UL#indexnews LI A SPAN.newsheading { font-size: 12px; font-weight: bold; }
.allnews { dispaly: block; padding: 1px 22px 1px 0; background: url(btn01.png) right no-repeat;  }
#ourfriends { margin: 5px 0 0 12px; font-weight: bold; }
.friendslink { float: left; margin: 10px 0 0 17px; }
.separator { float: left; margin: 5px 0 0 17px; }
#friend01 { display: block; padding: 6px 0 6px 114px; background: url(pic04.png) no-repeat; }
#friend02 { display: block; padding: 6px 0 6px 54px; background: url(pic03.png) no-repeat; }
#friend03 { display: block; padding: 6px 0 6px 114px; background: url(pic06.gif) no-repeat; }
/* Fancy Buttons */
	/* for white background */
SPAN.btn { float: left; margin: 0 0 0 1px; background: url(button.gif) 0 -30px no-repeat; } 
SPAN.btn SPAN { float: left; background: url(button.gif) 100% -30px no-repeat; }
	/* for green background */
SPAN.btn02 { float: left; margin: 0 0 0 1px; background: url(button02.gif) 0 -30px no-repeat; } 
SPAN.btn02 SPAN { float: left; background: url(button02.gif) 100% -30px no-repeat; }
	/* overal text properties */
SPAN.btn INPUT, SPAN.btn02 INPUT { background: transparent; font-size: 11px; font-weight: bold; color: #6d4801; border: none; cursor: pointer; overflow: visible; padding: 4px 8px 4px 8px; min-height: 19px; }
/* Special Forms */
#box01 FORM { margin: 6px 0 0 0; }
#box01 FORM INPUT.txt { float: left; border: 0; padding: 5px 0 4px 5px; width: 112px; background: url(bg10.gif) no-repeat; }
/* Colors */
.clr-b1 { color: #b1b1b1 !important; }
.clr-48 { color: #484848 !important; }
/* Fixes */
.mgt17px { display: block; margin-top: 12px; }
.mg18px { margin: 13px 18px 0 18px; }

/**** Form ****/
TABLE.form {}
TABLE.form TH { line-height: normal; width: 30%; padding: 5px 10px 5px 10px; text-align: right; }
TABLE.form TD { line-height: normal; width: 70%; padding: 1px 10px 1px 10px; }
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: #3a3a3a; padding: 5px 10px; background: #dfdede; }
TABLE.form A { color: #777; text-decoration: underline; }
TABLE.form A:hover { color: #e40000; }

/**** Messages ****/
P.msg-error { color: #fff; padding: 8px 12px; background: #c00; line-height: normal; text-align: center; }
P.msg-error A { color: #fff; }
P.msg-ok { color: #fff; padding: 8px 12px; background: #2b7e11; line-height: normal; text-align: center; }
P.msg-ok A { color: #fff; }
P.msg-info { color: #000; padding: 8px 12px; background: #eeedba; line-height: normal; text-align: center; }
P.msg-info A { color: #000; }

/**** Action buttons ****/
P.actions { line-height: normal; }
P.actions BUTTON,
P.actions INPUT { border: 1px solid #676767; background: #d7d7d7; padding: 1px 10px; overflow: visible; cursor: pointer; float: left; margin: 0 5px 0 0; color: #000; }

/**** Paging ****/
UL.pages { margin: 1em 0 0 0 !important; padding: 0 5px !important; background: #f3f3f3; line-height: normal; }
UL.pages LI { float: left; background: none !important; padding: 0!important; margin: 0; }
UL.pages LI.label { padding: 4px 5px 3px 5px !important; color: #3a3a3a;  font-weight: bold; }
UL.pages LI A { float: left; padding: 4px 4px; text-decoration: none; color: #3a3a3a; }
UL.pages LI A:hover { background: #c2e5f2; color: #fff; }
UL.pages LI A.active { background: #c2e5f2; color: #fff; }
UL.pages LI.neutral { padding: 4px 5px 3px 5px !important; color: #3a3a3a; }

/**** News ****/
UL.news { margin: 1em 0 0 0 !important; padding: 0 !important; list-style: none; }
UL.news LI { display: inline; padding: 0 !important; margin: 0 !important; background: none !important; }
UL.news P { margin: 0; padding: 0; }
UL.news P.heading { font-weight: bold; padding: 1px 0 1px 12px !important; }
UL.news P.lead { margin: 0; padding: 0 0 5px 12px; }
UL.news SPAN.date { color: #888; font-weight: normal; margin: 0 0 0 10px; float: right; }

/**** Sitemap ****/
#sitemap-tree { font-weight: bold; }
#sitemap-tree UL { padding: 10px 0 10px 20px !important; margin: 0; font-weight: normal; }

/**** Search Results ****/
OL.searchresults { line-height: 15px; }
OL.searchresults P { margin: 0; }
OL.searchresults P.lead { padding: 5px 0 10px 0; font-size: 11px; }

UL.tabs { border-bottom: 2px solid #e2e2e2; padding: 0 !important; margin: 1em 0 0 0 !important; }
UL.tabs * { float: left; }
UL.tabs LI { padding: 0 2px 0 0 !important; background: none !important; margin: 0 !important; }
UL.tabs A { background: #f3f3f3; color: #3a3a3a; padding: 1px 10px 2px 10px !important; text-decoration: none; }
UL.tabs A:hover { background: #0086cf; color: #fff; }
UL.tabs A.active { background: #0086cf; color: #fff; }

/**** Image list ****/
UL.imagelist { padding: 0 !important; margin: 5px 0 0 0 !important; list-style: none; }
UL.imagelist LI { float: left; margin: 10px 10px 0 0 !important; padding: 0 !important; background: none !important; }
UL.imagelist LI A { float: left; border: 1px solid #e5e5e5; }
UL.imagelist LI A:hover { border-color: #aaa; }
UL.imagelist LI IMG { width: 110px; height: 110px; border: 1px solid #fff; }
UL.imagelist2 { float: right; margin: 1em 0 0 1em; width: 84px; }
UL.imagelist2 LI { margin: 3px 0 0 0; }

/**** Thickbox ****/
/** {padding: 0; margin: 0;}*/
#TB_overlay { position: fixed; z-index: 100; top: 0px; left: 0px; height: 100%; width: 100%; }
* HTML #TB_overlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG { background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }
#TB_window { position: fixed; background: #fff; z-index: 102; display: none; border: 4px solid #525252; text-align: left; top: 50%; left: 50%; }
* HTML #TB_window { position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
#TB_Image { margin: 10px 0 0 10px; }
#TB_caption { padding: 10px; float: left; }
#TB_caption_text { float: left; padding: 4px 0 0 10px; }
#TB_closeWindow { float: right; padding: 10px; }
#TB_closeWindowButton { display: block; width: 23px; height: 23px; background: url(thickbox_close.gif) no-repeat; }
#TB_closeAjaxWindow { float: right; padding: 10px; }
#TB_ajaxWindowTitle { float: left; padding: 7px 0 5px 10px; margin-bottom: 1px; }
#TB_title { background-color: #e8e8e8; height: 27px; }
#TB_ajaxContent { clear: both; padding: 2px 10px 10px 10px; overflow: auto; text-align: left; line-height: 1.4em; }
#TB_ajaxContent.TB_modal { padding: 10px; }
#TB_ajaxContent P { padding: 5px 0px 5px 0px; }
#TB_load { position: fixed; display: none; height: 13px; width: 208px; z-index: 103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ }
* HTML #TB_load { position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
#TB_HideSelect { z-index: 99; position: fixed; top: 0; left: 0; background-color: #fff; border: none; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; height: 100%; width: 100%; }
* HTML #TB_HideSelect { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
#TB_iframeContent { clear: both; border: none; margin-bottom: -1px; margin-top: 1px; _margin-bottom: 1px; }

#TB_next { display: block; width: 23px; height: 23px; background: url(thickbox_next.gif) no-repeat; float: left; margin: 0 2px 0 0; }
#TB_prev { display: block; width: 23px; height: 23px; background: url(thickbox_prev.gif) no-repeat; float: left; margin: 0 2px 0 0; }