*{
padding: 0;
margin: 0;
}

html { background: url(images/gradient.jpg) #ccc repeat-x;
}

body { margin: 0;
	padding: 0;
	font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans serif;
	font-size: small; 
}

#footer	{
	padding: auto;
	margin: auto;
	font-size:10px;
	font-family: sans-serif;
	width: 800px;
	text-align: center;
	}
img
{  border-style: none;
}

iframe { border-style: none; border: none;
}
	
#banner h1 {
font-size: 116.5%; font-family: sans-serif;
color: #fff; 
letter-spacing: 1px;
margin-top: 0; padding-right: 15px; padding-top: 9px;
margin-bottom: 0; font-weight: bold;
}

h2 {
padding-bottom: 3px; padding-left:15px;
color: #cc0000; line-height: 1.2em;
letter-spacing: 1px; font-family: sans-serif;
font-size: 160%; font-weight: bold;
margin-top: 0; }

h1.bigred {
padding-bottom: 3px; padding-left:15px;
color: #cc0000; line-height: 1.2em;
letter-spacing: 1px; font-family: sans-serif;
font-size: 200%; font-weight: bold;
margin-top: 0; text-align: center; }

.tab1 { padding-left: 30px; }
.tab2 { padding-left: 50px; }
.tab3 { padding-left: 70px; }
.tab4 { padding-left: 90px; }
.tab5 { padding-left: 110px; }

h3 {
padding-bottom: 3px; padding-left:15px;
color: #cc0000;	font-family: sans-serif;
letter-spacing: 1.5px; 
line-height: 1.5em;
font-size: 115%; font-weight: bold;
}

h4 { color: black; font-family: sans-serif; font-size: 110%;
line-height: 1.5em; padding-left:15px;padding-right:30px;}

h5 { font-size: 170%; 
color: #cc0000;	text-align: center; 
line-height: 1.5em; font-weight: bold;
}

p {
color: black; font-family: sans-serif; font-size: 100%;
line-height: 1.25em;padding-left:15px;padding-right:15px;}

i {padding-left: 15px; font-size: 80%; line-height: 1.5em;}

p.intro {
color: black; font-family: sans-serif; font-size: 90%;
line-height: 1.2em;}

ul {
list-style-type: none; float: left; margin: 0; padding: 0;
 border: none;}

li {padding-bottom: 5px; float: left;}

a { border: none; text-decoration: none; color:#cc0000;}

ul a { border: none; display: block; width: 212px; height: 36px; text-decoration: none;}

#map { padding-left:30px;font-size: 75%;}

#banner a {text-decoration: none; font-family: sans-serif; display: inline;
color: #fff; letter-spacing: 1px;
margin-top: 0; margin-bottom: 0; font-weight: bold; }

#banner a:hover {text-decoration: underline; font-family: sans-serif; display: inline;
color: #cccc00; letter-spacing: 1px;
margin-top: 0; margin-bottom: 0; font-weight: bold; }

#content a:hover {text-decoration: underline; font-family: sans-serif; 
color: #000; letter-spacing: 1px;
margin-top: 0; margin-bottom: 0; font-weight: bold; }

