body { margin:0; font:medium verdana,sans-serif; color:#333333; background-color:#AAAAAA;  background:linear-gradient(to bottom right, #EEEEEE, #FFFFFF, #EEEEEE); background-attachment:fixed; width:100%; min-width:1000px; }

/*font-weight font-size/line-height font-family"*/

#bnr_logo_l { position:absolute; top:20px; left:10px; border:none; z-index:99; }
#bnr_logo_r { position:absolute; top:20px; right:10px; border:none; z-index:99; }

#banner { position:relative; width:100%; max-width:100%; min-width:1000px; height:140px; margin:0px 0px 0 0px; border-radius:0; box-shadow:8px 8px 8px #999999; z-index:1; }

#bnr_img { position:absolute; width:100%; height:100%; background-image:url(../resource/banner.jpg); background-repeat:repeat; opacity:0.4; z-index:10; }

@font-face { font-family:"Old English"; src:url("../resource/Canterbury.ttf"); }

#bnr_txt { position:absolute; width:100%; margin:0; padding-top:4px; -webkit-text-stroke:1px #FFFFFF; font:normal 90px Old English,serif; color:#000000; text-align:center; white-space:nowrap; text-shadow:8px 8px 8px #777777; z-index:99; }

#bnr_subtxt { position:absolute; width:100%; margin:0; padding-top:94px; -webkit-text-stroke:0px #FFFFFF; font:bold 36px Old English,serif; color:#000000; text-align:center; white-space:nowrap; text-shadow:8px 8px 8px #777777; z-index:99; }

#page_area { margin:0px 0 0 0; padding:8px 8px 16px; }

.cntnt_area { width:800px; max-width:800px; min-width:500px; margin:16px auto; padding:16px; background-color:#FFFFFF; border-radius:16px; }

#side_menu { position:absolute; left:0; top:170px; width:160px; margin:0 4px 0; padding:8px 0; color:#666666; }
#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:#333333; text-decoration:none; }
#side_menu li:hover { background-color:#C6C6C6; }
#side_menu a:hover { color:#666666; }
#side_menu li:hover a { color:#FF9933; display:block; }

h1 { font:bold x-large verdana,sans-serif; color:#000000; margin-top:4px; margin-bottom:8px; text-shadow:3px 3px 3px #AAAAAA; }
h2 { font:bold large verdana,sans-serif; color:#333333; margin-top:24px; margin-bottom:8px; }
h3 { font:bold medium verdana,sans-serif; color:#666666; margin-top:24px; margin-bottom:8px; }

a:link, a:visited { color:#666666; }
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; }

.justify { text-align:justify; }
.indent { text-indent:18px; }

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

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

.linkstrip { font:small/140% verdana,sans-serif; color:#666666; text-align:center; margin:0 auto 8px; }
.linkstrip a:link, .linkstrip a:visited { color:#666666; 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; }

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

.inv_txt { color:#FFFFFF; background-color:#000000; }
.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:#FFFFFF; }
.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:#AAAAAA; }
.fill_clr2 { background-color:#C6C6C6; }
.fill_clr3 { background-color:#DDDDDD; }

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

.shad4 { box-shadow:4px 4px 4px #999999; }
.shad8 { box-shadow:8px 8px 8px #999999; }
.rndcnr { border-radius:10px; }

a.lk_butt { font:normal 14px arial,sans-serif; text-decoration:none; color:#333333; }
.lk_butt { background:#EEEEEE; border:2px outset #333333; border-radius:10px; padding:2px 6px; }

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

.leftpic { float:left; clear:left; margin:2px 8px 2px 0; }
.rightpic { float:right; clear:right; margin:2px 0 2px 8px; }
.centrepic { display:block; margin-left:auto; margin-right:auto; }

.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); }
.publink_butt { background-image:url(../resource/publink.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); }
.ucase_butt { background-image:url(../resource/ucase.gif); }
.times_butt { background-image:url(../resource/times.gif); }
.small_text_butt { background-image:url(../resource/small-text.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; }

.nice_butt_yell, a.nice_butt_yell { font:normal 16px arial,sans-serif; text-decoration:none; color:#333333; background:linear-gradient(to bottom, #FFFF99, #FF9933); padding:4px 6px; border:1px solid #666666; border-radius:8px; box-shadow:6px 6px 6px #666666; }
.nice_butt_yell:hover { background:#FFFFCC; border:1px solid #000000; }

.rnd_butt { border-radius:10px; padding:1px 6px; }

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

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

.helpblock { position:relative; }

.helpspan span { display:none; }
.helpspan:hover span { display:block; font-family:arial,sans-serif; color:#FFFFFF; text-align:left; font-size:medium; background-color:#666666; 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:#333333; }

.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; }

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

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

.nav_frame { border:2px outset #999999; background:linear-gradient(to bottom, #000000, #666666, #000000); color:#FFFFFF; text-align:center; }

.thumb_frame { float:left; width:210px; height:300px; margin:16px 0; padding:0; border:none; }

.img_disp { margin:0; border:4px inset #DDDDDD; }

.img_desc { margin:0; border:4px inset #DDDDDD; font-size:14px; color:#000000; background:#FFFFFF; padding:2px; }

.film_strip { margin:0; padding:10px 0; border:none; background:linear-gradient(to bottom, #000000, #666666, #000000); box-shadow:8px 8px 8px #999999; }

.film_sprockets { height:26px; background-color:#000000; background-image:url(../resource/film_sprocket.png); background-repeat:repeat-x; }

.thumb_img { border:2px solid #666666; }

.film_txt { padding:4px; color:#666666; }