<!--

body {
  background-color: #EEE;
  background-image: url(graphics/metal.jpg);
  color: #000;
  padding: 0;
  margin: 0;
  border: outset #040 10px;
}

/* following heights are image + 100, for the top logo */
div.page {
  background-image: url(graphics/yoktkd.jpg);
  background-repeat: repeat-y;
  background-position: 0px 100px;
  padding-left: 110px;
  min-height: 496px;
  _height: 496px; /* IE hack */
  margin: 0;
}


#bizik div.page,
#solinski div.page,
#ltucker div.page,
#beginner div.page,
#basic div.page,
#intermediate div.page,
#taekwondo div.page {
  background-image: url(graphics/taekwondo.jpg);
  min-height: 308px;
}

#maglio div.page {
  background-image: url(graphics/taekwondojr.jpg);
  min-height: 308px;
}

#hapkidoclass div.page,
#hapkido div.page {
  background-image: url(graphics/hapkido.jpg);
  min-height: 333px;
}

#huelsman div.page {
  background-image: url(graphics/hapkidojr.jpg);
  min-height: 333px;
}


h1 {
  font-size: 140%;
  padding-left: 1em;
  margin-top: 0;
  margin-bottom: 0em; /*  for IE */
	text-align: center;
}

h2 {
  font-size: 120%;
}

h3 {
  font-size: 100%;
}

h2,
h3 {
	text-align: center;
  color: #118;
  margin-bottom: 0;
  border-bottom: solid #811 2px;
}

img {
  border: 0;
}

hr {
  clear: both;
	border: inset #040 5px;
}

acronym, abbr, .definition {
  border-bottom: dotted #000 1px;
}

address {
  font-style: normal;
}

a.external:before {
  content: url(graphics/external.gif);
}

#body p {
  text-align: justify;
  margin-right: 1em;
}
.hide {
  display: none;
}

/* Development only */
/*
* {
  border: dashed #F00 1px !important; 
}
*/
.noclass, #noid{
  background: #F00 !important;
}


.mainNav {
  background: #372;
  color: #000;
}

.mainNav a {
  color: #ef1;
}

.about #Nabout,
.instructors #Ninstructors,
.classes #Nclasses,
/*/*/
.mainNav a:hover
/* End netscape 4 hack */
{
  background: #ef1;
  color: #000;
  border: solid #000 2px;
  padding: 0px 5px;
}

/*/*/
a#Nsema:hover {
  background: #00F;
  color: #ef1;
}
/* End netscape 4 hack */

.sectionNav {
  background: #ef1;
  color: #FFF;
}

.sectionNav a {
  color: #000;
}

#home #Nhome,
#Nhome:hover,
#about #Nindex,
#affiliations #Naffiliations,
#taekwondo #Ntaekwondo,
#hapkido #Nhapkido,
#hangul #Nhangul,
#instructors #Nindex,
#moore #Nmoore,
#radke #Nradke,
#love #Nlove,
#bizik #Nbizik,
#clavel #Nclavel,
#dykstra #Ndykstra,
#panera #Npanera,
#solinski #Nsolinski,
#huelsman #Nhuelsman,
#classes #Nindex,
#beginner #Nbeginner,
#basic #Nbasic,
#intermediate #Nintermediate,
#blackbelt #Nblackbelt,
#hapkidoclass #Nhapkidoclass,
#open #Nopen,
#calendar #Ncalendar,
#register #Nregister,
#presentation #Npresentation,
#contact #Ncontact,
#sitemap #Nsitemap,
/*/*/
#Ncontact:hover,
#Nsitemap:hover,
#Nkwan:hover,
#Npresentation:hover,
#Nsynergy:hover,
.sectionNav a:hover 
/* End netscape 4 hack */
{
  background: #FFF;
  color: #000;
  border: solid #000 2px;
  padding: 0px 5px;
}

.mainNav, .sectionNav {
  text-align: center;
  padding: 0;
  margin: 0.1em;
}

.mainNav li, .sectionNav li {
  text-indent: 0;
  display: inline;
  list-style-type: none;
  white-space: nowrap;

  margin-top: 0;
  margin-bottom: 1px;
  margin-left: 0;
  margin-right: 0;
}

.mainNav a, .sectionNav a{
  text-decoration: none;
  margin: 0;

/*/*/
  padding: 2px 7px; 
/* End netscape 4 hack */

  font-weight: bold;
  font-family: Tahoma, Geneva, sans-serif;
}

#header #logo {
  position: absolute;
  left: 10px;
  top: 10px;
  background: #000;
  color: #FFF;
}

#header {
  min-height: 97px;
  _height: 97px; /* IE hack */
  clear: both;
  margin-left: -10px;
}

