* {margin: 0; padding: 0; border: 0;}

body {
  background: #191919;
  font-family: helvetica, arial, sans-serif;
  text-align: center;
  margin:0;
  padding-bottom:36px;
}


.clear { clear: both; }


.top {
  background:#191919 url('images/headerbg.gif') 0px 15px no-repeat;
  height:180px;
  position:relative;
  width: 100%;
}

.top h1 {
  position:absolute;
  top:15px;
  left:233px;
}

.top img {
  border:0;
}

.bottom {
  border-top: 1px dashed #000;
  position: relative;
  background:url('images/footerbg.gif') bottom no-repeat;
  padding-bottom:6px;
  margin-top:10px;
  width: 100%;
}

.bottom p {
  margin:0;
  padding:6px 0 0 206px;
}

.testfloat {width: 50px; border: 2px solid #f90; background: #ffd; font-size: .7em;}

.to-right {float: right;}

.to-left {float: left;}

.ap-test {
  position: absolute;
  top: -102px;
  font-size: .6em;
  width: 150px;
  height: 100px;
  border-top: 1px solid #000;
  background: #5b5;
  color: yellow;
}

/* \*/
* html .ap-test {
top: -101px;
t\op: -102px;
}
/* */

.ap-left {left: 0;}

.ap-right {right: 0;}


/*XXXXXXXXXXXXXXXXX Primary layout rules XXXXXXXXXXXXXXXX*/

.wrapper {
  margin:0 auto;
  width:900px;
  text-align:left;
  background:#fff;
}

* html .wrapper {   /*** IE5.x/win box model fix ***/
  width: 900px;
  wid\th: 900px;
}

.outer {
  position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
  margin-left: 200px;    /*** Critical left col dimension value ***/
  width: 500px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
  border-left: 0px solid #000;   /*** Critical left divider dimension value ***/
  border-right: 0px solid #000;   /*** Critical right divider dimension value ***/
}
.outer-full {
  position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
  margin-left: 200px;    /*** Critical left col dimension value ***/
  width: 700px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
  border-left: 0px solid #000;   /*** Critical left divider dimension value ***/
  border-right: 0px solid #000;   /*** Critical right divider dimension value ***/
}

* html .outer {   /*** IE5.x/win box model fix ***/
  width: 500px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
  wid\th: 500px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
}
* html .outer-full {   /*** IE5.x/win box model fix ***/
  width: 700px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
  wid\th: 700px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
}


.float-wrap {
  float: left;
  width: 500px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
  margin-right: -1px;   /*** Static fix ***/
}
.float-wrap-full {
  float: left;
  width: 700px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
  margin-right: -1px;   /*** Static fix ***/
  background:url('images/rcol-top.gif') top right no-repeat;
}

.center {
  min-height:610px;
  background:url('images/tao.gif') 45px 100px no-repeat;
  float: right;
  width: 500px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
  margin-bottom: -1px;   /*** Fixes a variance in IE/win for the green AP bottom boxes ***/
  /* \*/
  margin-left: -1px;
  /* Hidden from IE-mac */
}
.center-full {
  min-height:610px;
  background:url('images/tao.gif') 45px 100px no-repeat;
  float: right;
  width: 700px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
  margin-bottom: -1px;   /*** Fixes a variance in IE/win for the green AP bottom boxes ***/
  /* \*/
  margin-left: -1px;
  /* Hidden from IE-mac */
}


* html .center
{
   height:610px;
}

.left {
  position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
  width: 201px;    /*** Critical left col/divider dimension value ***/
  margin-left: -200px;    /*** Critical left col/divider dimension value ***/
  background:url('images/nav-top.gif') top left no-repeat;
}

* html .left {
  float:left;
}

*>html .left {width:201px;}   /*** Fix only for IE/Mac ***/

.container-left {
  width: 200px;    /*** Critical left col dimension value ***/
  padding-bottom: 110px;   /*** To keep content from going underneath the AP bottom boxes ***/
}

.right {
  float: left;
  position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
  width: 202px;    /*** Critical right col/divider dimension value ***/
  margin-right: -200px;    /*** Critical right col/divider dimension value ***/
  margin-left: -1px;   /*** Static fix ***/
  background:url('images/rcol-top.gif') top right no-repeat;
}

/* \*/
* html .right {
  margin-left: -1px;
  margin-right: -500px;
  mar\gin-right: -203px;
}
/* */

/*** These commented-out rules below are there to explain the "Critical" info
	for the rules above, because comments must not appear within the Mac-hack.
	The "rules" below are not active, they are just for teaching purposes. ***/

/*
* html .right {
  margin-left: 0px;    *** Critical right divider dimension value ***
  margin-right: -500px;    *** IE5.x/win fix, must be above a critical number, but very high values appear okay ***
  mar\gin-right: -152px;    *** Critical right col/divider dimension value ***
}
*/


.container-right {
  /* \*/width: 200px;    /* Hidden from IE-Mac */   /*** Critical right col dimension value ***/
  margin-left: 2px;      /*** Critical right divider dimension value ***/
  padding-bottom: 110px; /*** To keep content from going underneath the AP bottom boxes ***/
}

/* \*/
* html .container-right {
  fl\oat: right;
  margin-left: 1px;
  mar\gin-left: -1px;
}
/*** Static fixes ***/

/*** Below is the Holly hack, and if IE/Win shows bugs it's a good idea to apply this hack to
	different elements and see if that fixes the problem. Sometimes it may be necessary
	to use "position: relative;" on certain elements, but it's hard to tell in advance which
	elements will need such fixes. Here it prevents IE5/Win from clipping the left ends
	of the headings. ***/
/* \*/
* html h2 {height: 1%;}
/* */


/*** This is a fix for IE5/Win at the largest text size setting. ***/
/* \*/
* html .left {margin-right: -3px;}
/* */


.italics-test, .italics-test-side {
  font-style: italic;
  text-align: justify;
  background: #ccd;
  border: 1px solid red;
}

/*** The following fixes prevent justified italic text from destroying the layout in IE/win.
	The problem is that those properties together make IE force the container wider,
	which in this type of floated layout causes a float drop. 	Pre-IE6 gets "width: 100%"
	and "overflow: hidden", while IE6 gets "width: auto" and "overflow: visible, which
	is the default, but explicitly stating it seems to keep IE6 happy. IE6 also needs
	to see the "height: 1%" to give it some kind of box dimension. Browser coddling
	we call it. Finally, Bruno found that "word-wrap: break-word;" disarranged the
	justified text in IE5.5 and 6, so it is defaulted to "normal" for this text.
	If you don't need justified and italicized text then forget all these fixes ***/

/* \*/
* html .italics-test, * html .italics-test-side {
  overflow: hidden;
  width: 100%;
  o\verflow: visible;
  w\idth: auto;
  hei\ght: 1px;
}
/* */

/*XXXXXXXXXXXXXXXXXX Site specific rules XXXXXXXXXXXXXXXXXX*/

div#nav {
  padding-top:24px;
  background:url('images/nav-bottom.gif') bottom left no-repeat;
  height:386px;
}

