/* Body */
html{margin:0 auto;padding:0;height:100%;margin-bottom: 1px;}
body{font: 11pt arial,helvetica,arial,sans-serif;text-align:center;margin:0 auto; background-color: #888888;}
a{border:0}img{border:0;margin:0 0 0 0;padding:0 0 0 0}
.fullpage {width:998px;margin:0 auto 0 auto;background-color:#000000;}
.fullpage:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.sidebanner {width:193px;float:left;background-color:#000000;border-left:1px solid #000000;margin-top:51px}
.sidebanner:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/* Page Container */
.container{position:relative;float:left;width:800px;border-top:0;text-align:left;min-height: 764px; background: #fff;border:1px solid #000000;border-bottom:3px solid #000000;} /* #6d6f71; margin:0 auto 10px auto;*/ .container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}/* Border */.border {}.border:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/* Header */
.header {position:relative;background:#000000;height:164px;width:996px;text-align:left;margin:7px auto 0 auto;border:1px solid #000000;border-bottom:0;} /* border:1px solid #6d6f71;border-bottom:0 height:185px */
.header:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}/* Header Left */div#headerLeft {position:absolute;left:0px;width:450px}div#headerLeft h1{font-size:50px;margin:0} div#headerLeft h2{font-size:20px;font-style:italic;margin:0}#xcolour{color:#a8af3e}/* Header Right Menu */div#headerRight {position:absolute;width:380px;left:470px;text-align:right;margin:0 10px 0 0;padding:0}div#headerRight p{color:#000;margin:10px 10px 0 0;padding:0}div#headerRight a{color:#0000FF;text-decoration:none;font-weight:bold;margin-right:10px} div#headerRight a:hover{color:#CC0000}/* Header Main Menu */div#headerMenu{position:absolute;top:70px;left:0px;height:26px;color: #6d6f71;clear:both;width:100%;margin:0 0 5px 21px;padding:0}div#headerMenu p{color: #000;margin:10px 10px 10px 0;padding:0}div#headerMenu a{color:#0000FF;line-height:1.6em;text-decoration:none;font-weight:bold;margin-right:10px}div#headerMenu a:hover{color:#CC0000}
.header h1 {font-family:Monotype Corsiva Italic;text-align:center;padding-top:30px;color:#ffffff}
/* Menu highlighting system */
body#index a.menu-index, body#history a.menu-history, body#tributes a.menu-tributes, body#photos a.menu-photos, body#videos a.menu-videos, body#links a.menu-links, body#contact a.menu-contact {color: #CC0000}
body#crane a.menu-crane, body#tiger a.menu-tiger, body#leopard a.menu-leopard, body#dragon a.menu-dragon, body#snake a.menu-snake {color: #CC0000}
body#cho-si-shi-gao-can a.menu-cho-si-shi-gao-can, body#tai-si-gung-quek a.menu-tai-si-gung-quek, body#si-gung-lai a.menu-si-gung-lai, body#sifu a.menu-sifu {color: #CC0000}
div#content {position:relative;float:right;width:540px;margin:10px 20px 5px 20px;padding-left:25px;border-left:1px solid #6d6f71;min-height:764px}/* Hack for IE6 Note: display: inline; can help with left margin problem but need twice... */* html div#content {margin:10px 10px 5px 10px} div#content h1{font: 17pt Verdana; font-weight:bold; margin:0 0 15px 0; color: #CC0000;text-align:center}div#content h2{font: 14pt Verdana; font-weight:bold; margin:15px 0 12px 0; color: #CC0000;text-align:center} div#content h3{font: 12pt Verdana; font-weight:bold; margin:15px 0 0 0; color: #CC0000;text-align:center} div#content p{line-height:1.4em;color:#000;margin:0px 0px 12px 0px}div#content ol{color:#000;margin-top:12px;margin-bottom:12px}div#content ul{color:#000;margin-top:12px;margin-bottom:12px}div#content li{color:#000;line-height:1.4em}div#content td{font: 12pt arial,helvetica,sans-serif}div#content a{font-weight:bold;text-decoration:none}div#content a:hover{color:#CC0000}div#content table{width:510px;border:1px solid #6d6f71;border-bottom:0}div#content img{border:1px solid #6d6f71}
.dropcap { float:left; margin-top:0px; width:25px; font-size: 56px; line-height:48px;}
/* Menu */
div#menu {position:relative;float:left;width:190px;margin:10px 0 5px 0;}
div#menu h2{font: 14pt Verdana; font-weight:bold; margin:5px 0 12px 10px; color: #CC0000}
div#menu p{color:#000;margin:0;padding:0 0 0 20px}
div#menu a{font-weight:bold;text-decoration:none}
div#menu a:hover{color:#CC0000}
/* Boxes */
blockquote.box { background-color: rgb(225,250,200); border: 2px solid #CC0000; padding: 0 1em 1em 1em; margin: 1.25em auto; text-align: left; width: 70% }
div#productbox-side {background-color:#E1FAC8;color:#000;position:relative;margin:10px 10px 5px 10px;width:199px;border:solid #6d6f71 1px;padding:5px 5px 5px 5px}div#productbox-side p { margin:0 10px 0 10px;padding:10px 0 10px 0 }div#productbox-side:hover { background-color: #C8FAAF; }div#productbox-side h2 {text-align:center}.center {text-align:center}div#productbox-end {background-color:#E1FAC8;color:#000;position:relative;left:0px;width:470px;border:solid #6d6f71 1px;margin-top:15px;padding:5px 5px 5px 5px}div#productbox-end p { margin:0 10px 0 10px;padding:10px 0 10px 0 }div#productbox-end:hover { background-color: #C8FAAF; }/* Bullets */ul.none { margin: 0em 0em 0em 3em; list-style: none; }ul.none li { list-style-image: none; list-style-type: none; margin: 1em 0em; padding-left: .25em; }ul.tick_red { margin: 0em 0em 0em 3em; list-style: square; }ul.tick_red li { list-style-image: url(../images/ico-positive_red.gif); list-style-type: square; list-style-position: inside; margin: 1em 0em; padding-left: .25em; }* +html ul.positive-red li, *html ul.positive-red li { list-style-position: outside; }ul.square_red { margin: 0 0 0 10px; list-style: square; }ul.square_red li { list-style-image: url(../images/ico-square_red.gif); list-style-type: square; list-style-position: outside; margin: 7px 0; }ul.circle_red { margin: 0em 0em 0em 3em; list-style: square; }ul.circle_red li { list-style-image: url(../images/ico-circle_red.gif); list-style-type: square; list-style-position: inside; margin: 1em 0em; }/* Subscribe Box */blockquote.order { background-color: rgb(225,250,200); background-repeat: no-repeat; border: .25em solid rgb(235,255,215); padding: .15em 1em .15em 95px; margin: 0em auto 1em auto; }blockquote.order:hover { background-color: rgb(200,250,175); }/* Footer */div#footer{position:relative;color:#000;font:normal 11px arial,sans-serif;text-align:center; margin:1em auto;}div#footer a{color:#0000FF;text-decoration:none}div#footer a:hover{color:#CC0000}div#footerMenu {font: 11pt Arial,helvetica,sans-serif}div#footerMenu a{color:#0000FF;font-weight:bold;margin-right:10px}div#footerMenu a:hover{color:#CC0000}