


body {
  		background:#621C1D;
		margin:0;
		padding:0;
		color:black;
  	}

p 	{
  		margin:0;
	  	padding:0;
	}

div.main {
	  	width:770px;
	  	margin: 0 auto 0 auto;
	  	height:100%;
	  	background:#621C1D url('../images/design/bg.gif') repeat-x scroll 0px 0px;
	}

	div.content {
	  width:736px;
	  margin: 0 auto 0 auto;
	  overflow:visible;
	  position:relative;
	  background:white url('../images/corners/imggroup.jpg') no-repeat scroll bottom left; /*imggroup.bmp, kate2.bmp kick.jpg*/
	  
	}
	
	div.content2 {
width:100%;
margin:0;
overflow:auto;
background:transparent url('../images/corners/bottomright.gif') no-repeat scroll bottom right;
    }

	div.header {
	  margin:0;
	  padding:0;
	  height:145px;
	}

	div.footer {
	  clear:left;
      margin-bottom:4em;
	}

	div.footer p {
	  color:white;
	  font:65%/100% Arial;
	  text-align:center;
	  margin:5px 0 10px 0;
	}

	div.footer a:link, a:visited, a:hover, a:active {
	  color:white;
	  text-decoration:none;
	  padding:0px 3px 0px 3px;
	}

	div.footer a:hover {
	  text-decoration:underline;
	}
	div.leftouter {
	  width:317px;
	  overflow:hidden;
	  float:left;
	  height:100%;

   background:transparent;
	}

	div.rightouter {
	  width:419px;
	  float:left;
	  background:transparent url('../images/corners/topright.gif') no-repeat scroll top right;
	}

	div.rightinner {

      height:100%;
      float:left;
		 /*position:relative;           */

    }
	div.rightcontent {
	   /*margin:30px 20px 30px 40px;*/
	   margin-top:0em;
       }

	div.leftinner {
        padding:1em 0 0 0;
      margin:0; /*margin:0em 0 55em 0px; ///////////padding!!!!*/
	  width:100%;
	  background:white url('../images/corners/topleft.gif') no-repeat scroll top left;
	  /*border:1px solid hotpink;   */
	  }

	div.leftinner2 {
				 margin:0;
				 padding:0;
				/* position:absolute;
				 bottom:0;
				 left:0;*/
				 
	  }

	  /*div.leftinner2 img {vertical-align:bottom;}*/

	  div.rightinner2 {       /*divider*/
		overflow:visible;
		background:blue url('../images/corners/bottomright.gif') no-repeat scroll bottom right;
		float:left;
  /*position:absolute;*/
  /*right:0;*/
  width:100%;
  border-left:4px solid #fff;}

  div.rightinnerspace {    /*divider*/
	position:absolute;
	width:100%;
	border-left:4px solid #fff;
	/*right:0;
	top:0;*/
	}

 div.leftinner3a {
   /*width:100%; */
   width:79%;
   margin:0 auto 3em auto;
   position:auto;
   background:transparent url('../images/design/leftquote.gif') no-repeat scroll top left;
 }
 
 div.leftinner3b {
	  width:100%;
	  padding:0;
	  margin:0;
	     background:transparent url('../images/design/rightquote.gif') no-repeat scroll bottom right;
   }

 div.leftinner2 {
          display: table-cell;
    width:44%;
    padding-bottom:280px; ////////////padding!!!!
	  }

  /***************** text styles *****************/

  body .rightouter {
	font-family:Arial;
	font-size:80%;
	line-height:180%;
	color:black;
	text-align:justify;
}

body .rightouter p {
    margin:1.25em 0 1.25em 0;

}



body {font-family:arial;
line-height:;}

	h2 {
        font-family:Arial;
	font-size:100%;
	line-height:90%;
	color:black;
	font-weight:bold;
	padding:0;
	margin:1em 0 0.3em 0;
       }

	 p.quote {
 	font-family:Arial;
	font-size:90%;
	line-height:200%;
	color:black;
	margin:1em 1em 1em 1em;
	padding:1em 0 1em 0;
	text-align:justify;
}

	 p.quote strong {
	  font-weight:bold;
	  font-size:130%;
	}
	
	p.quoteauthor {text-align:right; font:70%/100% arial; margin:0em 1em 0 0 ; }

		  /*.leftinner, .leftinner2, .leftinner3 {border:1px solid green}    */
		 /*.leftouter, .rightouter {border:1px solid blue;}      */
		 
		 .line {
		   width:1px;
		   overflow:hidden;
		   background:#333;
		   height:100%;
		   float:left;
		 }

		 div.leftinner2 {/*border-right:1px solid #ccc; background:#ffffdd;*/ width:317px; margin:1em 0 1em 0;}
		 div.rightinner {border-left:1px solid #ccc; /*background:#ddffff;*/ padding:0 20px 0 20px; margin:1em 0 1em 0;}
		 /*div.rightouter {background:#ffddff !important; margin:0 !important;}*/
		 
div.leftinner2 img {position:absolute; bottom:-1em;}

.lefttext {margin:0 1em 1em 1em;}


/*wysiwyg editing things*/

table.edit_table {width:365px; height:300px; border:1px solid #aaa; border-top:1px solid black; } /*surrounding table*/
/*.rightcontent form {margin:2em 0 2em 0; border:3px solid #ff55ff;}*/
.savebutton {margin:0 0 0 0; float:right;}
p.savetext {margin:0 0 0 1em;}

/*header*/
.navbar {padding:0px; margin:0; background:yellow;}
.navbar a, .navbar a:visited, .navbar a:hover, .navbar a:active, .navbar img, .navbar a span {
float:left;
padding:0;
margin:0;
height:42px;
display:block;
overflow:hidden;
}
.navbar a span {display:none;}
/*.navbar a:link span, .navbar a:visited span, .navbar a:hover span, .navbar a:active span {width:62px;}*/

  div.header {
    padding-top:8px;
    line-height:100%;
    font-size:10px;
  }
  
  .navbar {
    margin-top:-1px;
  }

.textsize {
  float:right;
  position:relative;
  top:0px;
  right:10px;
  font-family:arial;
  margin:-0.5em 0 0 0;


  
}

div.textsize a {
  color:#8f2828;
  text-decoration:none;  font-size:10px; line-height:100%; font-weight:normal;
  padding:0; margin:0;
}

div.textsize a.smallopt:link, div.textsize a.smallopt:visited, div.textsize a.smallopt:hover, div.textsize a.smallopt:active {font-size:100%; font-weight:normal;}
div.textsize a.medopt:link, div.textsize a.medopt:visited, div.textsize a.medopt:hover, div.textsize a.medopt:active {font-size:150%; font-weight:normal;}
div.textsize a.largeopt:link, div.textsize a.largeopt:visited, div.textsize a.largeopt:hover, div.textsize a.largeopt:active {font-size:200%; font-weight:normal;}

a#home:link, a#home:visited {width:65px; background:url('../images/nav/home.gif') no-repeat scroll 0px 0px}
a#home:hover {width:65px; background:url('../images/nav/home.gif') no-repeat scroll 0px -42px}
a#home:active {width:65px;background:url('../images/nav/home.gif') no-repeat scroll 0px 0px}

a#about:link, a#about:visited {width:67px; background:url('../images/nav/about.gif') no-repeat scroll 0px 0px}
a#about:hover {width:67px; background:url('../images/nav/about.gif') no-repeat scroll 0px -42px}
a#about:active {width:67px; background:url('../images/nav/about.gif') no-repeat scroll 0px 0px}

a#programs:link, a#programs:visited {width:93px; background:url('../images/nav/programs.gif') no-repeat scroll 0px 0px}
a#programs:hover {width:93px; background:url('../images/nav/programs.gif') no-repeat scroll 0px -42px}
a#programs:active {width:93px; background:url('../images/nav/programs.gif') no-repeat scroll 0px 0px}

a#training:link, a#training:visited {width:82px; background:url('../images/nav/training.gif') no-repeat scroll 0px 0px}
a#training:hover {width:82px; background:url('../images/nav/training.gif') no-repeat scroll 0px -42px}
a#training:active {width:82px; background:url('../images/nav/training.gif') no-repeat scroll 0px 0px}

a#location:link, a#location:visited {width:86px; background:url('../images/nav/location.gif') no-repeat scroll 0px 0px}
a#location:hover {width:86px; background:url('../images/nav/location.gif') no-repeat scroll 0px -42px}
a#location:active {width:86px; background:url('../images/nav/location.gif') no-repeat scroll 0px 0px}

a#contact:link, a#contact:visited {width:82px; background:url('../images/nav/contact.gif') no-repeat scroll 0px 0px}
a#contact:hover {width:82px; background:url('../images/nav/contact.gif') no-repeat scroll 0px -42px}
a#contact:active {width:82px; background:url('../images/nav/contact.gif') no-repeat scroll 0px 0px}

a#shop:link, a#shop:visited {width:87px; background:url('../images/nav/proshop.gif') no-repeat scroll 0px 0px}
a#shop:hover {width:87px; background:url('../images/nav/proshop.gif') no-repeat scroll 0px -42px}
a#shop:active {width:87px; background:url('../images/nav/proshop.gif') no-repeat scroll 0px 0px}

a#sajo:link, a#sajo:visited {width:57px; background:url('../images/nav/sajo.gif') no-repeat scroll 0px 0px}
a#sajo:hover {width:57px; background:url('../images/nav/sajo.gif') no-repeat scroll 0px -42px}
a#sajo:active {width:57px; background:url('../images/nav/sajo.gif') no-repeat scroll 0px 0px}

a#userlogin:link, a#userlogin:visited {width:124px; background:url('../images/nav/login.gif') no-repeat scroll 0px 0px}
a#userlogin:hover {width:124px; background:url('../images/nav/login.gif') no-repeat scroll 0px -42px}
a#userlogin:active {width:124px; background:url('../images/nav/login.gif') no-repeat scroll 0px 0px}

div.flashbox {text-align:center; width:100%; padding:13px 0 0 0; margin:0;}



body a:link img, body a:visited img, body a:hover img, body a:active img, body a:link, body a:visited, body a:hover, body a:active {
  border:none;
  padding:0px;
  margin:0px;
  color:#993333;
  /*font:10px/100% arial;*/
  }

div.rightcontent p.message
  {
  background:#ffffcc;
  border:1px solid #ffff66;
  padding:0.4em;
  margin:0em 0 0 0;
  font:70%/140% tahoma;
  text-align:justify;
  }

form {
  background:#ffffcc;
  border:1px solid #ffff66;
  padding:3px;
  margin:1em 0 1em 0;
  font:70%/140% tahoma;
  text-align:justify;
  }
  
form.dropdown {
  background:#F3F3F3;
  border:1px solid #CCC;
  text-align:center;}
  
form.dropdown select {
  background:#f3f3f3;
  border:1px solid #ccc;
  }
      
form table.edit_table {background:white;}

/*div.rightcontent2 {
  margin:0 0 0 0;
  padding:1em 0 0 0;
  }*/
  
table.linktable {
  border:1px solid #bbb;
  padding:0;
  margin:1em 0em 1em 1em;
  font:80%/100% Arial;
  text-align:center;
  color:#333;
}

table.linktable tr.linkimg td a:link {
  padding:0;
  margin:0;
  height:92px;
  width:92px;
  display:block;
  overflow:hidden;
}


table.linktable td {
  width:92px;
}


table.linktable tr.linktext a:link, table.linktable tr.linktext a:visited, table.linktable tr.linktext a:hover, table.linktable tr.linktext a:active {
  text-decoration:none;
  color:black;
  letter-spacing:100%;
  display:block;
  width:92px;
  height:2em;
  padding:0;
  background:#fff;
}

table.linktable tr.linktext a:hover {
  background:#ddd;
}

div.programs table, div.intro table, div.training table, div.shop table {
  float:right;
  margin:0em 0 2em 2em;
  display:block;
}

div.programs, div.intro, div.training, div.shop {
  /*border:1px solid red;*/
  margin-top:0;
}


div.logo table.linktable tr.linkimg td a:link {
width:280px;
height:112px;
overflow:hidden;
}

div.logo {text-align:center;  margin-top:3em;}

div.rightcontent2 form p {margin:1.5em 0 1.5em 0;}

ul.tabs li {
  
  display:block;
  position:relative;
  float:left;
  font:90%/120% Arial;
  margin: 0 0em 0 0.25em;
  height:2.5em;
  width:auto;
  text-align:center;
}

ul.tabs li a:link, ul.tabs li a:visited, ul.tabs li a:hover, ul.tabs li a:active  {
  display:block;
  padding:0.2em 0.4em 0.2em 0.4em;
  text-decoration:none;
  color:#111;
  border:1px solid silver;
  border-bottom:none;
  background:#f3f3f3;
  height:2.5em;
  float:left;
  width:auto;
  text-align:center;
}

ul.tabs li.current {
  padding:0.2em 0.4em 0.2em 0.4em;
  border:1px solid #ccc;
  border-bottom:1px solid white;
  }

ul.tabs {
  display:block;
  border-bottom:1px solid #ccc;
  height:2.7em;
  overflow:visible;
  position:relative;
  margin: 0 0 1em 0em;
  padding:0;
  list-style-type:none;
  }

div.firstparag {
  clear:left;
  margin-top:1.4em;
}

h2.tabheading {
  font:140%/120% Arial;
  color:black;
  margin:0 0 1em 0em;
}

img.pageimage {
  border:1px solid #bbb;
  float:right;
  margin:0 0em 2em 2em;
}

img.fullspan {
  border:1px solid #bbb;
  float:right;
  margin:0 0 2em 0;
}

img.left {
  float:left;
  margin:0 2em 2em 0;
}



/************* timetable styles **************/

table.timetable {
  border:1px solid gray;
  margin:2em auto 2em auto;
}

table.timetable td {
  background:#f5f5f5;
  padding:5px 10px 5px 10px;
}

table.timetable tr.red td span {
  border-bottom:1px solid #993333;
}

table.timetable tr.blue td span {
  border-bottom:1px solid #0083ee;
}

table.timetable tr.green td span {
  border-bottom:1px solid #336600;
}

table.timetable tr.yellow td span {
  border-bottom:1px solid #ffcc00;
}

table.timetable tr.black td span {
  border-bottom:1px solid #000;
}

table.timetable tr.grey td span {
  border-bottom:1px solid silver;
}

table.timetable tr.orange td span {
  border-bottom:1px solid orange;
}

table.timetable tr.purple td span {
  border-bottom:1px solid purple;
}

img.credit {float:right; position:relative; right:4em; top:-4px;}



