/* Init */

BODY, HTML { padding: 0; margin: 0; background: #fff; text-align: center; height: 100%; min-height: 100%; }
BODY, INPUT, SELECT, BUTTON, TEXTAREA, TD, TH { color: #000; line-height: normal; font-family: Tahoma, Arial, Helvetica, sans-serif; color: #383838; font-size: 11px; outline: none; margin: 0; }

A { text-decoration: underline; color: #ce0000; }
A:hover { text-decoration: underline !important; color: #e81717; }

IMG { border: 0 none; }

TABLE { border-collapse: collapse; border-spacing: 0; margin: 1em 0 0 0; }
TABLE TH { text-align: left; vertical-align: top; padding: 0; }
TABLE TD { text-align: left; vertical-align: top; padding: 0; }

P { margin: 1em 0 0 0; }
FORM { padding: 0; margin: 0; }

H1, H2, H3, H4, H5, H6 { margin: 1em 0 0 0; padding: 0; font-family: Tahoma, Arial, Helvetica, sans-serif; color: #353535; line-height: normal !important; }
H1 { font-size: 24px; font-weight: normal; margin: 0; }
H2 { font-size: 14px; font-weight: bold; }
H2.type01 { border-bottom: 1px dashed #ccc; padding-bottom: 2px; margin: 2em 0 0 0; }
H3 { font-size: 11px; font-weight: bold; }
H4 { font-size: 11px; font-weight: normal; }
H5 { font-size: 10px; font-weight: bold; }
H6 { font-size: 10px; font-weight: normal; }

P.type01 { float: right; margin: -22px 0 0 0; }
P.type01 A { float: left; background: url(ico_pdf.gif) 0 0 no-repeat; padding: 1px 0 3px 20px; text-decoration: none !important; color:  #383838; }
P.type01 A:hover { text-decoration: underline !important; color: #666; }

.w100p { width: 100%; }
.req { color: #2a669a; }
.img-right { float: right; margin: 0 0 10px 10px; clear: both; }
.hidden { display: none; }


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

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

.nopadding { padding: 0 !important; }
.nomargin { margin: 0 !important; }
.middle { vertical-align: middle; } 

IMG.ico { cursor: pointer; }

.mt1em { margin-top: 1em; }

.clear { overflow: hidden; clear: both; }
* HTML .clear { overflow: visible; height: 1px; }

.center { text-align: center; }
.bold { font-weight: bold; }

/* Components */

P.pages { background: #eeeeee; padding: 4px; font-size: 10px; text-align: center; color: #b5b5b5; line-height: normal; }
P.pages A { text-decoration: none !important; padding: 0 5px; color:#353535; }
P.pages A:hover { text-decoration: underline !important; }
P.pages A.active { background: #c51f25; color: #fff; }
P.pages A.active:hover { color: #fff; }

/* 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; }

TABLE.form { line-height: normal !important; border: none !important; border-bottom: 1px solid #eee !important; }
TABLE.form TD { border: none !important; border-top: 1px solid #eee !important; }
TABLE.form TD.name { width: 35%; padding: 5px 10px 5px 0 !important; text-align: right; font-weight: bold; }
TABLE.form TD.text { width: 65%; padding: 5px 0 5px 0 !important; }
TABLE.form TD.name-inpt { width: 35%; padding: 2px 10px 2px 0 !important; text-align: right; }
TABLE.form TD.inpt { width: 65%; padding: 2px 0 2px 0 !important; }
TABLE.form TD.data { width: 65%; padding: 5px 0 5px 0 !important; }
TABLE.form TD.tbl { width: 65%; padding: 5px 0 5px 0 !important; }
TABLE.form .radio { background: none !important; border: none !important; }
TABLE.form INPUT,
TABLE.form SELECT { vertical-align: middle; }
TABLE.form TR.subheading TD { font-weight: bold; color: #CE0000; padding: 25px 10px 5px 0 !important; border-bottom: 1px solid #eee !important; }
TABLE.form .submit { margin-right: 2px; border: 1px solid; border-color: #cbcbcb #939393 #939393 #cbcbcb; background: #ebebeb; color: #626262; font-size: 10px; overflow: visible; padding: 0 10px; cursor: pointer; }
TABLE.form .disabled { background: #e2e2e2; 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; }
TABLE.form TABLE { margin: 0; }
TABLE.form TABLE TD { border: 1px solid #dcdcdc !important; }
TABLE.form TABLE TD.inpt { width: auto; padding: 0; }

.news-img { float: left; margin: 3px 8px 0 0; background: #fff; padding: 1px; border: 1px solid #CBCBCB; width: 50px; }

TABLE.filter { width: auto !important; border: none !important; }
.wdate { width: 56px; float: left; }

P.actions { text-align: right; }
P.actions INPUT,
P.actions BUTTON { border: none; padding: 2px 15px; overflow: visible; background: #CE0000; color: #fff; cursor: pointer; }
P.actions .disabled { background: #e2e2e2; color: #fff; }

#sitemap A { text-decoration: none !important; }
#sitemap A:hover { text-decoration: underline !important; color: #e81717; }
#sitemap UL { margin: 0.5em 0; }
#sitemap UL A { color: #000; }
#sitemap LI { font-weight: bold; }
#sitemap LI LI { font-weight: normal; }
#sitemap LI LI LI { font-weight: normal; font-size: 10px; }

DL.news { padding: 0; margin: 1em 0 0 0; line-height: 16px; }
DL.news H2 { color:#CE0000; }
DL.news DT { padding: 0 0 0 12px; margin: 0; background: url(dot03.gif) 0 5px no-repeat; }
DL.news DT SPAN { color: #aaa; }
DL.news DT A { font-weight: bold; text-decoration: none; color:#383838; }
DL.news DD { padding: 5px 0 10px 10px; margin: 0; }

DIV.content { line-height: 16px; width: 100%; }
DIV.content H1 { margin: 0 0 20px 0; }
DIV.content A { text-decoration: underline; }
DIV.content UL { list-style: none; padding: 0 0 0 10px; margin: 1em 0 0 0; }
DIV.content LI { background: url(dot03.gif) 0 5px no-repeat; padding: 0 0 0 10px; }
DIV.content TABLE { width: 100%; border: 1px solid #e2e2e2; }
DIV.content TABLE TH { padding: 5px 5px; background: #e2e2e2; }
DIV.content TABLE TD { padding: 5px 5px; }
DIV.content TABLE TR.even TD { background: #f6f6f6; }

/* Template */

#box1 { min-height: 100%; }
* HTML #box1 { height: 100%; }
#footer { margin: -24px 0 0 0; background: #fff url(i01.gif) repeat-x; height: 24px; overflow: hidden; }
#footer P { margin: 0; padding: 7px 0 0 0; }

#header1 { height: 23px; background: url(i02.gif) repeat-x; overflow: hidden; }
#header1 DIV.inner { width: 770px; margin: auto; text-align: left; height: 23px; }
#header2 { width: 770px; margin: auto; text-align: left; height: 81px; }

#langselect { float: right; padding: 2px 0 0 0; margin: 0; list-style: none; font-size: 9px; }
#langselect LI { float: left; }
#langselect A { text-decoration: none; float: left; color: #777; padding: 4px 8px 3px 8px; margin: 0 0 0 -1px; border: solid #c4c4c4; border-width: 0 1px; }
#langselect A:hover { padding: 3px 8px 2px 8px; background: #fff; border-width: 1px; text-decoration: none !important; }

#search { float: right; margin-left: 20px; }
#search P { margin: 0; }
#search-string { border: 1px solid #cecece; width: 70px; float: left; margin-top: 2px; }
#search-submit { border: 1px solid #cecece; background: url(i08.gif) 100% 100%; font-size: 9px; color: #777; margin: 2px 0 0 5px; overflow: visible; padding: 1px 5px 0 5px; cursor: pointer; }

#ico-sitemap { float: right; margin: 0 0 0 20px; background: url(ico_sitemap.gif) 0 5px no-repeat; font-size: 9px; }
#ico-sitemap A { color: #777; float: left; padding: 5px 0 5px 17px; text-decoration: none; }
#ico-faq { float: right; margin: 0 0 0 10px; background: url(ico_faq.gif) 0 5px no-repeat; }
#ico-faq A { color: #777; float: left; padding: 5px 0 5px 17px; text-decoration: none; }

#logo { float: left; margin: 0; padding-top: 18px; }
#co { float: right; margin: 0; padding-top: 21px; }
#co IMG { margin-left: 20px; }

#cols { width: 770px; margin: auto; text-align: left; padding: 0 0 40px 0; height: 100%; overflow: hidden; }
* HTML #cols { height: 1px; overflow: visible; }
#col1 { float: left; width: 164px; overflow: hidden; margin-right: 6px; }
#col2 { float: left; width: 600px; }
#col2-pad { background: none; padding: 3px 30px 10px; }

#menu1 { background: url(i03.png) no-repeat; }
#menu1 A { color: #fff; text-decoration: none; display: block; overflow: hidden; text-overflow: ellipsis; }
#menu1 UL { background: url(i04.png) 0 100% no-repeat; padding: 14px 0 14px 0; margin: 0; font-weight: bold; list-style: none; overflow: hidden; }
#menu1 UL LI { float: left; width: 100%;}

#menu1 UL LI A { padding: 5px 10px 5px 20px;  }
#menu1 UL LI.active { }
#menu1 UL LI.active A { color: #fff; margin-top: -1px; display: block; background: #fff url(i06.gif) repeat-y;}
#menu1 UL LI.active UL { padding: 0 0 3px 0; overflow: hidden; background: #fff url(i06.gif) repeat-y;}
#menu1 UL LI.active UL LI DIV { font-weight: normal; display: block; padding: 0 0 0 0; }
#menu1 UL LI.active UL LI DIV A { padding: 2px 0 3px 32px; }
#menu1 UL LI.active LI.active A { text-decoration: underline;  }

* HTML #menu1 UL { height: 1px; overflow: visible; }
* HTML #menu1 DIV { height: 1px; overflow: visible; }

* HTML #menu1 UL LI.active UL { height: auto; padding-bottom: 5px; }
* HTML #menu1 LI.active DIV { height: auto; }


#subscribe { background: url(i14.png) no-repeat; margin:15px 0 0 0; }
#subscribe FORM { background: url(i15.png) 0 100% no-repeat; padding: 10px 0 5px 14px; margin: 0; font-weight: bold; list-style: none; overflow:hidden; height:65px;}
#subscribe P{ color: #fff; font-size: 11px; font-weight: bold; margin: 0; padding: 0 0 10px 0}
#subscribe SPAN{float:left;width:96px;overflow:hidden;}
#subscribe INPUT{ background-color:#fff;border:1px solid #820004;width:96px;border-style:solid none solid solid;padding:4px 0 4px 5px; color:#7a7a7a; }
* HTML #subscribe SPAN { width: 94px;}
* HTML #subscribe P.submit { float: left; margin: 1px 0 0 0; }

#subscribe P.submit{ background:url('btn01.gif') no-repeat;float:left;height:23px;width:40px;overflow:hidden;}
#subscribe P.submit INPUT{ background:transparent;color:#fff;border:none;width:40px;text-align:center;padding:4px 0 4px 0;}

#front01 { background: url(illustr01.jpg) no-repeat; height: 193px; overflow: hidden; margin-bottom:15px }
#front01 DIV.inner1 { padding:100px 10px 20px 15px }
#front01 DIV.inner1 H1 { color:#010101; text-shadow: #fff 0px 1px 1px; }
#front01 P { line-height: 16px; padding: 0; margin:0.4em 0 0 0; color:#010101;}
#front01 A { font-weight: bold; text-decoration: none; color:#010101; margin-left:5px;}

#front02 { height: 100%; overflow: hidden; }
* HTML #front02 { height: 1px; overflow: visible; }
#front02-col1 { float: left; }
#front02-col1 A IMG { margin: 0 10px 0 0; }
#front02-col2 { float: left; }

P.socials { margin: 15px 0 5px 0;}

#front03 { padding: 20px; line-height: 18px; }

H2.bg1 { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 17px; color: #2a669a; background: url(illustr02.jpg) 0 100% no-repeat; margin: 0; padding: 24px 10px 19px 74px; }
H2.bg2 { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 17px; color: #2a669a; background: url(illustr03.jpg) 0 100% no-repeat; margin: 0; padding: 24px 10px 19px 64px; }

UL.front-news { padding: 0; list-style: none; margin: 0; }
UL.front-news LI { padding: 5px 0 0 0; margin: 0; }
UL.front-news LI A { display: block; }
UL.front-news DIV { background: url(dot03.gif) 7px 4px no-repeat; padding: 0 0 8px 18px; }
UL.front-news SPAN.date { color: #505050; padding-top: 2px; }
.front-news IMG { float: left; }

UL.actions2 { list-style: none; padding: 0 0 0 10px; margin: 1em 0 0 0; font-size: 9px; height: 100%; overflow: hidden; }
* HTML UL.actions2 { height: 1px; overflow: visible; }
UL.actions2 LI { float: right; margin: 0 0 0 5px; padding: 0; background: url(i10.gif) no-repeat; }
UL.actions2 LI DIV { float: left; background: url(i11.gif) 100% 0 no-repeat; }
UL.actions2 LI A { float: left; padding: 3px 15px 4px 22px; text-decoration: none; color: #777; }


/* Picture gallery */

TABLE.galleries { width: 1% !important; border: none !important; }
TABLE.galleries TD { border: 5px solid #fff !important; 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 #bbb; padding: 2px; text-decoration: none; color: #fff; }
TABLE.galleries A IMG { opacity: 0.90; filter: alpha(opacity=90); }
TABLE.galleries A:hover { border-color: #ccc; text-decoration: none !important; color: #fff; }
TABLE.galleries A:hover SPAN.txt { background: #aaa; }
TABLE.galleries A:hover IMG { opacity: 1; filter: alpha(opacity=100);}
TABLE.galleries SPAN.txt { display: block; padding: 4px 10px; background: #999; font-size: 11px; margin-top: 1px; color: fff; }
TABLE.galleries SPAN.info { display: block; font-weight: normal; }


/* Path */

#path { background: url(i12.gif) 0 21px repeat-x; margin: 0; padding-bottom: 22px; }
#path A.active { text-decoration: none; }

/* Houseplans */

DIV.building { position: relative; }
DIV.building DIV { z-index: 1; position: absolute; }
DIV.building DIV.b { z-index: 2; }

UL.legend { padding: 0 !important; }
UL.legend * { float: left; }
UL.legend LI { margin: 0 20px 0 0; padding: 0; background: none; }
UL.legend SPAN.swatch { border: 1px solid #5e97c9; padding: 1px !important; margin: 0 5px 0 0; }
UL.legend SPAN.swatch SPAN { width: 15px; height: 10px; }
UL.legend SPAN.green SPAN { background: #c4e68f; }
UL.legend SPAN.blue SPAN { background: #b2d6e9; }
UL.legend SPAN.label { font-weight: bold; }

/* Tooltip */

#tooltip { position: absolute; left: -1000px; top: -1000px; width: 200px; text-align: left; line-height: 14px; z-index: 999; }
#tooltip-start { height: 5px; position: relative; }
#tooltip-inner { background: #fff; padding: 3px 9px; border: solid #797979; border-width: 0 1px; color: #555; }
#tooltip-ending { height: 14px; width: 100%; clear: both; margin: 0 !important; }
#tooltip-start SPAN.a { width: 5px; height: 5px; position: absolute; left: 0; top: 0; overflow: hidden; background: url(tooltip01.png) no-repeat; }
#tooltip-start SPAN.b { margin: 0 5px; height: 5px; background: url(tooltip00.gif) repeat-x; overflow: hidden; display: block; }
#tooltip-start SPAN.c { width: 5px; height: 5px; position: absolute; right: 0; top: 0; overflow: hidden; background: url(tooltip02.png) no-repeat; }
#tooltip-start SPAN.d { display: none; }
#tooltip-ending SPAN.a { width: 5px; height: 5px; position: absolute; left: 0; overflow: hidden; background: url(tooltip03.png) no-repeat; }
#tooltip-ending SPAN.b { margin: 0 5px; height: 5px; background: url(tooltip00.gif) 0 -40px repeat-x; overflow: hidden; display: block; }
* HTML #tooltip-ending SPAN.b { margin: 0 3px 0 5px; }
#tooltip-ending SPAN.c { width: 5px; height: 5px; position: absolute; right: 0; overflow: hidden; background: url(tooltip04.png) no-repeat; }
#tooltip-ending SPAN.d { width: 21px; height: 10px; position: absolute; left: 0; overflow: hidden; background: url(tooltip05.png) no-repeat; margin: -1px 0 0 0; }
#tooltip UL { padding: 0; margin: 0; }
#tooltip UL LI { padding: 0 0 0 10px; background: url(dot07.gif) 0 3px no-repeat; }
#tooltip P { margin: 5px 0 0 0; font-weight: bold; }
#tooltip P.room { margin: 0; border-bottom: 1px solid #70b3d7; color: #70b3d7; font-size: 14px; padding-bottom: 3px; }
#tooltip P.size { float: right; margin: -21px 0 0 0; font-weight: normal; }
#tooltip P.size SUP { font-size: 9px; }
* HTML #tooltip-start SPAN.a { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/tooltip01.png', sizingMethod='crop'); }
* HTML #tooltip-start SPAN.c { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/tooltip02.png', sizingMethod='crop'); }
* HTML #tooltip-ending SPAN.a { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/tooltip03.png', sizingMethod='crop'); }
* HTML #tooltip-ending SPAN.c { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/tooltip04.png', sizingMethod='crop'); }
* HTML #tooltip-ending SPAN.d { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/tooltip05.png', sizingMethod='crop'); }
#tooltip P.name { background: url(icons/cred_orange.gif) 0 1px no-repeat; font-weight: bold; color: #545454; }
#tooltip P.status { background: url(icons/communicate_gray.gif) 0 1px no-repeat; text-overflow: ellipsis; overflow: hidden; }
#tooltip P.location { background: url(icons/location_gray.gif) 0 1px no-repeat; }
#tooltip P.time { background: url(icons/viewing_gray.gif) 0 1px no-repeat; }
#tooltip P.event { background: url(icons/event_orange.gif) 0 1px no-repeat; font-weight: bold; color: #545454; }
#tooltip IMG { margin: -1px 0; }
#tooltip DIV.img-right { float: right; margin: 0 0 0 10px; border: 1px solid #eee; padding: 2px; }
#tooltip DIV.img-right IMG { margin: 0; }

/* * * * * Exact Thickbox * * * * */

#TB_window { position: fixed; z-index: 102; text-align: left; top: 50%; right: 50%; display: none; line-height: 14px; }
* HTML #TB_window { position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }

#TB_overlay { position: fixed; z-index: 100; top: 0; left: 0; height: 100%; width: 100%; }
* HTML #TB_overlay { position: absolute; height: expression((document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight) > document.documentElement.clientHeight ? document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight : document.documentElement.clientHeight + '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_container1 { border: 10px solid #ddd; padding: 2px; background: #fff; }

#TB_header { padding: 10px; background: #70b3d7 url(i13.gif) repeat-y; overflow: hidden; }
* HTML #TB_header { height: 1px; overflow: visible; }
#TB_header #TB_prev { float: left; width: 27px; height: 27px; background: url(thickbox_buttons.gif) no-repeat; margin: 0 5px 0 0; }
#TB_header A#TB_prev:hover { background-position: -50px 0; }
#TB_header #TB_next { float: left; width: 27px; height: 27px; background: url(thickbox_buttons.gif) 0 -50px no-repeat; margin: 0 5px 0 0; }
#TB_header A#TB_next:hover { background-position: -50px -50px; }
#TB_header #TB_closeWindowButton { float: right; width: 27px; height: 27px; background: url(thickbox_buttons.gif) 0 -100px no-repeat; }
#TB_header A#TB_closeWindowButton:hover { background-position: -50px -100px; }
#TB_header .TB_disabled { cursor: default; }
#TB_header #TB_next.TB_disabled { background-position: -100px -50px !important; }
#TB_header #TB_prev.TB_disabled { background-position: -100px 0 !important; }
#TB_header #TB_imgcount { float: left; padding: 4px 0 0 5px; color: #fff; font-size: 18px; line-height: 20px; }
#TB_header #TB_ajaxWindowTitle { float: left; padding: 4px 0 0 5px; color: #fff; font-size: 18px; line-height: 20px; }

#TB_body { border-top: 2px solid #fff; }
#TB_body_a { position: relative; }
#TB_body_b { position: relative; }
* HTML #TB_body_b { height: 1px; overflow: visible; }
#TB_Image { display: block; }

#TB_ajaxContent { overflow: auto; }
#TB_caption { position: absolute; bottom: 0; left: 0; width: 100%; background-color: #000; filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; color: #fff; line-height: 16px; font-size: 11px; }
#TB_caption_a { overflow: hidden; }
#TB_caption_b { padding: 14px 20px; }

#TB_iframeContent { clear: both; border: none; }

#TB_load { position: fixed; display: none; z-index: 101; width: 200px; height: 200px; top: 50%; left: 50%; margin: -100px 0 0 -100px; background: url(thickbox_loader.gif) 50% 50% no-repeat; }
* 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) > document.documentElement.clientHeight ? document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight : document.documentElement.clientHeight + 'px'); }

/* Popup */

BODY.popup { text-align: left; }
DIV.popup01 { padding: 10px 20px 20px 20px; }
DIV.popup01 DIV.content { width: 100% !important; }

/* jCalendar */

TABLE.jCalendar { margin: 0; width: 100%; }
TABLE.jCalendar TH { background: #e7e7e7; color: #aaa; padding: 5px 6px; text-align: center; border: 1px solid #fff; font-size: 10px; font-weight: bold; }
TABLE.jCalendar TD { background: #f3f3f3; color: #777; padding: 5px 6px; text-align: center; border: 1px solid #fff; font-size: 10px; }
TABLE.jCalendar TD.other-month { color: #ddd; }
TABLE.jCalendar TD.weekend { background: #f7eaea; }
TABLE.jCalendar TD.today { background: #fdfbe2; color: #777; }
TABLE.jCalendar TD.selected { background: #e40000; color: #fff; }
TABLE.jCalendar TD.dp-hover { background: #e40000; color: #fff; }
TABLE.jCalendar TD.disabled { background: #bbb; color: #888; }

DIV#dp-popup { position: absolute; z-index: 199; }
DIV.dp-popup { position: relative; background: #fff; font-size: 10px; padding: 1px; border: 1px solid #7c7c7c; width: 170px; }
DIV.dp-popup H2 { padding: 4px; margin: 0; text-align: center; color: #fff; background: #808080; font-size: 11px; border: 1px solid #fff; font-weight: normal; }
DIV.dp-popup A#dp-close { font-size: 11px; padding: 4px 0; text-align: center; display: block; }
DIV.dp-popup A#dp-close:hover { text-decoration: underline; }
DIV.dp-popup A { color: #000; text-decoration: none; padding: 3px 2px 0; }
DIV.dp-popup A:hover { text-decoration: none; }
DIV.dp-popup DIV.dp-nav-prev { float: left; padding: 3px 0 0 3px; }
DIV.dp-popup DIV.dp-nav-prev A { float: left; cursor: pointer; background: #aaa; margin: 0 2px 0 0; padding: 2px 1px 3px 1px; color: #fff; text-align: center; width: 15px; font-weight: bold; }
DIV.dp-popup DIV.dp-nav-prev A:hover { background: #e40000; }
DIV.dp-popup DIV.dp-nav-prev A.disabled { cursor: default; }
DIV.dp-popup DIV.dp-nav-next { float: right; padding: 3px 3px 0 0; }
DIV.dp-popup DIV.dp-nav-next A { float: left; cursor: pointer; background: #aaa; margin: 0 0 0 2px; padding: 2px 1px 3px 1px; color: #fff; text-align: center; width: 15px; font-weight: bold; }
DIV.dp-popup DIV.dp-nav-next A:hover { background: #e40000; }
DIV.dp-popup DIV.dp-nav-next A.disabled { cursor: default; }
DIV.dp-popup A.disabled { cursor: default; color: #aaa; }
DIV.dp-popup TD { cursor: pointer; }
DIV.dp-popup TD.disabled { cursor: default; }

.events-year A { margin: 0 2px 0 0; padding: 2px; text-decoration: none !important; }
.events-year A:hover,
.events-year A.active { background: #ce0000; color: #fff; }

/* Calendar */
#calendar-container { float: right; padding: 0 0 70px 30px; width: 200px; }
/* The main calendar widget. DIV containing a table. */

#calendar-container TABLE TD { padding: 0; }
#calendar-container A { text-decoration: none; }

.select-date { margin: 7px 0 0 0; padding: 2px 0 2px 2px; background: #e7e7e7; } /* height depends on padding */
.calendar { margin: 0 0 16px 0; background: #FFF; font-family: Tahoma, Arial, sans-serif;  }
.calendar TABLE { margin: 0; }
.calendar TD { font-size: 10px; text-align: center; vertical-align: middle; width: 24px; height: 22px; border: 1px solid #fff; }

.button { font-weight: bold; }
.button A { display: block; padding: 5px 0 4px 0; color: #fff; text-decoration: none; }
.button A:hover { background: #c62025; color: #fff; text-decoration: none !important; }
.day A { display: block; padding: 5px 0 4px 0; background: #ce0000; font-weight: bold; color: #fff; text-decoration: none; }
.day A:hover { color: #fff; background: #de292e; text-decoration: none !important; }
.day A.active, .weekend A.active { color: #fff; background: #de292e; }
.weekend A { display: block; padding: 5px 0 4px 0; background: #56adfc; font-weight: bold; color: #fff; text-decoration: none; }
.weekend A:hover { color: #fff; background: #de292e; text-decoration: none !important; }

.socials A { text-decoration: none !important; }


/* Header part -- contains navigation buttons and day names. */

	/* "<<", "<", ">", ">>" buttons have this class */
.calendar .button { background: #616161; color: #FFF; }
.calendar .nav { background: #616161; color: #FFF; font-weight: bold; }
.calendar THEAD .title { font-weight: bold; background: #7f96c2; color: #fff; }
	/* Row <TR> containing navigation buttons */
.calendar THEAD .headrow {}
	/* Row <TR> containing the day names */
.calendar THEAD .daynames {}
	/* Cells <TD> containing the day names */
.calendar THEAD .name { background: #d7d7d7; color: #000; }
	/* How a weekend day name shows in header */
.calendar THEAD .weekend { background: #c7d6e3; }
	/* How do the buttons in header appear when hover */
.calendar THEAD .hilite { background: #004687; color: #FFF; cursor: pointer; }
	/* Active (pressed) buttons in header */
.calendar THEAD .active { background: #7f96c2; }
#month-title { font-weight: bold; text-align: center; }

/* The body part -- contains all the days in month. */

	/* Cells <TD> containing month days dates */
.calendar TBODY .day { background: #eee;color:#000; }
.calendar TBODY .day.othermonth { color: red; }
.calendar TBODY .day.othermonth.oweekend { color: blue; }
.calendar table .wn { background: #d7d7d7; color:#000; }
.calendar TBODY .rowhilite TD { background: #d7d7d7; }
.calendar TBODY .rowhilite TD.wn { background: #c6c6c6; }
.calendar TBODY .rowhilite TD.weekend { background: #f8e6e6; }
	/* Hovered cells <TD> */
.calendar TBODY TD.hilite { background: #004687 !important; color: #FFF !important; cursor: pointer; }
	/* Active (pressed) cells <TD> */
.calendar TBODY TD.active { background: #323232 !important; color: #FFF !important; }
	/* Cell showing selected date */
.calendar TBODY TD.selected { font-weight: bold; background: #f36f21 !important; color: #FFF !important; }
	/* Cells showing weekend days */
.calendar TBODY TD.weekend { color: #fff; background: #aaa; }
	/* Cell showing today date */
.calendar TBODY TD.today { font-weight: bold; background: #d7d7d7; }
.calendar TBODY .disabled { color: #999; }
	/* Empty cells (the best is to hide them) */
.calendar TBODY .emptycell { visibility: hidden; }
	/* Empty row (some months need less than 6 rows) */
.calendar TBODY .emptyrow {	display: none; }

/* The footer part -- status bar and "Close" button */

	/* The <TR> in footer (only one right now) */
.calendar TFOOT .footrow {}
	/* Tooltip (status bar) cell <TD> */
.calendar TFOOT .ttip { background: #fdfbe2; color: #807f48; }
	/* Hover style for buttons in footer */
.calendar TFOOT .hilite {}
	/* Active (pressed) style for buttons in footer */
.calendar TFOOT .active {}

/* 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; }



#front02 { height: 100%; overflow: hidden; padding: 15px 0 0 0; }
* HTML #front02 { height: 1px; overflow: visible; }
#front02-col1 { float: left; }
#front02-col1 A IMG { margin: 0 10px 0 0; }
#front02-col2 { float: left; }

#front03 { padding: 20px; line-height: 18px; }

H2.bg1 { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 17px; color: #2a669a; background: url(illustr02.jpg) 0 100% no-repeat; margin: 0; padding: 24px 10px 19px 74px; }
H2.bg2 { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 17px; color: #2a669a; background: url(illustr03.jpg) 0 100% no-repeat; margin: 0; padding: 24px 10px 19px 64px; }

#front04{width:600px;overflow:hidden;position:relative;}
.front-banners{margin:0; height: 70px; width:650px; list-style: none; padding: 0;}
.front-banners LI{float: left; margin-right: 6px;}

.front-news { margin: 1em 0 0 0; padding: 0; list-style: 0; }
.fsize { font-size: 13px; font-weight: bold; }
.front-news LI.events H2,
.front-news LI.news H2 { padding: 10px 0 18px 14px; background: url(bg03.jpg) no-repeat; font-size: 20px; border:none; color: #353535; font-weight: normal; text-shadow: #fff 0px 1px 1px; margin:0;}
.main-news { line-height: 17px;}
.main-news LI { margin: 7px 0 0 0; }
.main-news A { display: block;  padding: 0 0 4px 15px; margin: 0 0 1px 0; text-decoration: none !important; }
.main-news A:hover { text-decoration: none !important; }
.main-news IMG { float: left; margin: 0 6px 0 0; padding: 1px; width: 50px; height: 50px; background: #fff; border: 1px solid #cbcbcb; }
.main-news SPAN.title { background: url(dot03.gif) no-repeat 0 4px; padding: 0 0 0 12px; text-decoration: none; color:#ce0000; }
.main-news SPAN.date { padding: 0 0 0 8px; color: #4c4c4c !important; text-decoration: none; font-size:12px; font-weight:normal;}
.main-news SPAN.text { display: block; color: #3a3a3a; }

UL.front-news-type02 { margin: 0; padding: 0; list-style: none; }
UL.front-news-type02 LI { display: inline; }
UL.front-news-type02 LI DIV { padding: 10px 0 10px 13px; repeat-x 0 100%;  }
UL.front-news-type02 LI P.img { float: left; clear: both; padding: 0 6px 0 0; margin: 0; }
UL.front-news-type02 LI P.img A { position: relative; display: block; padding: 1px; background: #fff; border: 1px solid #cbcbcb; }
UL.front-news-type02 LI P.img IMG { width: 75px; }
UL.front-news-type02 LI P.txt { margin: 0; }
UL.front-news-type02 LI P.txt A { position: relative; display: block; text-decoration: none; color: #3A3A3A; }
UL.front-news-type02 LI P.txt A:hover { text-decoration: none !important; }
UL.front-news-type02 LI P.txt A SPAN.title { color: #ce0000; text-decoration: none; padding: 0 10px 0 0; font-size:12px; font-weight:bold; }
UL.front-news-type02 LI P.txt A:hover SPAN.title { color: #e81717; }
UL.front-news-type02 LI P.txt A SPAN.lead { display: block; padding: 6px 50px 0 0; line-height: 17px; }


#events-list { margin: 1em 0 0 0; padding: 0; list-style: none; }
#events-list LI.month { border: none; }
#events-list LI {  }
#events-list A { display: block; padding: 3px 0 3px 0; text-decoration: none !important; }
#events-list LI SPAN { color: #888; float: left; padding: 0 25px 0 0; }

.events-year A { margin: 0 2px 0 0; padding: 2px; text-decoration: none !important; }
.events-year A:hover,
.events-year A.active { background: #ce0000; color: #fff; }