body { margin:0; font:medium verdana,sans-serif; color:#FFFFFF; background-color:#999999; }

#bnr_container { max-width:1010px; min-width:780px; height:175px; margin:8px 12px 0 160px; border-radius:16px 16px 0 0; background-color:#DDDDDD; background:linear-gradient(to bottom, #973007, #DF8F04, #FFD66A, #FFFFFF, #FFD66A, #DF8F04, #973007); box-shadow:8px 8px 8px #444444; }

@font-face { font-family:"Old English"; src:url("../resource/Blackletter_686_BT.ttf"); }
h1.oldeng { font:normal 132px "Old English",serif; color:#000000; text-align:center; white-space:nowrap; margin:8px auto 0; }

#banner { width:100%; height:100%; margin:0; background:url(../resource/header-logo.png); background-position:center; background-repeat:no-repeat; }

#logoleft { float:left; margin:10px; border:none; }
#logoright { float:right; margin:10px; border:none; }

#main_body { position:relative; max-width:1010px; min-width:780px; min-height:680px; margin:0px 12px 8px 160px; padding:0; color:#FFFFFF; background-color:#000000; background:linear-gradient(to right, #000000, #444444, #000000); border-radius:0 0 16px 16px; box-shadow:8px 8px 8px #444444; }

#content { margin:0; padding:16px 16px 16px; }

#displayMap { color:#000000; } /* Prevent white on white text in case of content style selection */

#side_menu { position:absolute; left:0; top:170px; width:160px; margin:0 4px 0; padding:8px 0; color:#CCCCCC; }
#side_menu ul { margin:4px 0 16px 16px; padding:0; list-style:none; }
#side_menu ul li { padding:2px 0 4px 0; font:normal 14px verdana,sans-serif; }
#side_menu a:link, #side_menu a:visited { color:#FFFFFF; text-decoration:none; }
#side_menu li:hover { background-color:#666666; }
#side_menu a:hover { color:#CCCCCC; }
#side_menu li:hover a { color:#FF9933; display:block; }

#drop_div { position:relative; width:500px; height:24px; margin:0; padding:4px; background-color:#CCCCCC; border-radius:16px 16px 0 0; }
#drop_div ul { display:none; position:absolute; left:5%; top:4px; margin:0; padding:0; list-style:none; width:90%; background-color:#999999; z-index:99; }
#drop_div:hover ul, #drop_div:active ul { display:block; }
#drop_div li { margin:4px; padding:2px; background-color:#666666; }
#drop_div li a { text-decoration:none; display:block; }

h1 { font:bold x-large verdana,sans-serif; color:#FFFFFF; margin-top:24px; margin-bottom:8px; }
h2 { font:bold large verdana,sans-serif; color:#FFFFFF; margin-top:24px; margin-bottom:8px; }
h3 { font:bold medium verdana,sans-serif; color:#DDDDDD; margin-top:24px; margin-bottom:8px; }

a:link, a:visited { color:#DDDDDD; }
a:hover { color:#FF9933; }

table.tblpad0 td, table.tblpad0 th { padding:0; }
table.tblpad2 td, table.tblpad2 th { padding:2px; }
table.tblpad4 td, table.tblpad4 th { padding:4px; }
table.tblpad8 td, table.tblpad8 th { padding:8px; }

.small { font:small/140% verdana,sans-serif; }
.xsmall { font:9px/140% verdana,sans-serif; }
.bold { font-weight:bold; }
.normal { font-weight:normal; }

.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.central { margin-left:auto; margin-right:auto; }

.top { vertical-align:top; }
.middle { vertical-align:middle; }
.bottom { vertical-align:bottom; }

hr { height:1px; background-color:#CCCCCC; }

.linkstrip { font:small/140% verdana,sans-serif; color:#CCCCCC; text-align:center; margin:0 auto 8px; }
.linkstrip a:link, .linkstrip a:visited { color:#CCCCCC; font-size:small; text-decoration:none; }
.linkstrip a:hover { color:#FF9933; font-size:small; text-decoration:underline; }

.spaced li { margin-bottom:12px; }
.this_mth_bg { background-color:#DDBB99; }
.today_bg { background-color:#FFFF99; color:#000000; }
.bnk_hol_bg { background-color:#99BBFF; color:#000000; }

.tiny_butt { margin-top:16px; }
.tiny_butt input[type="submit"] { padding:1px; margin-left:2px; font:normal 10px arial; }

input[type="submit"], input[type="checkbox"], input[type="radio"], label { cursor:pointer; }

.inv_txt { color:#FFFFFF; background-color:#444444; }
.inv_blk { color:#FFFFFF; background-color:#000000; }
.inv_gry { color:#FFFFFF; background-color:#999999; }
.inv_grn { color:#FFFFFF; background-color:#009900; }
.inv_blu { color:#FFFFFF; background-color:#0000CC; }
.inv_red { color:#FFFFFF; background-color:#FF0000; }

a.redlink:link, a.redlink:visited { color:#FF0000; text-decoration:none; }
a.redlink:hover { color:#990000; }

.inv_txt a:link, .inv_txt a:visited { color:#000000; }
.inv_txt a:hover { color:#FF9933; }

.pre_txt { white-space:pre-wrap; }

.pre_txt h1 { margin:2px; }
.pre_txt h2 { margin:2px; }
.pre_txt h3 { margin:2px; }

.vari_textbox { width:100%; font:normal medium arial; box-sizing:border-box; color:#000000; }

.fill_clr1 { background-color:#999999; }
.fill_clr2 { background-color:#666666; }
.fill_clr3 { background-color:#CCCCCC; }

.thinborder { border:1px solid #999999; }
.photo { border:8px inset #999999; }

.shad4 { box-shadow:4px 4px 4px #444444; }
.shad8 { box-shadow:8px 8px 8px #444444; }

.leftdiv img, .rightdiv img, .centrediv img { border:4px outset #666666; }
.leftdiv { float:left; clear:left; text-align:center; margin:6px; padding:4px; background-color:#666666; }
.rightdiv { float:right; clear:right; margin:6px; padding:4px; background-color:#666666; }
.centrediv { display:block; margin:6px auto; padding:4px; background-color:#666666; }

.leftpic { float:left; clear:left; margin:6px; border:6px outset #999999; }
.rightpic { float:right; clear:right; margin:6px; border:6px outset #999999; }
.centrepic { display:block; margin-left:auto; margin-right:auto; border:6px outset #999999; }

.ctrdiv_butt { background-image:url(../resource/centrediv.gif); }
.lpic_butt { background-image:url(../resource/leftpic.gif); }
.rpic_butt { background-image:url(../resource/rightpic.gif); }
.ctrpic_butt { background-image:url(../resource/centrepic.gif); }
.lcap_butt { background-image:url(../resource/leftcaption.gif); }
.rcap_butt { background-image:url(../resource/rightcaption.gif); }
.ctrcap_butt { background-image:url(../resource/centrecaption.gif); }
.link_butt { background-image:url(../resource/link.gif); }
.clear_butt { background-image:url(../resource/clear.gif); }
.line_butt { background-image:url(../resource/line.gif); }
.bold_butt { background-image:url(../resource/bold.gif); }
.italic_butt { background-image:url(../resource/italic.gif); }
.h1_butt { background-image:url(../resource/h1.gif); }
.h2_butt { background-image:url(../resource/h2.gif); }
.h3_butt { background-image:url(../resource/h3.gif); }

.upimg { background-image:url(../resource/upimg.gif); }
.img { background-image:url(../resource/image.gif); }
.link { background-image:url(../resource/link.gif); }

.clkbl_img { margin:2px; padding:2px; border:2px outset #EEEEEE; }
.clkbl_img img { max-width:80px; max-height:80px; margin:0; }

.javabutt { border:1px outset #EEEEEE; width:32px; height:32px; background-color:#EEEEEE; background-repeat:no-repeat; background-position:center; vertical-align:bottom; cursor:pointer; }

.nice_butt, a.nice_butt { font:normal 16px arial,sans-serif; text-decoration:none; color:#333333; background:#F6F6F6; padding:4px 6px; border:1px solid #666666; border-radius:8px; box-shadow:6px 6px 6px #666666; }
.nice_butt:hover { background:#FFFFCC; border:1px solid #000000; }

.nice_sm_butt, a.nice_sm_butt { font:normal 14px arial,sans-serif; text-decoration:none; color:#333333; background:#F6F6F6; padding:1px 4px; border:1px solid #666666; border-radius:6px; box-shadow:4px 4px 4px #666666; }
.nice_sm_butt:hover { background:#FFFFCC; border:1px solid #000000; }

.counter { font:normal medium/180% arial,sans-serif; color:#FFC020; background-color:#333333; padding:2px; }

.i { border:none; width:16px; height:16px; }

.helpspan span { display:none; }
.helpspan:hover span { display:block; font-family:arial,sans-serif; color:#000000; text-align:left; font-size:medium; background-color:#FFFF99; padding:8px; width:500px; height:auto; position:absolute; right:10px; top:30px; z-index:10; }

.between_tabs { float:left; height:26px; width:8px; }

.tab { float:left; min-width:130px; width:130px; height:26px; border:1px solid #DDDDDD; border-width:1px 1px 0 1px; border-radius:8px 8px 0 0; }

.tab a { display:block; min-width:130px; width:130px; height:24px; padding:2px; text-decoration:none; font:normal x-small verdana,sans-serif; }

.tab_norm { background-color:#DDDDDD; }
.tab_norm a { color:#000000; }

.tab_actv { background:#000000; border-bottom:1px solid #000000; }
.tab_actv a { color:#FFFFFF; }

.tab_container { height:26px; margin:0; border-bottom:1px solid #DDDDDD; }

.img_link { display:block; border:4px inset #DDDDDD; margin:0 4px; }
.img_link:hover { border-width:3px 5px 5px 3px; border-style:outset; }
.img_link:active { border-width:5px 3px 3px 5px; border-style:inset; }

a.opaq_link:link, a.opaq_link:visited { display:block; border:none; opacity:0; }
a.opaq_link:hover { opacity:0.4; }
.opaq_link img { display:block; border:none; }

img.opaq_link { display:block; border:none; opacity:0; }
img.opaq_link:hover { opacity:0.4; }

.cldr_bg { background-color:#777777; }
.cldr_dy_bg { background-color:#FFFFFF; }
.cldr_blnk_bg { background-color:#999999; }

.add_evnt { position:absolute; right:0; bottom:0; width:14px; height:14px; cursor:pointer; color:#BBBBBB; }

.wkend_clr { background-color:#EEEEEE; }
.day_cell { position:relative; width:100px; min-width:100px; height:90px; min-height:90px; padding:0; font:small/100% arial,sans-serif; color:#000000; }
.day_cell:hover .add_evnt, .yr_cell:hover .add_evnt, .mth_cell:hover .add_evnt { color:#000000; background-color:#777777; }

.crnr_no { position:absolute; left:0; top:0; width:12px; height:12px; padding:2px; font:normal x-large arial,sans-serif; }

.yr_cell { position:relative; width:25px; max-width:25px; height:36px; min-height:36px; max-height:36px; padding:0; font:small/100% arial,sans-serif; color:#000000; }

.mth_cell { position:relative; width:29px; max-width:29px; height:28px; min-height:28px; padding:0; font:small/100% arial,sans-serif; color:#000000; }

.crnr_mthno { position:absolute; left:0; top:0; width:10px; height:10px; padding:1px; font:normal small arial,sans-serif; color:#000000; }

.crnr_wkdy { position:absolute; left:0; top:0; width:10px; height:10px; padding:1px; font:normal x-small arial,sans-serif; color:#000000; }

.m_y td { padding:4px; }

.cldr_evnt { cursor:pointer; color:#FFFFFF; background-color:#000099; padding:1px; }
.cldr_evnt:hover { color:#000099; background-color:#BBBBBB; }

.add_mlt_evt { position:relative; width:200px; padding:2px; }

.popup_box { display:none; position:absolute; left:40%; top:30%; width:280px; min-height:360px; background-color:#999999; padding:4px; border:2px solid #DDDDDD; z-index:99; }
.plnr_evt { position:absolute; right:0; bottom:0; width:10px; height:10px; }

.cldr_info { display:none; position:absolute; right:10px; top:-220px; width:300px; min-height:350px; background-color:#666666; padding:4px; border:2px solid #DDDDDD; z-index:9; }

a.red_lk:link, a.red_lk:visited { cursor:pointer; color:#FFFFFF; background-color:#FF0000; padding:2px; text-decoration:none; }
a.red_lk:hover { background-color:#FF9988; }

.key { display:inline-block; width:140px; margin:0 0 0 3px; padding:2px; text-align:center; }

.red { color:#FF0000; }
.yell { color:#FFEE99; }
.grn { color:#009900; }
.wh_txt { color:#FFFFFF; }
.wh_bg { background-color:#FFFFFF; }

.tcalInput { background:url('../resource/cal.gif') 100% 50% no-repeat; background-color:#FFFFFF; padding-right:20px; cursor:pointer; }

.tcalActive { background-image:url('../resource/no_cal.gif'); }

#tcal { position:absolute; visibility:hidden; z-index:100; background-color:#FFFFFF; margin-top:2px; padding:0 2px 2px 2px; border:1px solid #333333; color:#000000; }

#tcalControls { border-collapse:collapse; border:0; width:100%; }
#tcalControls td { border-collapse:collapse; border:0; padding:0; width:16px; background-position:50% 50%; background-repeat:no-repeat; cursor:pointer; }
#tcalControls th { border-collapse:collapse; border:0; padding:0; line-height:25px; text-align:center; font:bold small verdana,arial,sans-serif; white-space:nowrap; }
#tcalPrevYear { background-image:url('../resource/prev_year.gif'); }
#tcalPrevMonth { background-image:url('../resource/prev_mon.gif'); }
#tcalNextMonth { background-image:url('../resource/next_mon.gif'); }
#tcalNextYear { background-image:url('../resource/next_year.gif'); }

#tcalGrid { border-collapse:collapse; border:1px solid #AAAAAA; width:100%; }
#tcalGrid th { border:1px solid #AAAAAA; border-collapse:collapse; padding:3px 0; text-align:center; font:normal small verdana,arial,sans-serif; background-color:#666666; color:#FFFFFF; }
#tcalGrid td { border:0; border-collapse:collapse; padding:8px; text-align:center; font:normal small verdana,arial,sans-serif; color:#000000; width:14%; cursor:pointer; }
#tcalGrid td.tcalOtherMonth { color:#AAAAAA; }
#tcalGrid td.tcalWeekend { background-color:#EEEEEE; }
#tcalGrid td.tcalToday { border:none; }
#tcalGrid td.tcalSelected { background-color:#FFBBCC; }