/* */
html { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #000099; }
body { margin: auto; }
a:link {color: #0000cc; }
a:visited {color: #6600cc; }
a:hover {color: #ff00ff; }
a:active {color: #ff0000; }
a:active img {border: none;}
/* ---- main --- */
#main { position: relative; margin: 0%; width: 99.5%; background: transparent; color: #000099; z-index: 1; padding-bottom: 2%; }
/* ---- end main ---- */
/* ---- countmain --- */
#countmain { position: absolute; top: 13%; left: 1%; width: 95%; background: transparent; color: #000099; z-index: 1; padding: 1ex; }
/* ---- end countmain ---- */
/* ---- countmainsup --- */
#countmainsup { position: absolute; bottom: -96ex; left: 1%; width: 95%; height: 63ex; background: transparent; color: #000099; z-index: 1; padding: 1ex; }
/* ---- end countmainsup ---- */
/* ---- header ---- */
#header { position: relative; top: 0%; right: 0%; left: 0%; background: transparent; height: 7.5ex; width: 100%; z-index: 0; }
#header h1 { font-family: Arial, Helvetica, sans-serif; font-size: 225%; font-weight: bold; font-style: italic; color: #000099; text-align: center; letter-spacing: 0.2ex; margin-top: 5px; margin-bottom: -3px; }
#header h2 { font-family: Arial, Helvetica, sans-serif; font-size: 75%; font-weight: bold; color: #000099; text-align: center; letter-spacing: 0.9ex; margin-top: -3px; margin-bottom: 2px;}
#header span { background: #006633; color: #ffff00; padding: 5px; }
/* ----end header ---- */
/* ---- subheader ---- */
#subheader { position: relative; top: 0%; right: 0%; left: 0%; background: transparent; height: 5ex; width: 100%; z-index: 0; }
#subheader h1 { font-family: Arial, Helvetica, sans-serif; font-size: 200%; font-weight: bold; color: #000099; text-align: center; letter-spacing: 0.1ex; margin-top: 15px; margin-bottom: -3px; }
#subheader h2 { font-family: Arial, Helvetica, sans-serif; font-size: 150%; font-weight: bold; color: #000099; text-align: center; margin-top: 15px; margin-bottom: 2px;}
/* ----end subheader ---- */
/* ---- siheader ---- */
#siheader { position: relative; top: 0%; right: 0%; left: 0%; background: transparent; height: 7.5ex; width: 100%; z-index: 0; }
#siheader h1 { font-family: Arial, Helvetica, sans-serif; font-size: 225%; font-weight: bold; font-style: italic; color: #000099; text-align: center; letter-spacing: 0.2ex; margin-top: 5px; margin-bottom: -3px; }
#siheader h2 { font-family: Arial, Helvetica, sans-serif; font-size: 75%; font-weight: bold; color: #000099; text-align: center; letter-spacing: 0.9ex; margin-top: -3px; margin-bottom: 2px;}
/* ----end siheader ---- */
/* ---- sisubheader ---- */
#sisubheader { position: relative; top: 0%; right: 0%; left: 0%; background: transparent; height: 5ex; width: 100%; z-index: 0; }
#sisubheader h1 { font-family: Arial, Helvetica, sans-serif; font-size: 200%; font-weight: bold; color: #ff0000; text-align: center; letter-spacing: 0.1ex; margin-top: 15px; margin-bottom: -3px; }
#sisubheader h2 { font-family: Arial, Helvetica, sans-serif; font-size: 150%; font-weight: bold; color: #000099; text-align: center; margin-top: 15px; margin-bottom: 2px;}
/* ----end sisubheader ---- */
/* ---- leftside --- */
#leftside { position: absolute; left: 0%; top: 8ex; margin: 5px 5px 15px 1px; height: auto; width: 21%; background: transparent; z-index: 1; }
#leftside p { margin: 0px 7px; background: #ffffff; padding: 0px }
#leftside .p1 { border: solid 1px #ffffcc; font-family: Arial, Helvetica, sans-serif; font-size: 73%; color: #0000CC; background-color: #ffffcc; padding-left: 3px; padding-top: 0px; width: 90%; }
#leftside .p2 { border: solid 1px #ffddaa; font-family: Arial, Helvetica, sans-serif; font-size: 73%; font-weight: bold; color: #660066; background-color: #ffddaa; padding-left: 3px; padding-top: 0px; width: 90%; }
#leftside .p3 { border: solid 1px #000000; margin-top: 7px; font-family: Arial, Helvetica, sans-serif; font-size: 73%; font-weight: bold; color: #660066; text-align: center; background-color: #ffddaa; padding: 1px 2px; width: 90%; }
#leftside .p4 { border: solid 1px #efefef; font-family: Arial, Helvetica, sans-serif; font-size: 69%; color: #0000CC; background-color: #efefef; padding-left: 3px; padding-top: 0px; width: 90%; }
#leftside .p5 { border: solid 1px #fdfdfd; font-family: Arial, Helvetica, sans-serif; font-size: 73%; color: #0000CC; background-color: #fdfdfd; padding-left: 3px; padding-top: 0px; width: 90%; }
#leftside .p6 { border: solid 1px #ccddff; font-family: Arial, Helvetica, sans-serif; font-size: 73%; font-weight: bold; color: #660066; background-color: #ccddff; padding-left: 3px; padding-top: 0px; width: 90%; }
#leftside .p7 { border: solid 1px #f6fff6; font-family: Arial, Helvetica, sans-serif; font-size: 73%; color: #0000CC; background-color: #f6fff6; padding-left: 3px; padding-top: 0px; width: 90%; }
#leftside .p8 { border: solid 1px #dfefdf; font-family: Arial, Helvetica, sans-serif; font-size: 73%; font-weight: bold; color: #660066; background-color: #dfefdf; padding-left: 3px; padding-top: 0px; width: 90%; }
#leftside .p9 { border: solid 1px #d5d5ff; font-family: Arial, Helvetica, sans-serif; font-size: 69%; color: #660066; background-color: #d5d5ff; padding-left: 3px; padding-top: 0px; width: 90%; }
#leftside form { font-size: 73%; background: inherit; margin: 0%; padding-left: 3px; border: none; }
#leftside span.hide { font-size: 50%; display: none; }
/* ---- end leftside ---- */
/* ---- panel ---- */
#panel { position: relative; border: double 4px #000099; margin: 15px 0% 15px 25%; width: 72%; height: 80%; background: #ffffcc; z-index: 1; }
#panel table { position: relative; }
#panel p { margin: 10px 20px; font-size: 88%; }
#panel ul { list-style-type: none; margin: 15px; padding-left: 30px; color: #000099; margin-bottom: 0; margin-top: 0; }
#panel ol { list-style-type: decimal; margin: 15px; padding-left: 30px; color: #000099; }
#panel ol li { list-style-type: decimal; font-size: 88%; color: #000099; }
#panel ul li { list-style-type: disc; font-size: 90%; color: #000099; }
#panel ul li li { list-style-type: circle; font-size: inherit; color: #000099; margin-bottom: 1px; }
#panel ul li li li { list-style-type: square; font-size: inherit; color: #000099; }
#panel blockquote.white { margin: 1ex 4ex; background: #ffffff; padding: .5ex; }
#panel blockquote.green { margin: 1ex 6ex; background: #ddffdd; padding: 1ex; }
#panel hr { margin: 0 auto; width: 70%; background: #000099 }
#panel span.white { margin: 2ex; background: #ffffff; padding: .5ex; }
#panel span.pink { background: #ffdddd; padding: .5ex; }
#panel span.green { background: #ddffdd; padding: .5ex; }
#panel .ulsmall { font-family: Arial, Helvetica, sans-serif; font-size: 94%; color: #000099; margin: 3px; }
#panel .alignx { position: relative; padding: 3px; border: solid 1px #000000; padding-left: 10px; margin: 0px; }
#panel .alignl { position: relative; float: left; margin-bottom: 10px; padding: 3px; }
#panel .alignr { position: relative; float: right; margin-bottom: 10px; padding: 3px; }
#alignl { position: relative; float: left; padding: 3px; }
#alignr { position: relative; float: right; padding-right: 15px; }
#panel .formalignr { text-align: right; margin-right: 15ex; }
#panel .formalignc { text-align: center; }
#panel .titlebl { margin-bottom: 1.5ex; font-size: inherit; font-weight: bold; color: #000099; }
#panel .compact { margin-bottom: 0; margin-top: 0; }
#panel .footnote { font-size: 88%; text-align: justify; }
#panel .footnotec { font-size: 88%; text-align: center; }
#panel .rnoteozz { font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #ff0000; text-align: center; }
#panel .rnoteznf { list-style-type: none; font-family: Arial, Helvetica, sans-serif; font-size: 94%; color: #ff0000; text-align: center; margin: 7px 0px; }
#panel .alignc { font-family: Arial, Helvetica, sans-serif; font-size: inherit; color: #000099; text-align: center; }
#panel .headozz { font-family: Arial, Helvetica, sans-serif; font-size: 94%; font-weight: bold; color: #000099; text-align: center; margin-top: -0.5ex; margin-bottom: -0.2ex; }
#panel .headznf { font-family: Arial, Helvetica, sans-serif; font-size: 94%; font-weight: bold; color: #000099; text-align: center; margin-top: -0.5ex; margin-bottom: -0.2ex; }
#panel .headotf { font-family: Arial, Helvetica, sans-serif; font-size: 125%; font-weight: bold; color: #000099; text-align: center; letter-spacing: 0.2ex; }
#panel .headoot { font-family: Arial, Helvetica, sans-serif; font-size: 113%; font-weight: bold; color: #000099; text-align: center; letter-spacing: 0.1ex;}
#panel .titlezee { font-family: Arial, Helvetica, sans-serif; font-size: 88%; font-weight: bold; color: #000099; }
#panel .listlarge { font-family: Arial, Helvetica, sans-serif; font-size: 94%; color: #000099; }
#panel .listlarge li { list-style-type: disc; color: #000099; margin-bottom: 10px; }
#panel .listlarge li li { list-style-type: circle; color: #000099; margin-bottom: 1px; }
#panel .listlarge li li li { list-style-type: square; color: #000099; margin-bottom: 1px; }
/* ---- end panel ---- */
/* ---- formpanel ---- */
#formpanel { position: relative; margin: 2% 10%; border: double 4px #000099; padding: 0; height: 80%; background: #ddefff; }
#formpanel p.headzee { font-family: Arial, Helvetica, sans-serif; font-size: 88%; font-weight: bold; color: #009999; text-align: center; }
#formpanel .footnotec { font-size: 75%; text-align: center; }
#formpanel .smallnote { margin: 1ex 3ex; font-size: 88%; text-align: justify; }
/* ---- end formpanel ---- */
/* ---- altpanel ---- */
#altpanel { position: relative; border: double 4px #000099; padding: 0; height: 80%; background: #ffffcc; z-index: 1; }
#altpanel p { margin: 10px 20px; font-size: 88%; }
#altpanel ul { list-style-type: none; margin: 15px; padding-left: 35px; color: #000099; margin-bottom: 0; margin-top: 0; }
#altpanel ol { list-style-type: decimal; margin: 15px; padding-left: 35px; color: #000099; }
#altpanel ol li { list-style-type: decimal; font-size: 88%; color: #000099; }
#altpanel ul li { list-style-type: disc; font-size: 88%; color: #000099; }
#altpanel ul li li { list-style-type: circle; font-size: inherit; color: #000099; }
#altpanel ul li li li { list-style-type: square; font-size: inherit; color: #000099; }
#altpanel .compact { margin-bottom: 0; margin-top: 0; }
#altpanel .footnote { font-size: 88%; text-align: justify; }
#altpanel .footnotec { font-size: 88%; text-align: center; }
#altpanel .headozz { font-family: Arial, Helvetica, sans-serif; font-size: 94%; font-weight: bold; color: #000099; text-align: center; margin-top: -0.5ex; margin-bottom: -0.2ex;}
#altpanel .headznf { font-family: Arial, Helvetica, sans-serif; font-size: 94%; font-weight: bold; color: #000099; text-align: center; margin-top: -0.5ex; margin-bottom: -0.2ex;}
#altpanel .headotf { font-family: Arial, Helvetica, sans-serif; font-size: 125%; font-weight: bold; color: #000099; text-align: center; letter-spacing: 0.2ex;}
#altpanel .titlezee { font-family: Arial, Helvetica, sans-serif; font-size: 88%; font-weight: bold; color: #000099; }
#altpanel .listlarge { font-family: Arial, Helvetica, sans-serif; font-size: 94%; color: #000099; }
/* ---- end altpanel ---- */
/* ---- linksets ---- */
#linksets { position: relative; border: double 4px #000099; margin: 15px 0% 15px 23%; width: 75%; background: #ffffff; z-index: 1; }
#linksets p { position: relative; margin: 0px; height: 100%; }
#linksets span { position: relative; margin: 0px; }
#linksets p.category { position: relative; color: #ffff00; font-weight: bold; font-size: 100%; background: #000000; border: solid 1px #000000; text-align: center; margin: 0px; padding: .5ex; clear: both; }
#linksets p.container { position: relative; margin: 0px; }
#linksets span.links { position: relative; float: left; background: #ffffff; margin: 0px; height: 4ex; width: 22ex; text-align: center; font-size: 70%; padding: .8ex .5ex; border: solid 1px #000000; }
#linksets span.hide { position: relative; float: left; font-size: 50%; display: none; }
#linksets img { border: 0px; margin: -0.7ex 0px; }
/* ---- end of linksets ---- */
/* ---- sipanel ---- */
#sipanel { position: relative; border: double 4px #000099; margin: 15px 0% 15px 23%; width: 75%; height: 80%; background: #ffffff; z-index: 1; }
#sipanel img.float { float: right; height: 30px; width: 30px; padding: 0px; margin: 2px; }
#sipanel img.floatl { position: relative; float: left; padding: 0px; margin: 15px; }
#sipanel img.floatsl { position: relative; float: left; padding: 0px; margin: 10px; }
#sipanel img.floatc { float: none; padding: 0px; margin: 15px 10%; }
#sipanel p { margin: 10px 20px; font-family: Arial, Helvetica, sans-serif; font-size: 85%; }
#sipanel ul { list-style-type: none; margin: 15px; padding-left: 35px; color: #000099; margin-bottom: 0; margin-top: 0; font-family: Arial, Helvetica, sans-serif; font-size: 88%; }
#sipanel .bkcolor { background: #ceffec; margin: 0px 20px; padding: 1px; }
#bkcolor { background: #ceffec; margin: 0px 20px; padding: 1px; }
#sipanel ol { list-style-type: decimal; margin: 15px; padding-left: 35px; color: #000099; }
#sipanel ol li { list-style-type: decimal; margin-bottom: 1ex; font-size: 88%; color: #000099; }
#sipanel ul li { list-style-type: disc; font-size: inherit; color: #000099; }
#sipanel ul li li { list-style-type: circle; font-size: inherit; color: #000099; }
#sipanel ul li li li { list-style-type: square; font-size: inherit; color: #000099; }
#sipanel hr { margin: 0 auto; width: 70%; background: #000099 }
/* ---- start of link page data ---- */
#sipanel p.container { background: #000000; margin: 0px; padding: 3px; border: solid 1px #ff0000; }
#sipanel .category { margin: auto; height: 2.3ex; color: #ffff00; font-weight: bold; font-size: 100%; background: #000000; text-align: center; padding: 1ex; border: solid 1px #ffff00; }
#sipanel span.links { background: #ffffff; margin: 15px 0px; text-align: center; font-size: 90%; padding: 5px; border: solid 1px #000000; }
/* ---- end link page data ---- */
#sipanel .menuframe { margin: 3px 3px; padding: 3px 0px; text-align: center; border: solid 1px #ff0000; }
#sipanel .defmenu { margin: 0%; padding: 2px; text-align: center; font-size: 90%; border: solid 1px #ffffff; }
#sipanel .center { text-align: center; }
#sipanel .quotes { margin: 0ex 8ex; }
#sipanel .compact { margin-bottom: 0; margin-top: 0; }
#sipanel .footnote { font-size: 88%; text-align: justify; }
#sipanel .footnotec { font-size: 88%; text-align: center; }
#sipanel .subnote { margin-top: 0px; font-size: 63%; text-align: center; }
#sipanel .subnotel { margin-top: -4px; font-size: 78%; }
#sipanel span.hide { font-size: 50%; display: none; }
#sipanel .titlebl { margin-bottom: 1.5ex; font-size: inherit; font-weight: bold; color: #000099; }
#sipanel .titleznf { font-family: Arial, Helvetica, sans-serif; font-size: 94%; font-weight: bold; color: #000099; }
#sipanel .headozz { font-family: Arial, Helvetica, sans-serif; font-size: 94%; font-weight: bold; color: #000099; text-align: center; }
#sipanel .headznf { font-family: Arial, Helvetica, sans-serif; font-size: 94%; font-weight: bold; color: #000099; text-align: center; }
#sipanel .centerznf { font-family: Arial, Helvetica, sans-serif; font-size: 94%; color: #000099; text-align: center; margin-top: -0.5ex; margin-bottom: -0.2ex; }
#sipanel .rnoteozz { font-family: Arial, Helvetica, sans-serif; font-size: 94%; color: #ff0000; text-align: center; }
#sipanel .rnoteznf { font-family: Arial, Helvetica, sans-serif; font-size: 94%; color: #ff0000; text-align: center; }
#sipanel .gtimeozz { font-family: Arial, Helvetica, sans-serif; font-size: 94%; color: #00ff00; text-align: center; }
#sipanel .gtimeznf { font-family: Arial, Helvetica, sans-serif; font-size: 94%; color: #00ff00; text-align: center; padding: 0px 0px; }
#sipanel .headoot { font-family: Arial, Helvetica, sans-serif; font-size: 113%; font-weight: bold; color: #000099; text-align: center; letter-spacing: 0.1ex;}
#sipanel .headotf { font-family: Arial, Helvetica, sans-serif; font-size: 125%; font-weight: bold; color: #000099; text-align: center; letter-spacing: 0.2ex;}
#sipanel .titlezee { font-family: Arial, Helvetica, sans-serif; font-size: 88%; font-weight: bold; color: #000099; }
#sipanel .listlarge { font-family: Arial, Helvetica, sans-serif; font-size: 94%; color: #000099; }
#sipanel img { border: 0px; }
#timebkcolor { background: #000000; margin-right: 0; height: 8ex; padding: 10px 5px; }
#sipanel form { text-align: right; margin-top: 0px; }
#sipanel form.formalign { float: left; width: 26ex; height: 2.5ex; padding: 3px 0px; text-align: center; font-size: 83%; font-weight: bold; color: #00ff00; }
/* ---- end sipanel ---- */
/* ---- fampanel ---- */
#fampanel { position: relative; margin: 15px 0% 15px 23%; width: 75%; height: 80%; background: transparent; z-index: 1; }
#fampanel .famgroup { position: relative; border: double 4px #000099; margin-bottom: 30px; background: #ffcc99; z-index: 1; }
#fampanel img.floatl { position: relative; float: left; padding: 0px; margin: 0px 10px 10px 0px; }
#fampanel img.floatr { position: relative; float: right; padding: 0px; margin: 0px 0px 10px 10px; }
#fampanel p { margin: 7px 7px; font-family: Arial, Helvetica, sans-serif; font-size: 80%; text-align: justify; }
#fampanel span.hide { font-size: 50%; display: none; }
/* ---- end fampanel ---- */
/* ---- counter div group ---- */
#head { position: relative; border: solid 2px #000099; width: 37%; float: left; text-align: center; padding: 1px; background: #ffffff; }
#date { position: relative; border: solid 2px #000099; width: 11%; float: left; text-align: center; padding: 1px; background: #ffffff; }
#name { position: relative; border: solid 1px #000099; width: 25.5%; float: left; background: #e6e6dc; text-align: right; padding-top: 1px; padding-bottom: 2px; padding-right: 1ex;}
#count { position: relative; border: solid 1px #ffffff; width: 11%; float: left; background: #ffffff; text-align: center; }
#history { position: relative; border: solid 1px #000099; width: 11%; float: left; padding: 1px 0px; background: #ffffff; color: #000000; text-align: center; font-weight: bold; }
/* ---- end counter div group ---- */
/* ---- footer ---- */
#footer { position: relative; margin: 5px 5px 10% 22%; height: 40%; width: 75%; background: transparent; z-index: 1; }
#footer img.adimage { position: relative; float: left; padding: 0px; margin-left: 10px; }
#footer .copyright { font-size: 75%; text-align: center; color: #000066; background: #efefdc; border: solid 1px #990033; padding: 3px; margin: 1% 20%;}
#footer .linkboxs { font-family: Arial, Helvetica, sans-serif; font-size: 75%; color: #000000; text-align: center; background-color: #efefdc; border: solid 1px #990033; padding: 4px; }
#footer .footnotec { font-size: 88%; text-align: center; }
#footer a.ads:link { border: solid 1px #bbbbff; font-size: 75%; line-height: 16px; text-align: center; }
#footer span.hide { position: relative; float: left; font-size: 50%; display: none; }
#footer a.ads:visited {color: #6600cc; }
#footer a.ads:hover {color: #ff00ff; background-color: #ffffff; }
#footer a.ads:active {color: #ff0000; }
#footer a.linkboxs:link {color: #0000cc; font-size: 75%; line-height: 16px; text-align: center; }
#footer a.linkboxs:visited {color: #6600cc; }
#footer a.linkboxs:hover {color: #ff00ff; background-color: #ffffff; }
#footer a.linkboxs:active {color: #ff0000; }
/* ---- end footer ---- */
/* ---- adverts ---- */
#adverts { position: relative; clear: both; margin: 5px; height: 25%; padding-top: 1ex; width: 98%; z-index: 1; }
#adverts .transback { background: url('/bkgrds/bk339.gif') 0px 0px repeat; font-size: inherit; }
#adverts img.adimage { position: relative; float: left; padding: 0px; margin-left: 10px; }
#adverts span.hide { position: relative; float: left; font-size: 50%; display: none; }
/* ---- end adverts ---- */
/* ---- custlinks ---- */
#custlinks { position: relative; clear: both; height: 50%; width: 98%; background: transparent; padding-top: 1ex; z-index: 1; }
#custlinks span.float { position: relative; float: left; border: solid 1px #9999cc; font-size: 50%; margin: 1px 2px; background: #fcfcfc; padding: 2px; }
#custlinks span.hide { position: relative; float: left; font-size: 50%; display: none; }
#custlinks .hide { position: relative; display: none; }
/* ---- end custlinks ---- */
/* ---- announce ---- */
#announce { position: relative; z-index: 1; border: solid 1px #000000; background: #eeeeee; font-size: 69%; color: #000000; text-align: justify; width: 95%; padding: 7px; margin: 2%; }
/* ---- end announce ---- */
/* */