/*Site Properties*/
body{
  margin:0;
  background-color:#FFF1A5;
  color: #000000;
  font-family: arial}
a{
  color: #000000}
a:hover{
  color: #FF0000}
p{
  text-indent: 20px}
  
/*Fonts*/
@font-face {
  font-family: "Chasm";
  src: url("../font/chasm_normal.ttf") format("TrueType")}
  
/*Misc.*/
.button{
  cursor: pointer}
img.link{
  border: 0px none; }
.imageright{
  background-position: right}
.imageleft{
  background-position: left}  
  
/*MainPage*/
td.mainpage{
  background-color: #FFFFFF;
  width: 700px;
  height: 100%;
  vertical-align:top}
td.pageleft{
  background-image: url('../img/FadeLeft.png');
  background-position: right;
  background-repeat: repeat-y;
  width: 50px}
td.pageright{
  background-image: url('../img/FadeRight.png');
  background-position: left;
  background-repeat: repeat-y;
  width: 50px}
  
/*Main Page Outline - Sections*/
td.mainhome{
  border: solid 1px #FFFF00;
  border-top: 0}
td.mainabout{
  border: solid 1px #FF8400;
  border-top:0}
td.mainclass{
  border: solid 1px #BE40FF;
  border-top:0}
td.maincontact{
  border: solid 1px #2593dc;
  border-top:0}
td.mainstudent{
  border: solid 1px #00FF2A;
  border-top:0}
  
/*Heading*/
div.header{
  background-color:#007BFC;
  background-image: url('../img/horizon.gif');
  background-repeat: repeat-x;
  background-position: top}
div.topleft{
  float:left;
  color: #FFFFFF;
  font-size:10pt;
  padding-left: 5px;
  text-align:center;
  width: 120px}
div.topright{
  float:right;
  color: #FFFFFF;
  font-size:10pt;
  padding-right: 5px;
  text-align:center;
  width: 120px}
  
/*Logo and People*/
table.logopeople{
  background-image: url('../img/LogoYingYangReflect.jpg');
  background-repeat: no-repeat;
  background-position: top center;
  height: 180px;
  margin-left: auto;
  margin-right: auto}
.logoperson{
  background-repeat: no-repeat;
  height: 180px}
  
.logopersonleftdefault{
  background-image: url('../img/KickerLeft.png');
  filter: alpha(opacity=0)}
.ielogopersonleftdefault{
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/KickerLeft.png');
  margin-right: 50px;
  width: 133px;}
.logopersonrightdefault{
  background-image: url('../img/KickerRight.png');
  filter: alpha(opacity=0)}
.ielogopersonrightdefault{
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/KickerRight.png');
  margin-left: 50px;
  width: 133px;}
  
.logopersonlefttinytigers{
  background-image: url('../img/kidLeft.png');
  filter: alpha(opacity=0)}
.ielogopersonlefttinytigers{
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/kidLeft.png');
  margin-right: 70px;
  width: 106px}
.logopersonrighttinytigers{
  background-image: url('../img/kidRight.png');
  filter: alpha(opacity=0)}
.ielogopersonrighttinytigers{
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/kidRight.png');
  margin-left: 58px;
  width: 118px}
  
.logopersonleftlittleleopards{
  background-image: url('../img/KidsHorseStanceLeft.png');
  filter: alpha(opacity=0)}
.ielogopersonleftlittleleopards{
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/KidsHorseStanceLeft.png');
  margin-right: 85px;
  width: 92px}
.logopersonrightlittleleopards{
  background-image: url('../img/KidsHorseStanceRight.png');
  filter: alpha(opacity=0)}
.ielogopersonrightlittleleopards{
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/KidsHorseStanceRight.png');
  margin-left: 70px;
  width: 107px}
  
.logopersonleftdragons{
  background-image: url('../img/KidsKickingPunchLeft.png');
  filter: alpha(opacity=0)}
.ielogopersonleftdragons{
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/KidsKickingPunchLeft.png');
  margin-right: 75px;
  width: 126px}
.logopersonrightdragons{
  background-image: url('../img/KidsKickingPunchRight.png');
  filter: alpha(opacity=0)}
.ielogopersonrightdragons{
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/KidsKickingPunchRight.png');
  margin-left: 75px;
  width: 126px}
  
.logopersonleftcobras{
  background-image: url('../img/GirlLeft.png');
  filter: alpha(opacity=0)}
.ielogopersonleftcobras{
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/GirlLeft.png');
  margin-right: 54px;
  width: 134px}
.logopersonrightcobras{
  background-image: url('../img/GuyRight.png');
  filter: alpha(opacity=0)}
.ielogopersonrightcobras{
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/GuyRight.png');
  margin-left: 50px;
  width: 138px}
  
.logopersonleftcranes{
  background-image: url('../img/AdultsPunchLeft.png');
  filter: alpha(opacity=0)}
.ielogopersonleftcranes{
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/AdultsPunchLeft.png');
  margin-right: 60px;
  width: 132px}
.logopersonrightcranes{
  background-image: url('../img/AdultsPunchRight.png');
  filter: alpha(opacity=0)}
.ielogopersonrightcranes{
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/AdultsPunchRight.png');
  margin-left: 67px;
  width: 125px}

.logopersonleftjiujitsu{
  background-image: url('../img/JiujitsuLeft.png');
  filter: alpha(opacity=0)}
.ielogopersonleftjiujitsu{
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/JiujitsuLeft.png');
  margin-right: 71px;
  width: 82px}
.logopersonrightjiujitsu{
  background-image: url('../img/JiujitsuRight.png');
  filter: alpha(opacity=0)}
.ielogopersonrightjiujitsu{
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/JiujitsuRight.png');
  margin-left: 67px;
  width: 86px}
  
.logopersonleftsparring{
  background-image: url('../img/sparringLeft.png');
  filter: alpha(opacity=0)}
.ielogopersonleftsparring{
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/sparringLeft.png');
  margin-right: 70px;
  width: 143px}
.logopersonrightsparring{
  background-image: url('../img/sparringRight.png');
  filter: alpha(opacity=0)}
.ielogopersonrightsparring{
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/sparringRight.png');
  margin-left: 70px;
  width: 143px}
  
table.heading{}
td.logo{
  background-color: #FFFFFF;
  background-image: url('../img/logoyingyang.gif');
  width: 160px;
  height: 160px}
div.title{
  color: #000000;
  font-family: garamond;
  font-size:36pt;
  font-style:italic}
span.address{
  color: #000000;
  font-size:16pt;
  text-align: center}
  
  
/*Menu*/
table.menu{
  border: solid 1px #404040;
  border-bottom: 0;
  margin-left: auto;
  margin-right: auto}
td.menuitem{
  background-repeat: no-repeat;
  background-position: center;
  width: 120px;
  height: 20px;
  color: #000000;
  font-size:8pt;
  font-weight: bold}
  
td.menuhome{
  background-image: url('../img/menubutton.png');
  background-color: #C0C0C0}
td.menuhomehover{
  background-image: url('../img/menubuttonhome.jpg');
  background-color: #FFFF00;
  cursor: pointer}
  
td.menuabout{
  background-image: url('../img/menubutton.png');
  background-color: #C0C0C0}
td.menuabouthover{
  background-image: url('../img/menubuttonabout.jpg');
  background-color: #FF8400;
  cursor: pointer}

td.menuclass{
  background-image: url('../img/menubutton.png');
  background-color: #C0C0C0}
td.menuclasshover{
  background-image: url('../img/menubuttonclass.jpg');
  background-color: #BE40FF;
  cursor: pointer}

td.menucontact{
  background-image: url('../img/menubutton.png');
  background-color: #C0C0C0}
td.menucontacthover{
  background-image: url('../img/menubuttoncontact.jpg');
  background-color: #2593dc;
  cursor: pointer}
  
td.menustudent{
  background-image: url('../img/menubutton.png');
  background-color: #C0C0C0}
td.menustudenthover{
  background-image: url('../img/menubuttonstudents.jpg');
  background-color: #00FF2A;
  cursor: pointer}
  
div.dropdown{
  background-color: #FFFFFF;
  border: solid 1px #C0C0C0;
  display:none;
  margin-top: 2px;
  position: absolute;
  text-align: center;
  width: 140px}

div.menuprivatelessons{
  background-color: #FFFFFF;
  border-top: solid 1px #C0C0C0}
div.menuprivatelessonshover{
  background-color: #FFFFFF;
  border-top: solid 1px #C0C0C0;
  color: #FF0000}
div.menutinytigers{
  background-color: #FFFF00;
  border-top: solid 1px #C0C0C0}
div.menutinytigershover{
  background-color: #FFFF00;
  border-top: solid 1px #C0C0C0;
  color: #FF0000}
div.menulittleleopards{
  background-color: #FFA040;
  border-top: solid 1px #C0C0C0}
div.menulittleleopardshover{
  background-color: #FFA040;
  border-top: solid 1px #C0C0C0;
  color: #FFFFFF}
div.menudragons{
  background-color: #BE40FF;
  border-top: solid 1px #C0C0C0}
div.menudragonshover{
  background-color: #BE40FF;
  border-top: solid 1px #C0C0C0;
  color: #FFFFFF}
div.menucobras{
  background-color: #2593dc;
  border-top: solid 1px #C0C0C0}
div.menucobrashover{
  background-color: #2593dc;
  border-top: solid 1px #C0C0C0;
  color: #FFFFFF}
div.menucranes{
  background-color: #3DD33D;
  border-top: solid 1px #C0C0C0}
div.menucraneshover{
  background-color: #3DD33D;
  border-top: solid 1px #C0C0C0;
  color: #FFFFFF}
div.menujiujitsu{
  background-color: #a8671a;
  border-top: solid 1px #C0C0C0}
div.menujiujitsuhover{
  background-color: #a8671a;
  border-top: solid 1px #C0C0C0;
  color: #FFFFFF}
div.menusparring{
  background-color: #a8671a;
  border-top: solid 1px #C0C0C0}
div.menusparringhover{
  background-color: #a8671a;
  border-top: solid 1px #C0C0C0;
  color: #FFFFFF}

/*Page Titles*/
div.pagetitle{
  padding-left: 15px;
  font-size:12pt;
  font-weight:bold;
  text-decoration:none;
  text-align:left}
div.pagetitlehome{
  background-image: url('../img/yellowbelt.gif');
  border-top: solid 1px #A0A000;
  border-bottom: solid 1px #A0A000;
  background-color: #FFFF00}
div.pagetitleabout{
  background-image: url('../img/orangebelt.gif');
  border-top: solid 1px #A06000;
  border-bottom: solid 1px #A06000;
  background-color: #FF8400}
div.pagetitleclass{
  background-image: url('../img/purplebelt.gif');
  border-top: solid 1px #8000A0;
  border-bottom: solid 1px #8000A0;
  background-color: #BE40FF}
div.pagetitlecontact{
  background-image: url('../img/bluebelt.gif');
  border-top: solid 1px #0040B0;
  border-bottom: solid 1px #0040B0;
  background-color: #2593dc}
div.pagetitlestudent{
  background-image: url('../img/greenbelt.gif');
  border-top: solid 1px #00C000;
  border-bottom: solid 1px #00C000;
  background-color: #00FF2A}
div.pagecontent{
  padding:0px}

/*Footer*/
div.pagebottom{
  background-image: url('../img/pagebottom.png');
  background-position: top center;
  background-repeat: no-repeat;
  color: #000000;
  font-size: 8pt;
  height: 25px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 5px;
  text-align: center;
  width: 800px}

/*Random Items*/
img.imageborder{
  border: solid 1px #000000}
  
/*Class Info*/
div.classinfo{
  float: right;
  margin: 5px;
  padding: 2px}
table.classinfo{
  border: double 3px #000000;
  background-repeat: no-repeat;
  background-position: center}
td.classinforow{
  border-bottom: solid 1px #000000}
td.privatealt{
  border-top: solid 1px #000000;
  text-align: center}
 
/*Homepage*/
div.homepage{
  background-color: #ffff90;
  border-bottom: solid 1px #000000;
  padding: 3px;
  text-align: center}
div.homepagead{
  background-color: #FFFF90;
  background-image: url('../img/Dillon.jpg');
  background-repeat: no-repeat;
  height: 220px;
  margin-top: 0px;
  padding: 1px 0px 20px 0px;
  text-align: center}
span.homepageheading{
  font-size: 28pt;
  font-family: Garamond;
  font-weight: bold} 
ul.homepagelist{
  display: block;
  padding: 10px 0px 0px 150px;
  margin: 10px 0px 0px 0px;
  font-size: 22pt;
  font-family: "Chasm";
  font-weight: bold;}
ul.homepagelist li{
  display: inline;
  margin: 0;
  margin-left: 20px}
span.homepageadbottom{
  font-size: 24pt;
  font-family: georgia}
  
/*Introductory Program Ad*/
div.burstpadding{
  color: #000000;
  font-size: 13pt;
  font-weight: bold;
  padding: 40px 9px 60px 11px;
  position: absolute;
  text-align: center;
  width: 149px;
  z-index: 5}
div.introburst{
  background-image: url('../img/burst.png');
  height: 159px;
  filter: alpha(opacity=0);
  position: absolute;
  width: 169px;
  z-index:1}
  
div.ieintroburstflyingsidekick{
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/burst.png');
  height: 159px;
  width: 169px;
  margin-top: 100px;
  margin-right: 150px;}
div.introflyingsidekick{
  background-color: #007BFC;
  background-image: url('../img/FlyingSideKick.jpg');
  background-repeat: no-repeat;
  background-position: top right;
  color: #FFFFFF}

div.ieintrobursttinytiger{
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/burst.png');
  height: 159px;
  width: 169px;
  margin-top: 40px;
  margin-right: 150px}
div.introtinytiger{
  background-color: #AB39E6;
  background-image: url('../img/front2knuckle.jpg');
  background-repeat: no-repeat;
  background-position: top right;
  color: #FFFFFF}
  
div.ieintroburstlittleleopard{
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/burst.png');
  height: 159px;
  width: 169px;
  margin-top: 120px;
  margin-right: 150px}
div.introlittleleopard{
  background-color: #AB39E6;
  background-image: url('../img/greenbelt.jpg');
  background-repeat: no-repeat;
  background-position: top left;
  color: #FFFFFF;
  height: 330px}
  
div.ieintroburstdragon{
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/burst.png');
  height: 159px;
  width: 169px;
  margin-top: 70px;
  margin-right: 120px}
div.introdragon{
  background-color: #AB39E6;
  background-image: url('../img/sidekick.jpg');
  background-repeat: no-repeat;
  background-position: top right;
  color: #FFFFFF}
  
div.ieintroburstcobra{
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/burst.png');
  height: 159px;
  width: 169px;
  margin-top: 70px;
  margin-right: 120px}
div.introcobra{
  background-color: #AB39E6;
  background-image: url('../img/scottsidekick.jpg');
  background-repeat: no-repeat;
  background-position: top right;
  color: #FFFFFF}
  
div.ieintroburstcrane{
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/burst.png');
  height: 159px;
  width: 169px;
  margin-top: 20px;
  margin-right: 170px;
  margin-bottom: 40px;}
div.introcrane{
  background-color: #AB39E6;
  background-image: url('../img/kevin.jpg');
  background-repeat: no-repeat;
  background-position: top right;
  color: #FFFFFF}
  
div.checkitout{
  font-size: 18pt;
  font-weight: bold;
  font-style: italic;
  font-family: arial;
  padding: 10px;
  text-align: center}
 
/*Schedule*/
div.class{
  background-color: #C080FF;
  padding: 10px}
table.schedule{
  background-color: #FFFFFF;
  margin-left:auto;
  margin-right:auto;
  width: 670px}
td.scheduleblock{
  border: solid 1px #808080;
  border-left: solid 1px #404040;
  border-top: solid 1px #404040;
  color: #000000;
  font-size:10pt;
  padding: 3px;
  text-align:center}
td.days{
  background-color:#000000;
  color: #FFFFFF}
td.closed{
  background-color: #606060;
  text-align: center;
  font-size: 14pt}
a.schedule{
  color: #000000}
a.schedule:hover{
  color: #0000FF}
td.guy{
  background-image: url('../img/logoguy.gif');
  background-repeat: no-repeat;
  background-position: center}

/*Classes*/
span.classheading{
  font-size: 22pt;
  font-family: arial;
  font-weight: bold}
.private{
  background-color:#D8D8D8}
.littleleopards{
  background-color:#FFA040}
.patchlittleleopards{
  background-image: url('../img/patches/leopard.jpg')}
.tinytigers{
  background-color:#FFFF00}
.patchtinytigers{
  background-image: url('../img/patches/tiger.gif')}
.dragons{
  background-color:#BE40FF}
.patchdragons{
  background-image: url('../img/patches/dragon.gif')}  
.cobras{
  background-color:#2593dc}
.patchcobras{
  background-image: url('../img/patches/cobra.gif')}  
.cranes{
  background-color:#3DD33D}
.patchcranes{
  background-image: url('../img/patches/crane.gif')}  
.sparring{
  background-color:#a8671a}
.patchsparring{}
.jiujitsu{
  background-color:#a8671a}
.patchjiujitsu{}

/*Students*/
div.beltimage{
  float: left;
  height: 140px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 165px}
div.beltimageright{
  float: right;
  height: 140px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 165px}
  
/*Tip List*/
div.beltname{
  font-size: 16pt;
  height: 120px;
  padding-top: 10px;
  text-align: center;
  text-decoration: underline}
div.tiprequirements{
  padding-left: 100px;
  padding-right: 100px}
ol.tiplist{
  font-size: 12pt}
ol.tiplist li{
  padding-bottom: 10px;
  font-weight: bold}
ul.tip{
  list-style-type: none;
  padding: 5px;
  font-weight: normal;
  border: solid 1px #808080;
  border-top: solid 1px #000000;
  border-left: solid 1px #000000;
  margin: 0}
ul.tip li{
  font-weight: normal;}
ul.subtip{
  list-style-type: disc;
  padding: 0px;
  padding-left: 20px}
ul.subtip li{
  padding: 0px;}
  
/*Black Belt Club*/
div.blackbeltclub{
  background-color:#abfda0;
  background-image: url('../img/blackbelts.jpg');
  background-repeat: no-repeat;
  background-position: center;
  height: 500px;
  font-size: 9pt;
  color: #000000}
  
/*About Us*/
div.aboutus{
  background-color: #F2CC74;
  padding: 10px}
div.address{
  background-color: #E0E090;
  border: double 3px #606060;
  font-family: arial;
  font-size: 12pt;
  font-weight: bold;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  padding: 10px;
  text-align: center;}
img.right{
  float:right;
  border: solid 1px #000000;
}
  
/*Student Etiquette*/
div.etiquette{
	font-size: 16pt;
	padding-top: 10px;
	text-align: center;
	text-decoration: underline}
ol.etiquette li{
	font-size: 14pt}
ul.etiquette{
	list-style-type: disc;
	padding-left: 10px;
	margin-bottom: 10px}
ul.etiquette li{
	font-size: 12pt}

/*Dojo Rules*/
ol.dojorules li{
	font-size: 14pt;
	padding-top: 10px}
div.dojothanks{
	font-size: 14pt;
	padding-bottom: 20px;
	text-align: center}
	
/*Contact Us*/
div.contactus{
  background-color:#88c2fc;
  padding: 10px;
  text-align:center}
div.contactaddress{
  background-color: #E0E090;
  border: double 3px #606060;
  font-family: arial;
  font-size: 12pt;
  font-weight: bold;
  margin-left: 1px;
  margin-top: 5px;
  margin-right: auto;
  padding: 10px;
  text-align: center;
  width: 230px}
  
/*Student Section*/
div.studentsection{
  background-color: #abfda0;
  padding: 10px}
div.rules{
  background-color: #EEEEEE;
  border: double 3px #00EE00;
  padding: 2px}