div#nav ul {
  list-style-type:none;
  margin:0;
  padding:0;
}

div#nav li {
  height:40px;
}

div#nav a {
  background:url(images/nav-button.gif) 0 0 no-repeat;
  color:#fc0;
  display:block;
  height:30px;
  width:161px;
  padding-left:24px;
  padding-top:10px;
  text-decoration:none;
  font-weight:bolder;
}

* html div#nav a {
  height:40px;
  heigh\t:30px;
  width:185px;
  wid\th:161px;
}

div#nav a:hover {
  background:url(images/nav-button.gif) 0 -40px no-repeat;
  color:black;
}

div#nav a:visited {}

div#nav a:active {}

div #nav a.current {
  background:url(images/nav-button.gif) 0 -80px no-repeat;
}

div #nav a.current:hover {
  background:url(images/nav-button.gif) 0 -80px no-repeat;
  color:#fc0;
}

.outer a, .outer-full a {color:red;}

.outer a:hover, .outer-full a:hover {color:#fc0;}

.outer a:visited, .outer-full a:visited {}

.outer a:active, .outer-full a:active {}

h2 {
  color:#900;
  margin:24px 6px;
}

h3 {
  color:#900;
  margin:24px 6px;
}

table {
  margin:6px;
}

th {
  color:#900;
  padding-right:6px;
}

p {
  margin:10px 12px;
}

ul {
  margin-left:30px;
}

ol {
  margin-left:30px;
}

ul.blank {
  list-style-type:none;
  margin:0;
  padding:0;
}

/* Staff page */

.staff {
  clear:left;
}

.staff h3, .staff p {padding-left:230px;}

.staff img {
  border:1px solid black;
  float:left;
  margin:0 24px 24px 12px;
}


table.seniorstudents {
  width:676px;
  margin:24px 12px;
  text-align:center;
  border-collapse:collapse;
}

table.seniorstudents td.pic {
  height:350px;
}

table.seniorstudents img {
  border:1px solid black;
  margin-bottom:30px;
}

/* Home page */

.aau {
  float:left;
  margin:0 10px 4px 10px;
}

/* Kung Fu pages */

table.stances {
  width:476px;
  margin:24px 12px;
  text-align:center;
  border-collapse:collapse;
}

table.stances th {
  padding:8px 0 30px 0;
}

table.stances img {
  border:1px solid black;
}

table.rank {
  margin:6px 12px;
  font-size:smaller;
}

table.rank th {
  padding-bottom:6px;
}

table.rank td {
  vertical-align:top;
  border-top:1px dashed #999;
  padding:4px;
}

p.reverse_quote {
  font-style:italic;
}

div.weapons img {
  border:1px solid black;
  float:left;
  margin:0 18px 15px 8px;
}

div.weapons h3 {
  clear:left;
}

div.weapons_nav {
  clear:both;
  height:2em;
}

div.weapons_nav a.prev {
  float:left;
  margin:8px;
}

div.weapons_nav a.next {
  float:right;
  margin:8px;
}

/* About BTX page */

img.lineage {
  margin:30px 6px;
}

/* Dictionary page */

table.dictionary th {
  padding-top:20px;
}

table.dictionary td {
  vertical-align:top;
  border-top:1px dashed #999;
  padding:4px;
}

/* Gallery pages */

div.videoWrapper {
  margin:15px 12px;
}

table.gallery {
  width:676px;
  margin:24px 12px;
  text-align:center;
  border-collapse:collapse;
}

table.gallery td {
  padding-bottom:20px;
}

table.gallery img {
  border:1px solid black;

}

table.movies {
  width:676px;
  margin:24px 12px;
  text-align:center;
  border-collapse:collapse;
}

/* Schedule page */

table.schedule {
  width:98%;
  border-collapse:collapse;
  vertical-align:top;
}

table.schedule th, table.schedule td
{
  font-size:0.9em;
  vertical-align:top;
  padding-bottom:20px;
}

tr.odd td.odd
{
}

tr.odd td.even
{
}

tr.even td.odd
{
}

tr.even td.even
{
}