BODY, HTML { min-height: 100%; height: 100%; }

/**** Layout ****/

#container { width: 970px; margin: auto; min-height: 100%; background: url(bg02.png); }
* HTML #container { height: 100%; }
#header { position: relative; margin: 0; padding: 0 10px 0 10px; height: 176px; background: url(bg07.jpg) no-repeat; }
	#logo { float: left; margin: 45px 0 0 0; }
		#logo A { border: 0; }
	#toplabel { position: absolute; top: 60px; left: 270px; font-size: 15px; }
	#search { position: absolute; top: 50px; left: 774px; }
		#search FORM { padding: 0 0 27px 0; }
		#search INPUT.txt { float: left; width: 155px; padding: 1px 0 0 4px; background: none; border: 1px solid #fff; color: #fff; border-right: none !important; }
		#search INPUT.btn { float: left; width: 16px; height: 18px; background: url(bg06.png) no-repeat; border: 0; cursor: pointer; }
		#sitemap { padding: 0 0 0 15px; border: 0; color: #fff; background: url(ico01.gif) no-repeat 0 5px; }
		A#sitemap:hover { text-decoration: underline; }
#menu1 { position: absolute; bottom: 0; left: 10px; }
UL#menu1 { margin: 0; padding: 0; width: 970px; height: 30px; list-style: none; font-size: 12px; color: #fff; }
UL#menu1 LI { float: left; background: url(bg03.png) no-repeat right; }
UL#menu1 LI A { display: block; padding: 7px 12px 7px 12px; color: #fff; border: 0; background: url(blank.gif) -1000px -1000px no-repeat; }
UL#menu1 LI A:hover { background: #fff; color: #202020; }
UL#menu1 LI A.active { background: #fff; color: #202020; }
#content { padding: 0 10px 77px 10px; line-height: 18px; }
#footer{ width: 100%; height: 47px; margin: -47px 0 0 0; background: url(bg11.png) repeat-x; }
#footerfix { margin: auto; width: 950px; height: 47px; color: #fff; background: url(bg10.png) repeat-x; }
	#copyright { margin: 15px 0 0 20px; float: left; color: #818181; }
	#copyright A { color: #fff; border: 0; }
	#copyright SPAN { display: block; float: left; margin: 0 10px 0 0; padding: 5px 10px 5px 0; background: url(bg12.png) no-repeat right; }
	#exact { margin: 19px 20px 0 0; float: right; }
	#exact A {  color: #828282; border: 0; }
	#copyright A:hover, #exact A:hover { text-decoration: underline;}

/* Index */
#box01, #box02, #box03 { float: left; }
#box01 { margin: 0 20px 0 0; padding: 10px 20px 0 20px; width: 507px; }
#box02 { margin: 0 18px 0 0; padding: 10px 0 0 0; width: 150px; }
#box03 { width: 175px; padding: 10px 20px 0 20px; }

#box01 H1 { background: url(bg04.png) no-repeat 0 1px; }
#newsevents { padding: 0; margin: 0; list-style: none; }
#newsevents H2 A { color: #ff4e00; border: 0; }
#newsevents H2 A:hover { color: #ff834c; }
#newsevents SPAN { font-size: 9px; color: #898989; }
#newsevents IMG { margin: 0 10px 5px 0; }
UL#newsevents LI { padding: 0 0 23px 0; margin: 0 0 15px 0; border-bottom: 1px solid #e9e9e9; }

#box02 H1 { background: url(bg05.png) no-repeat 0 1px; }
#box02 A { border: none; }
#box02 UL.imagelist { padding: 0; margin: 12px 0 0 0; }
#box02 UL.imagelist LI IMG { width: 75px; height: 75px; border: 0; }
#box02 UL.imagelist LI A { border: 0; }
#box02 UL.imagelist LI { margin: 0; padding: 0; }

