/*Site designed by John Groschwitz with lots of borrowed css tricks*/

body {background-color: #000000;
color: white;
margin: 0px;
padding: 0px;
position: inherit;
height: 100%;}

div#box {text-align: center;
margin-left:auto;
margin-right:auto;
top:0px;
width: 760px;
height: auto;}

div#bannerbox {width: 760px; height: 230px;
filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75; margin-bottom: 15px;
background-color: #330000;}

/*#330000*/

div#banner {position: absolute; top: 25px;
width: 740px; margin: 0px 0px 0px 10px; text-align: center;}

div#banner img {clear: both;}

div#menu {position: absolute; top: 185px;
display: block;
width: 760px;
text-align: center;
clear: both;
color: #cccccc;
padding:0px 0px 0px 0px;
border-top: 2px #cccccc solid;
border-bottom: 2px #cccccc solid;
margin: 0px 0px 0px 0px;
font: bold 20px Papyrus, sans-serif;}

div#menu p {margin: 5px 0px 5px 0px;}

div#menu a:link {display: inline;
color: #cc0000;}

div#menu a:visited {color:  #cc0000;}

div#menu a:hover {display: inline;
color: #ffcc00;
margin: 0px;
padding: 0px;}

div#links {margin-left:auto;
margin-right:auto;
text-align: center;
padding: 0px;
margin-top: 20px;
width: 760px;
font:17px Papyrus, sans-serif;
text-align: left;}

ul.menu1 {margin: 0px 0px 0px 0px;
text-align: center;
display:inline;}

ul.menu1 li {text-align: center;
display: inline;
width: 110px;
height: 90px;
list-style-type: none;
padding: 0px;
margin: 0px 7px 0px 7px;
text-transform: lowercase;}

ul.menu2 {margin: 5px 0px 0px 0px;
text-align: center;
clear: both;
display:inline;}

ul.menu2 li {text-align: center;
display: inline;
width: 110px;
list-style-type: none;
padding: 0px;
margin: 0px 15px 0px 15px;
text-transform: lowercase;}

ul.menu3 {margin: 0px 0px 0px 115px;
text-align: center;
display:inline;}

ul.menu3 li {text-align: center;
display: inline;
width: 110px;
list-style-type: none;
padding: 0px;
margin: 0px 15px 0px 15px;
text-transform: lowercase;}

div#links a {display: inline;
padding: 0px 0px;
margin: 0px 0px 0px 0px;
color: #cc0000;
font: bold 1em Papyrus, sans-serif;
text-align: center;
text-decoration: none;}

div#links a span {display: none;}

div#links a:visited {color: #cc0000;
text-align: center;}

div#links a:hover {text-align: center;
display: inline;
list-style-type: none;
padding: 0px 0px;
margin: 0px 0px 0px 0px;
font: bold 1em Papyrus, sans-serif;
color: #ffcc00;
font: bold 1em Papyrus, sans-serif;}

/*div#links a:hover span {
    position: absolute; 
	top: 300px; 
	float: left; 
     display: block; 
    width: 760px;
      padding: 0px 0px;
      margin: 0px 0px 0px 0px; 
    background: none;
    color: #cccccc;
   font: 11px Verdana, sans-serif; 
   text-align: center;}*/

div#content {width: 760px;
font-family: Perpetua, Georgia, serif;
font-size: 17px;
padding: 0px;
margin: 5px 0px 0px 0px;}

div#dragon {float: left; clear: none; width: 370px;
margin: 15px 5px 20px 0px;}

div#content a:link {text-decoration: none;
color: #cc0000;}

div#content a:visited {text-decoration: none;
color: #cc0000;}

div#content a:hover {text-decoration: none;
color: #ffcc00;}

h1 {margin-bottom: 0px;
padding-top: 20px;
text-align: center;
color: white;
letter-spacing: 0.2em;
text-transform: none;
font: bold 25px Papyrus, sans-serif;}

h2 {font: bold 18px Papyrus, sans-serif;
text-align:left;
margin-top: 0px;
margin-bottom: -15px;
margin-left: 0px;}

h3 {font: bold 18px Papyrus, sans-serif;
text-align:left;
margin-bottom: -15px;
margin-left: 0px;}

h4 {font: bold 17px Papyrus, sans-serif;
text-align:left;
margin-top: 0px;
margin-bottom: -10px;
margin-left: 18px;}