.kidsprg {font-weight: bold; color: #000066; }

.kidsawards {font-weight: bold; color: #cc3300; padding-left: 15px;  }

.redtext {font-weight: bold; color: #cc0000; }

.atalink { font-weight: bold; color: #fff; font-size: 110%; border: 1px solid #cc0000; background: #000066;}

.atalink:hover { font-weight: bold; color: #fff; font-size: 100%; border: 1px solid #000066; background: #cc0000;}

/* entire page holder */

#wrap {
width: 800px; 
margin: 10px auto; height: auto;
background: #000066;
}

#banner { 
height: 30px; width: 800px; text-align: right; 
}

#header { width: 800px; height: 220px; border-bottom: 2px #000 solid;}


/*----navigation-----*/
#navbar {width: 212px; margin-left: 10px; margin-top: 10px;
height: auto; position: relative; float: left; display: inline;}
#btn1 { width: 212px; height: 36px; background: url(images/about.jpg) no-repeat top left; }
#btn2 { width: 212px; height: 36px; background: url(images/prgkids.jpg) no-repeat top left; }
#btn3 { width: 212px; height: 36px; background: url(images/prgadult.jpg) no-repeat top left; }
#btn4 { width: 212px; height: 36px; background: url(images/locations.jpg) no-repeat top left;  }
#btn5 { width: 212px; height: 36px; background: url(images/specials.jpg) no-repeat top left;  }
#btn6 { width: 212px; height: 36px; background: url(images/gallery.jpg) no-repeat top left;  }
#btn7 { width: 212px; height: 36px; background: url(images/contact.jpg) no-repeat top left;  }

#btn1:hover{ width: 212px; height: 36px; background: url(images/aboutover.jpg) no-repeat top left; }
#btn2:hover{ width: 212px; height: 36px; background: url(images/prgkidsover.jpg) no-repeat top left; }
#btn3:hover{ width: 212px; height: 36px; background: url(images/prgadultover.jpg) no-repeat top left; }
#btn4:hover{ width: 212px; height: 36px; background: url(images/locationsover.jpg) no-repeat top left;  }
#btn5:hover{ width: 212px; height: 36px; background: url(images/specialsover.jpg) no-repeat top left;  }
#btn6:hover{ width: 212px; height: 36px; background: url(images/galleryover.jpg) no-repeat top left;  }
#btn7:hover{ width: 212px; height: 36px; background: url(images/contactover.jpg) no-repeat top left;  }

/*----end navigation-----*/

#adspace { width: 216px; height: 350px; padding-top: 5px; float: left;
display: inline;}

.adspaces { width: 216px; height: 350px; padding-top: 5px; float: left;
display: inline;}

#content { background: #fff; float: right; width: 560px; height: auto; padding-top: 15px; display: block;
}

#fullWidthContent { background: #000066; width: 780px; height: auto; padding: 10px; display: block;
}

#AdultPrgmContent { background: url(images/AdultPrgmBkgd.jpg) no-repeat top left #000; width: 780px; height: 500px; padding: 10px; display: block;
}

#contentX { background: #fff; float: right; width: 547px; height: auto; display: inline; padding-left: 13px;
}

#contactPage { background: url(images/slate.jpg); float: right; width: 560px; height: auto; display: block;
}

#WhiteContent { background: #fff; width: 530px; height: auto; margin: 15px 0 15px 15px; 
}

/* hide from \*/
* html #contentX img { margin-bottom: -5px;
}
/* end */
#contentRRP { background: #fff; float: right; width: 560px; height: auto; margin-bottom: 5px; display: inline;
}

#contentRRP img { padding: 0; float: right;
margin: 0;
}

#contentkick { background: #000; width: 542px; height: auto; margin-bottom: 5px; display: inline; float: right; padding-left: 18px; 
}

#kickFlash { width: 560px; height: 270px; padding: 15px 0 0 23px;
}

#replay { text-left: right; width: 560px; height: auto; padding: 0 0 10px 24px; text-color: #fff; }

#replay a { color: #fff;
}

#replay a:hover { color: red;
}

#content img { padding-right: 10px; padding-bottom: 20px; display: inline; }

#content img.photo { padding-right: 14px; padding-bottom: 20px; float: left; display: inline;}

.bg { float: right; padding-left: 10px; display: inline;}

#homecontent { background: #fff; float: right; width: 548px; height: auto; padding: 30px 0px 0px 12px; display: block; }

#homecontent img{ float: right; }

#indexKids{ float: right; margin-top: -20px; z-index: 100; width: 216px;}

#aboutcontent { background: url(images/aboutbg.jpg) no-repeat top right #fff; float: right; width: 548px; height: auto; padding: 30px 0px 10px 12px; display: block;}

#prgkidscontent { background: url(images/kidsprgbg.jpg) no-repeat top right #fff; float: right; width: 560px; height: auto; padding: 30px 0 10px 0; display: inline;
}

#prgkidscontent img{ float: right; display: inline;}

#prgadultcontent { background: #fff; float: right; width: 548px; height: auto; padding: 30px 0px 10px 12px; display: inline;
}

#prgadultcontent img{ float: left; clear: left; display: inline;
}

