/* Site design by John Groschwitz based on a template from http://www.ssi-developer.net */ 

body {
     margin:20px;
     background-color:#808080;
     color: #808080;
     text-align:center;
     padding:0;
     }

a:link, a:visited { text-decoration: none; color: #cccccc; }
a:hover { text-decoration: underline; color: #f0caa6; }

div#links ul li.email {display: list-item; 
    width:180px;
    padding: 5px 0px 5px 0px; 
    border-bottom: #e2dcc7 solid 2px;
    background-color: #333333;
    color: #e2dcc7;
    font: bold 1em Papyrus, sans-serif;
    text-align: center; 
    text-decoration: none;}
    
span.email {color: white;}

#upper {
     background-color: #cccccc;
     color: #000000;
     text-align:center;
     margin: 0px 0px 0px 0px;
     padding: 20px 0px 0px 0px;
}

#upper h1 {margin:0px 0px 0px 0px;}

#upper h2 {margin:-3px 0px 20px 0px;}

#outer {
     text-align:left;
     border:1px 1px 1px 1px solid #000000;
     width:650px;
     margin-bottom:auto;
     }

#hdr {
     border:none;
     height:135px;
     background:#eeeeee;
     color: #333333;
     }

#bar {
     height:55px;
     width:650px;
     background-image: url(http://www.chineseboxingclub.org/health/joe.jpg);;
     background-repeat: repeat-x; 
     }

#bodyblock {
     float:left;
     background: #800000;
     color: #333333;
     border:0px 0px 0px 0px solid #000000;	
     width:650px;
     padding:0;
}

#left {
     font-family: Georgia, serif;
     font-weight: bolder;
     float:left;
     background-color: #800000;
     border-width:0px 0px 0px 0px;
     padding:35px 0px 0px 0px;
     width:148px;
}
     
ul.menu {
     padding: 0px;
     margin:0px 3px 0px 3px;
     }

ul.menu li {
     color: #ffffcc;
     list-style-type: none;
     font-family: Georgia, serif;
     font-size:13px;
     padding-bottom:15px;
     }

#right {
     width:500px;
     background-color: #cccccc;
     color: #333333;
     border:solid #000000;	
     border-width:0px 0px 0px 0px;
     padding:15px 0px 20px 0px;
     float: right;
     text-align:center;
     font-family: Georgia, serif;
}

div#textimage {
     float:left;
     border: solid #aa5f55;	
     border-width:1px 1px 1px 1px;
     margin:20px 0px 20px 10px;
     padding:12px 12px 0px 12px;}

div#right ul {text-align:left;}

ul.art {
     font-weight:bold;
     font-size:14px;
     list-style-type: none;
     margin-left: 20px;
     margin-bottom: 1px; 
     }

ul.treat li{
     margin: 0px 0px 3px 0px;
     font-family: Georgia, serif;
     font-size:13px;
     }

h1 { 
     font-family: Papyrus, sans-serif;
     font-size:32px;
     }

h2 {
     font-family: Papyrus, sans-serif;
     font-size:22px;
     }
     
h3 {
     font-family: Century, serif;
     font-size:20px;
     text-align: left;
    
     margin-left:20px;
}

h4 {
     font-family: Georgia, serif;
     font-size:16px;
     text-align: center;
     text-decoration: underline;
     margin: 0px 20px 0px 20px;
     }
     
p {  
     margin: 0px 20px 20px 20px;
     font-family: Georgia, serif;
     font-size:13px;
     text-align:justify;
     text-indent: 30px;
     }


#ftr {
     width:650px;
     background: #800000;
     border:0px 0px 0px 0px solid #000000;
     margin:0;
     padding-top: 10px;
     padding-bottom:10px;
     color: #ffffff;
     font-family: Papyrus, sans-serif;
     font-size:13px;
     text-align: center;
     float: right;
}
     
span.pagevalid a:link { color: #ffffff; }
span.pagevalid a:hover { color: #ffffff; text-decoration:underline;}
span.hosting a:link { color: #ffffff; }
span.hosting a:hover { color: #ffffff; text-decoration:underline;}