#footer {
  clear: both;
  text-align: center;
  color: #888
}

#footer p {
  margin-top: 0;
  margin-bottom: 0;
}

#footer .bottomNav {
  color: black;
}
/*
#headhr hr,
#foothr hr {
	display: none;
}

#headhr,
#foothr {
  color: yellow;
	background-color: black;
	text-align: center;
	font-weight: bold;
	clear: both;

	height: 20px;
	background-position: center center;
	background-repeat: no-repeat;
}

#headhr {
	background-image: url(graphics/bbschool.gif)
}

#foothr {
	background-image: url(graphics/wayoflife.gif)
}
*/
#home h2 {
  text-align: center;
}

#hangul img.stamp,
#home img.stamp {
  border: none;
/*/*/
  float: right;
  clear: right;
  margin-left: 1em;
  margin-right: 1em;
/* End netscape 4 hack */
}

.splash {
  text-align: center;
}


#contact h2+*,
#contact h3+* {
  margin-top: 0;
}

.construction {
	font-size: 75%;
	margin: 1em;
	padding: 1em;
	padding-left: 55px;
	background-color: #FA2;
	background-image: url(graphics/uconstr.gif);
	background-repeat: no-repeat;
	background-position: 15px center;
	color: #000;
	border: solid #000 0.5em;
	clear: both;
}

.compact {
  margin: 0.1em;
}

.compact li {
  text-indent: 0;
  display: inline;
  list-style-type: circle;
  white-space: nowrap;

  margin-top: 0;
  margin-bottom: 1px;
  margin-left: 0;
  margin-right: 0;
}

.compact li:after {
  content: " * ";
}

.compact li:last-child:after {
  content: "";
}

.information label {
  width: 6em;
  text-align: right;
}

.buttons {
  clear: both;
}

#classes #body img {
	border: solid #ef1 2px;
	margin: 1em;
  margin-top: 0em;
/*/*/
	float: right;
/* End netscape 4 hack */
}

#classes h3 {
	clear: both;
}

.classdetail img {
  border: solid #ef1 4px;
	margin: 1em;
	clear: both;
/*/*/
  float: left;
/* End netscape 4 hack */
}

.classdetail img + img {
/*/*/
  float: right;
/* End netscape 4 hack */
}

.calendar h3 {
  height: 0em;
  margin-top: 0;
  margin-bottom: 0;  
	border-bottom: 0px;
	text-align: left;
}

.calendar ul {
  margin-left: 10em;
  margin-top: 0;
  margin-bottom: 0;
}

#aboutart dl {
  border: solid #118 2px;
}

#aboutart dt {
  font-weight: bold;
  height: 0;
  width: 29%;
  text-align: right;
}

#aboutart dd {
  margin-left: 31%;
}


#aboutart img {
/*/*/
  float: right;
  clear: right;
/* End netscape 4 hack */
  margin-left: 1em;
  border: solid #811 5px;
}

/*/*/
.instructor img {
  float: left;
  clear: left;
  margin-right: 1em;
}
/* End netscape 4 hack */

.instructor li {
  list-style-type: none;
  clear: left;
  border-top: solid #811 4px;
}

.bio img {
/*/*/
  float: right;
  clear: right;
/* End netscape 4 hack */
  margin-left: 1em;
  margin-right: 1em;
  border: solid #118 5px;
}

.bio img.stamp {
/*/*/
  float: left;
/* End netscape 4 hack */
  margin-right: 1em;
  border: none;
}

.animal {
  font-style: italic;
  font-variant: small-caps;
}

#about #body img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  border: solid #118 5px;
}
/*/*/
.registration div {
  float: left;
  margin: 0.5em;
}

.imageright {
  float: right;
  clear: right;
  margin-left: 1em;
  margin-right: 1em;
}
/* End netscape 4 hack */

#home #body img {
/*/*/
  float: right;
  clear: right;
/* End netscape 4 hack */
  margin-left: 1em;
  margin-right: 1em;
}

.caption {
/*/*/
  float: left;
  clear: left;
/* End netscape 4 hack */
	text-align: center;
	margin: 1em;
	margin-top: 0em;
	margin-right: 1.5em;
	width: 270px;
	padding: 0em;
}

.caption img {
	border: inset #040 5px;
}

#body .caption p {
	margin: 0em;
	padding: 0em;
}

.caption.two,
.caption.four {
/*/*/
  float: right;
  clear: right;
/* End netscape 4 hack */
	margin-right: 1em;
	margin-left: 1.5em;
}

#kwan #body img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* body is just for priority */
#body .author {
	text-align: center;
}

-->