#prgadultcontent a.kravlink{ float: right; clear: left; display: inline;
margin:0 ; width: 212px; height: 36px; background: url(images/kravlink.jpg) no-repeat top left;}

#prgadultcontent a.kravlink:hover{ float: right; clear: left; display: inline; margin: 0; width: 212px; height: 36px; background: url(images/kravlinkover.jpg) no-repeat top left;}

#aboutcontent img{ float: left; clear: left; display: inline;
}

#btndeco1 { float: left; width: 170px; height: 125px; display: inline;
 padding-left: 30px;}

#btndeco1 .btndeco1 { margin-left: 63px; 
 }

#btndeco2 { float: left; width: 170px; height: 125px; 
padding-top: 38px; display: inline;}

#btndeco2 .btndeco2 { margin-left: 33px; 
 }

#prgadultcontent img.highkick{ float: right; display: inline;
}

#clarkcontent { background: url(images/clarkbg.jpg) no-repeat top right #fff; float: right; width: 548px; height: auto; padding: 30px 0px 10px 12px; display: inline;
}

#learnmoreclark { background: url(images/mcbg.jpg) #ffcc66; padding: 10px 0px 10px 0px; width: 560px; float: left; display: inline;}

#learnmoreclark img{ float: right; padding-left: 10px; display: inline;}

#picborder {width: 220px; text-align: center; background: #fff; float: right; padding-left: 5px; padding-right: 5px; margin-right: 5px; font-size: 80%; display: inline;}

#clearSpacer { width: 500px; height: 160px;}

.contactBlock { width: 245px; height: auto; float: left; border: none;
margin-left: 5px;}

#locationSelect { width: 495px; border: 1px solid #003399; height: auto; padding: 10px 0 10px 10px; background: #aaccff; margin-left: 12px; font-weight: bold; line-height: 1em;
}

.locationSelectLeft { width: 220px; height: auto; float: left; display: block;  text-align: left; margin-left: 10px;

}

.locationSelectRight { width: 180px; height: auto; float: left; display: block;  text-align: left;

}


/*----sandbags-----*/

#sml01, #sml02, #sml03, #sml04, #sml05, #sml06, #sml07, #sml08, #sml09, #sml11, #sml12
{float:right; clear: right; }

#sml01 {width: 500px; height: 153px;}
#sml02 {width: 207px; height: 92px;}
#sml03 {width: 216px; height: 32px;}
#sml04 {width: 215px; height: 60px;} 
#sml05 {width: 225px; height: 33px;}
#sml06 {width: 265px; height: 34px;}
#sml07 {width: 265px; height: 35px;}
#sml08 {width: 185px; height: 36px;}
#sml09 {width: 320px; height: 280px; margin: 0 10px 10px 10px;}
#sml11 {width: 265px; height: 100px;}
#sml12 {width: 165px; height: 100px;}


#sml21, #sml22, #sml23, #sml24, #sml25, #sml26, #sml27, #sml28, #sml29, #sml221, #sml222 {float:left; clear: left; }

#sml21 {width: 1px; height: 290px;}
#sml22 {width: 150px; height: 137px;}
#sml23 {width: 180px; height: 37px;}
#sml24 {width: 160px; height: 213px;} 

/*-----end sandbags-----*/

.cmc {width: 148px; border: 0px solid #fff; float: left; padding-right: 20px; display: inline;}

#clear { clear: both; }
}

.clear { clear: both;
}

/*----the following are for the form page-----*/
fieldset {
padding: 1em; border: none;
width: 480px; 
line-height: 1.25em; }