#box03 H1 { background: url(bg09.png) no-repeat 0 1px; }
#birthday { margin: 17px 0 0 0; }
#birthday UL { margin: 0; padding: 0; list-style: none; }
#birthday UL LI { margin: 0 0 10px 0; }
#birthday UL LI P { margin: 6px 0 0 0; }
#birthday UL LI A { display: block;}
#birthday UL LI A IMG { float: left; margin: 0 14px 0 0; width: 36px; height: 36px; padding: 1px; background: #fefefe; border: 1px solid #d3d3d3; }
#birthday A { color: #ff4e00; border: 0; }
#birthday A:hover { color: #ff834c; }
.date01 { color: #898989 !important; }
.date02 { color: #272727 !important; }

/* Sub */
.sub { background: url(bg16.png) !important; }
#box04, #box05 { float: left; }
#box04 { width: 170px; padding: 30px 0 0 20px; }
#box05 { margin: 0 20px 0 20px; padding: 30px 0 0 0; width: 505px; }

#menu2 { margin: 0 0 27px 0; padding: 0; list-style: none; line-height: 15px !important; }
UL#menu2 LI A { display: block; padding: 5px 0 4px 14px; color: #272727; border: 0; background: url(bg17.gif) no-repeat; }
UL#menu2 LI A:hover, UL#menu2 LI A.active { background: url(bg17.gif) 0 -30px no-repeat; }
UL#menu2 LI UL { margin: 7px 0 5px 0; padding: 0; list-style: none; }
UL#menu2 LI { border-bottom: 1px solid #fff; }
UL#menu2 LI UL LI A { display: block; padding: 3px 0 3px 32px; color: #6e6e6e; border: 0; background: url(bg17.gif) 0 -61px no-repeat; }
UL#menu2 LI UL LI A:hover, UL#menu2 LI UL LI A.active { background: url(bg17.gif) 0 -93px no-repeat; color: #272727; }

P.path { margin: 0; color: #898989; }
P.path A { color: #898989; border: 0; }
P.path A:hover { text-decoration: underline; }

#box05 H1 { background: url(bg05.png) no-repeat 0 1px; }
#box05 H2 { padding: 0 0 4px 0; color: #272727; font-size: 13px; font-style: italic; font-weight: normal; border-bottom: 1px solid #e9e9e9; }

#box05 UL { margin: 1em 0 0 18px; padding: 0; list-style: none; }
#box05 UL LI { margin: 3px 0 0 0; padding: 0 0 0 12px; background: url(ln01.gif) no-repeat 0 5px; }

.btn01 INPUT, .btn02 INPUT { background: 0; border: 0; cursor: pointer; }
SPAN.btn01 { float: left; margin: 0; padding-left: 2px; background: url(bg18.gif) 0 -30px no-repeat; } 
SPAN.btn01 SPAN { float: left; background: url(bg18.gif) 100% -30px no-repeat; padding: 3px 5px 7px 5px; margin: 0; }

SPAN.btn02 { float: left; margin: 0; padding-left: 2px; background: url(bg19.gif) 0 -30px no-repeat; } 
SPAN.btn02 SPAN { float: left; background: url(bg19.gif) 100% -30px no-repeat; padding: 3px 5px 7px 5px; margin: 0; }

/**** Default Table ****/
.content TABLE { width: 100%; margin: 1em 0 0 0; padding: 0; border: 1px solid #cbcbcb; }
.content TABLE TR.tableheading TD { background: none; padding: 4px 0 4px 6px; background: #cbcbcb; font-size: 15px; text-align: left; border: none; }
.content TABLE TH { padding: 3px 5px; line-height: normal; border: 0 none; background: #8c8c8c url(bg20.gif) no-repeat; font-weight: bold; color: #fff; }
.content TABLE TD { padding: 3px 5px; line-height: normal; border: 0 none; background: #ffffff url(bg20.gif) no-repeat; }
.content TABLE TR.even TD { border: 0 none; background: #ebebeb url(bg20.gif) no-repeat; }
.content TABLE TR.last TD { height: 1px; padding: 0; background: #fff; background-image: none; font-size: 1px; line-height: 1px; }

/**** Comments ****/
UL.comments01 { padding: 0 0 1px 0 !important; margin: 10px 0 0 0 !important; }
UL.comments01 LI { padding: 0 0 10px 0 !important; margin: 0 !important; float: left; width: 100%; background: none !important; border-bottom: 1px solid #e9e9e9 }
UL.comments01 LI P { margin: 10px 0 0 0 !important; padding: 0 !important; }
UL.comments01 LI P.gray1 { color: #5e5d5d; }
UL.comments01 LI P.gray1 A { color: #484747; }
UL.comments01 LI P.gray1 A:hover { color: #C10108; }

/**** Form ****/

TABLE.form { }
TABLE.form TH { line-height: normal; width: 30%; padding: 5px 10px 5px 10px; border: solid #fff; border-width: 1px 0; background: #d7d7d7; text-align: right; color: #272727; }
TABLE.form TD { line-height: normal; width: 70%; padding: 1px 10px 1px 10px; border: solid #fff; border-width: 1px 0; background: #eaeaea; }
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: #272727; padding: 5px 10px; background: #dfdede; }
TABLE.form A { color: #777; text-decoration: underline; border: none; }
TABLE.form A:hover { color: #e40000; }

/**** Messages ****/

P.msg-error { border: 1px solid #cc0000; color: #fff; padding: 4px 8px; background: #d04747; line-height: normal; text-align: center; }
P.msg-error A { color: #fff; border: 0; text-decoration: underline; }
P.msg-ok { border: 1px solid #2b7e11; color: #fff; padding: 4px 8px; background: #7ba16f; line-height: normal; text-align: center; }
P.msg-ok A { color: #fff; border: 0; text-decoration: underline; }
P.msg-info { border: 1px solid #eeedba; color: #000; padding: 4px 8px; background: #f2f2e2; line-height: normal; text-align: center; }
P.msg-info A { color: #000; border: 0; text-decoration: underline; }

/**** 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: #ff834c; line-height: normal; }
UL.pages LI { float: left; background: none !important; padding: 0 !important; margin: 0 !important; }
UL.pages LI.label { padding: 4px 5px 3px 5px !important; color: #fff;  font-weight: bold; }
UL.pages LI A { float: left; padding: 4px 4px !important; text-decoration: none; color: #fff; border: 0; }
UL.pages LI A:hover { background: #fff; color: #000; }
UL.pages LI A.active { background: #fff; color: #000; }
UL.pages LI.neutral { padding: 4px 5px 3px 5px !important; color: #000; }

/**** 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 A { color: #ff4e00; border: 0; }
UL.news A:hover { color: #ff834c; }
UL.news A.comments { text-decoration: none; color: #C10108; }
UL.news A:hover.comments { text-decoration: none; color: #C10108; }
UL.news P { margin: 0; padding: 0; }
UL.news P.heading { font-weight: normal; padding: 1px 0 1px 12px; background: url(dot01.gif) 0 7px no-repeat; }
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: 18px; }
OL.searchresults P { margin: 0; }
OL.searchresults P.lead { padding: 5px 0 10px 0; font-size: 11px; }

UL.tabs { border-bottom: 2px solid #ff834c; 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: #fff; color: #000; padding: 1px 10px 2px 10px; text-decoration: none; border: 0; }
UL.tabs A:hover { background: #ff834c; color: #fff; }
UL.tabs A.active { background: #ff834c; color: #fff; }

/**** Image list ****/
UL.imagelist { padding: 0; margin: 5px 0 0 0; list-style: none; }
UL.imagelist LI { float: left; margin: 10px 10px 0 0; padding: 0; 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: 100px; height: 100px; 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; }

A#TB_next, A#TB_prev, A#TB_closeWindowButton, A#TB_ImageOff { border: 0; }

/**** Calendar ****/
/* The main calendar widget. DIV containing a table. */
.calendar { margin: 13px 0 0 0; background: #FFF; font-size: 10px; line-height: normal !important; }
.calendar TABLE { margin: 0; }
.calendar TD { font-size: 10px; text-align: center; vertical-align: middle; width: 25px; height: 25px; }
.day { color: #5b5b5b; }
.othermonth { color: #bfbfbf;  }
.day A { display: block; padding: 5px 0 6px 0; color: #ff8a00; border: 0; }
.day A:hover, .day A.active { display: block; padding: 5px 0 6px 0; background: url(bg14.png) no-repeat; border: 0; color: #ee3e00; }
#choosemonth { padding: 9px; font-size: 11px; border-bottom: 2px solid #d8d8d8;  }
#choosemonth A { color: #333333; border: 0; }
.mgl { margin: 0 33px 0 33px; }
/* Cells <TD> containing month days dates */
.calendar TBODY .day { background: url(bg13.png) no-repeat; }
.calendar TBODY .day.othermonth { background: url(bg14.png) no-repeat; }
/* Combo boxes (menus that display months/years for direct selection) */
* HTML .calendar .combo .label-IEfix { height: 1px; }
.calendar .combo .active { background: #7f96c2; color: #FFF; }
.calendar .combo .hilite { background: #004687; color: #FFF; cursor: pointer; }
.calendar TD.time { text-align: center; background-color: #e8f0f4; }
.calendar TD.time .hour,
.calendar TD.time .minute,
.calendar TD.time .ampm { text-align: center; font-weight: bold; background-color: #fff; }
.calendar TD.time .colon { padding: 0px 2px 0px 3px; font-weight: bold; }
.calendar TD.time SPAN.hilite { border-color: #000; background-color: #667; color: #fff; }
.calendar TD.time SPAN.active { border-color: #f00; background-color: #000; color: #0f0; }

/**** Login page ****/

#loginbox1 { width: 100%; text-align: center; background: #e9e9e9; height: 100%; }
#loginbox2 { margin: auto; width: 450px; padding-top: 200px; }
#loginbox3 { padding: 1px; background: #ddd; }
#loginbox4 { background: #fff; padding: 3px; }
#loginbox5 { text-align: left; padding: 0; background: #fff; }
#loginbox5 P.msg-error { margin: 2px 0; }
#loginbox5 TABLE.form { width: 100%; margin: 0; border-color: #fff; border-width: 3px 0; }
#loginbox5 TABLE.form TH { background: #fafafa; border-color: #fff; border-width: 1px 0; padding: 7px 10px; width: 30%; }
#loginbox5 TABLE.form TD { background: #fafafa; border-color: #fff; border-width: 1px 0; padding: 3px 10px 3px 0; width: 70%; }
#loginbox5 INPUT.default { width: 214px; }
#loginbox5 SELECT.default { width: 220px; }
#loginbox5 P.actions { padding: 5px 10px; margin: 0 1px; text-align: center; border-top: 1px solid #eee; }
#loginbox5 P.actions INPUT { padding: 5px 15px; float: none; vertical-align: middle; }
#loginbox5 P.actions INPUT.idcard { padding: 0; }
#loginbox5 P.actions IMG { vertical-align: middle; margin: 0 5px 0 0; cursor: pointer; }
#loginbox6 { background: #fafafa; padding: 20px; text-align: center; font-weight: bold; margin: 0; line-height: 19px; color: #e40000; }
#loginbox7 { background: #fafafa; padding: 10px 20px 20px 20px; text-align: left; margin: 0; line-height: 15px; }
#loginbox7 B { color: #e40000; }
#loginbox7 P { margin: 0; padding: 10px 0 0 0; }
#loginbox7 UL { padding: 0; margin: 10px 0 0 0; list-style: none; }
#loginbox7 UL LI { padding: 0 0 0 20px; margin: 0; background: url(dot01.gif) 10px 6px no-repeat; }
#loginbox7 UL A { color: #545454; text-decoration: underline; border: 0; }
#loginbox7 H1 { font-size: 30px; color: #e40000; }
#login-header { border-bottom: 1px solid #eee; padding: 10px; }
#login-header #logo { float: left; margin: 0; }
#login-footer { background: #fff; height: 28px; overflow: hidden; color: #969696; }
#login-footer P { background: #333 url(bg04.gif) repeat-x; margin: 3px 0 0 0; padding: 5px 10px 7px 10px; }
#login-footer SPAN { color: #5e5e5e; margin: 0 5px; }
#login-footer A { color: #969696; }
#login-footer A:hover { color: #fff; }