h5 {display: block;
float: left;
height: 30px;
width: 760px;
font: bold 18px Papyrus, sans-serif;
text-align:left;
margin-top: -10px;
margin-bottom: 0px;
margin-left: 10px;}

span.chinese {font-size: 20px;
font-family: MingLiu, Simsun, sans-serif;
font-weight: 500;}

span.day {font-family: Perpetua, Georgia, serif;
font-size: 17px;
font-weight: normal;}

span.highlight {font: bold 18px Papyrus, sans-serif;
text-align: left;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;}

div#content p {text-align: left;
margin: 20px 10px 0px 10px;}

div#content p.center {margin-top: 0px; text-align: center;}

div#content p.link {display: block;
clear: none;
text-align: left;
margin: 15px 0px 0px 20px;
width: 760px;}

div#content p.right {float: right;
text-align: left;
margin: 20px 0px 0px 0px;
width:380px;
clear: right;}

div#hortextimage {display: inline;
float:right;
margin-bottom: 0px;}

div#hortextimage img {width: 274px;
padding: 5px 5px 5px 5px;
margin-bottom: 0px;
border: #cccccc 2px solid;}

div#hortextimage p.caption {font: bold 15px Papyrus, sans-serif;
text-align: center;
margin-top: 5px;
margin-bottom: 0px;
padding-bottom: 0px;}

div#vertextimage {display: inline;
float:right;
margin-bottom: 0px;}

div#vertextimage img {width: 180px;
padding: 5px 5px 5px 5px;
margin-bottom: 0px;
border: #cccccc 2px solid;}

div#vertextimage p.caption {font: bold 15px Papyrus, sans-serif;
text-align: center;
margin-top: 5px;
margin-bottom: 0px;
padding-bottom: 0px;}

div#vertextimage2 {display: block;
float:left;
margin: 5px 20px 0px 0px;}

div#vertextimage2 img {width: 230px;
padding: 5px 5px 5px 5px;
margin-bottom: 0px;
border: #cccccc 2px solid;}

div#vertextimage2 p.caption {font: bold 15px Papyrus, sans-serif;
text-align: center;
margin-top: 5px;
margin-bottom: 0px;
padding-bottom: 0px;}

div#left {width:370px;
float: left;
display: inline;
clear: none;
margin: 20px 0px 5px 0px;
text-align: center;}

div#right {width:370px;
float: left;
display: inline;
clear: right;
margin: 20px 0px 5px 0px;
text-align: center;}

div#right2 {width:360px;
float: left;
clear: left;
margin: 0px 0px 20px 0px;
text-align: center;}

div#table {position: relative;
display: block;
float: inherit;
clear: both;
text-align: center;
padding: 0px;
margin: 0px 0px 0px 0px;
width: 606px;
border: 6px #330000 solid;}

table {display: inline-block;
text-align: center;
margin-left:auto;
margin-right:auto;
margin-top: 00px;
font-family: Perpetua, Georgia, serif;
width: 606px;
border: 6px #330000 solid;}

th {text-align: center; background-color: #cccc99;color: #000000; font: bold 20px Papyrus, sans-serif; height: 50px;}

/*border-bottom: solid #330000 6px;*/

td.day {font-family: Verdana;
font-size: 50px;
margin: 0px;
height: 40px;
padding: 7px;
border-right: 2px #330000 solid;
font-family: Perpetua, Georgia, serif;
font-size: 17px;
font-weight: bold;}

td.day {width: 145px;}
td.class {width: 160px;}
td.location {width: 145px;}
td.time {width: 160px;}

td {border-bottom: 2px #330000 solid;
padding: 7px;
vertical-align: top;height: 40px;}

span.pa {color: #aa7f55;}
span.mp {color: #cccc99;}
div#footer {display: block;
clear: both;
width:760px;
background-color: #330000;
color: #cccccc;
border-top: 2px #cccccc solid;
font-family: Perpetua, Georgia, serif;
font-size: 15px;
text-align:center;
margin-top: 30px;
padding: 5px 0px 10px 0px;}

div#footer p {text-align: center;
margin-top: 0px;
margin-bottom: 0px;}

div#footer a:link {text-decoration: none;
display: inline;
color: #cc0000;}

div#footer a:visited {text-decoration: none;
color:  #cc0000;}

div#footer a:hover {text-decoration: none;
display: inline;
color: #ffcc00;
margin: 0px;
padding: 0px;}

span.small {;
font-size: 10.5px;}