legend {font-weight: bold; color: #424242; }

textarea {
width: 300px; height: 100px;}

input[type="text"] { width:200px; }

input.submit {width: auto; }

input:focus, textarea:focus { background:#ffc;}
/*----end for the form page-----*/

/* location table */

table {
	border-collapse: collapse;
	width: 485px; background: #99ccff;
	border: 1px solid #000066; margin-left: 20px;
}


col {
	border-right: 1px solid #000066;
}

thead {
	background: #000066;
	font-size: 100%; color: white;
}

.odd {
	background-color: #ffffcc; height: 60px;
}

.county {
	background-color: #ff2222; height: 30px; color: white; text-align: center;
}

.county td { height: 30px;
}

td, th {
	font-size: 85%; font-weight: bold; padding: 0.1em .5em; letter-spacing: .1em;  height: 60px;
}

tr {
	height: 60px;  
}

th.city {
	font-size: 90%; text-align: left; font-weight: bold; letter-spacing: .1em; color:#fff; border-top: 1px solid #fff; border-bottom: 1px solid #fff;background: #666666;
}

td img {padding-top: 15px; margin-bottom: -15px;}

input.radio { float: left; margin-right: 1em;}


/*----gallery code-----*/

#picholder { width: 515px; height: 440px; float: right; }

#container {width:515px; height:440px; float: right; background:#fff; display: inline; margin-top: 5px;}


a.gallery, a.gallery:visited {display:inline; text-decoration:none; border:1px solid #000066; width:105px; height:75px; float:left; margin:5px 0 0 3px; position:relative;}

a.gallery span {visibility:hidden; display:block; position:absolute; width:514px; height:360px; top:-468px; left: -10px; background:#fff; }

a.slide01 span {left:-6px; top:-378px;}
a.slide02 span {left:-118px; top:-378px;}
a.slide03 span {left:-230px; top:-378px;}
a.slide04 span {left:-342px; top:-378px;}
a.slide05 span {left:-6px; top:-460px;}
a.slide06 span {left:-118px; top:-460px;}
a.slide07 span {left:-230px; top:-460px;}
a.slide08 span {left:-342px; top:-460px;}
a.slide09 span {left:-6px; top:-542px;}
a.slide10 span {left:-118px; top:-542px;}
a.slide11 span {left:-230px; top:-542px;}
a.slide12 span {left:-342px; top:-542px;}
a.slide13 span {left:-6px; top:-623px;}
a.slide14 span {left:-118px; top:-623px;}
a.slide15 span {left:-230px; top:-623px;}
a.slide16 span {left:-342px; top:-623px;}
a.slide17 span {left:-6px; top:-706px;}
a.slide18 span {left:-118px; top:-706px;}
a.slide19 span {left:-230px; top:-706px;}
a.slide20 span {left:-342px; top:-706px;}

a.gallery:hover {white-space:normal; z-index:100;}

a.gallery:hover span {visibility:visible; z-index:100;}

a.gallery:hover span img {margin:0; position:relative; z-index:100;}

a.gallery:active, a.gallery:focus {border:1px solid #000066; z-index:10;}

a.gallery:active span, a.gallery:focus span {visibility:visible; z-index:10;}

a.gallery:active span img, a.gallery:focus span img {border:1px solid #000066; position:relative; margin:0; z-index:10; visibility:visible;}

/*----end gallery code-----*/

img, div { behavior: url(iepngfix.htc) }

#MBD { width: 452px; height: 20px; background: url(images/MBDbkgd3.png) no-repeat; margin: -10px auto; font-size: 80%; font-family: "Century Gothic", Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif; text-align: center; color: #fff; padding-top: 4px; margin-top: 5px;
}

#MBD a{ color: #fff; text-decoration: none; text-align: center; font-family: "Century Gothic", Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;
}

#MBD a:hover {
text-decoration: underline;
color: #666;
}

.bannerAds {width: 534px; height: auto; display: inline; margin: 0 30px 0 0;}

/* video rollovers  */

#overlayBtn { width: 530px; height: 170px; margin: 20px 0 10px 0; display: inline;
}

#trailer { width: 530px; height: 170px; background:url("images/AirBenderBanner2.jpg") no-repeat left top; overflow:hidden; display: block;
}

#trailer:hover {
      background-position:0% -170px;
      }

div.overlay {
	background:#000;
	padding: 20px; 
		
	width:758px; height: 444px; 
	display:none;
}

div.overlay div.close {
	background:url(http://www.karateamerica.info/video/overlay/close.png) no-repeat;
	position:absolute;
	top:2px;
	right:5px; 
	width:35px;
	height:35px;
	cursor:pointer;
}

a.player { 		
	display:block; width: 758px;
	height:444px;			
}

   
/* end video rollovers */