<!--

body {
  background-color: #FFF;
  background-image: url(graphics/parchm.jpg);
  color: #000;
  padding: 0;
  margin: 0;
}

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


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

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

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

/* {
  background-image: url(graphics/hapkidojr.jpg);
  min-height: 333px;
}*/

@media print {
  body, div.page {
    background: none !important;
  }
}


div#body-wrapper {
  padding-right: 100px;
}

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

h2 {
  font-size: 120%;
  clear: both;
}

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;
  height: 4px;
  border: solid #811 2px;
}

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

.vcard abbr {
  border-bottom: inherit;
}

.vcard .fn:after {
  content: url(graphics/hcard.png);
  padding-left: 0.5em;
}

address {
  font-style: normal;
}

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

#body {
  margin-right: 1em;
}

#body p {
  text-align: justify;
}

.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#Nyeonohkwan:hover {
  background: #00F;
  color: #ef1;
}
/* End netscape 4 hack */

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

.sectionNav a {
  color: #000;
}

#home #Nhome,
#about #Nindex,
#affiliations #Naffiliations,
#taekwondo #Ntaekwondo,
#hapkido #Nhapkido,
#taichi #Ntaichi,
#kenpo #Nkenpo,
#kwonbup #Nkwonbup,
#selfdefenseƒ #Nselfdefense,
#weapons #Nweapons,
#birthdays #Nbirthdays,
#hangul #Nhangul,
#instructors #Nindex,
#moore #Nmoore,
#oshaughnessy #Noshaughnessy
#prignano #Nprignano,
#love #Nlove,
#bizik #Nbizik,
#solinski #Nsolinski,
#huelsman #Nhuelsman,
#classes #Nindex,
#beginner #Nbeginner,
#basic #Nbasic,
#intermediate #Nintermediate,
#advanced #Nadvanced,
#blackbelt #Nblackbelt,
#hapkidoclass #Nhapkidoclass,
#pilates #Npilates,
#kickboxing #Nkickboxing,
#taichiclass #Ntaichiclass,
#mmaclass #Nmmaclass,
#calendar #Ncalendar,
#register #Nregister,
#friends #Nfriends,
#students #Nstudents,
#contact #Ncontact,
#sitemap #Nsitemap,
/*/*/
#Nhome:hover,
#Ncontact:hover,
#Nsitemap: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: 0px;
  top: 0px;
  background: #000;
  color: #FFF;
}

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

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

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

#headhr,
#foothr {
  color: yellow;
  background-color: black;
  border: none;
  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;
}

/* relative: drawn over other elements */
/*/*/
.bang {
  position: relative; /* changes z-order (at least in firefox) */
  float: right;
  margin-bottom: -3px;
}

.bang img:hover {
  width: 200px;
  height: 200px;
  margin-bottom: -103px;
  margin-left: -100px;
}
/* End netscape 4 hack */

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

.subtle {
  color: #888;
}

.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;
}

.arts {
  display: block;
  width: 300px;
  height: 150px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}

.arts li {
  display: block;
  width: 100px;
  float: left;
  text-align: center;
  margin: 0;
  padding: 0;
}

.arts image:link {
  text-decoration: none;
}

.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, 
.information input {
/*/*/
  display: block;
  float: left;
/* End netscape 4 hack */
}

.information label {
  width: 6em;
  text-align: right;
  margin-top: 0.7em;
  margin-right: 0.5em;
}

.information input {
  margin-top: 0.5em;
}

.information br {
  clear: left;
}

.buttons {
  clear: both;
}

.coupon {
  font-family: "Comic Sans MS", cursive;
  font-size: 15pt;
  text-align: center;
  display: block;
  width: 150mm;
  background-color: white;
  border: dashed black 1px;
  padding: 1em;
}

.coupon h3 {
  font-size: 200%;
}

/*/*/
#body .coupon img {
  float: right;
  border: none;
}
/* End netscape 4 hack */

#body .coupon h3 {
  color: black;
  border: none;
}

#body .coupon p {
  text-align: center;
}

.danger {
  display: block;
  color: red;
  background-color: black;
  border: dashed red 4px;
  padding: 1em;
  margin: 1em;
}

#body .danger h3 {
  color: red;
  border-bottom: solid red;
}

#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 */
}

.note {
  padding: 1em;
  margin-left: 1em;
  background-color: #FFF;
  background-image: url(graphics/parchm.jpg);
  border: double black 0.5em;
/*/*/
  float: right;
/* End netscape 4 hack */
}

.small.note {
  width: 10em;
}

a.unobtrusive {
  /* IE doesn't support inherit */
  color: black;
  text-decoration: none;
  color: inherit;
  text-decoration: inherit;
}

.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;
}

.cancelled {
  background: red;
}

.rescheduled {
  background: yellow;
}

.about #body img {
  border: solid #ef1 4px;
}

#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;
}

#aboutart hr,
.classdetail hr {
  clear: none;
}

.photo.quote + p {
  clear: left;
}

/*/*/
.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 {
  margin-bottom: 1em;
  border: solid #118 5px;
}

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

.bio img.action {
/*/*/
  float: left;
  clear: left;
  margin-right: 2em;
/* End netscape 4 hack */
}

.bio img.stamp,
#aboutart img.logo {
/*/*/
  float: left;
  clear: left;
  margin-right: 1em;
/* End netscape 4 hack */
  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 */

.news {
  clear: both;
}

.news img {
  border: solid #372 4px;
}

.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;
}

.video {
  width: 425px;
}

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

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

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

.attribution {
  font-style: italic;
  margin-left: 5em;
  margin-top: 0.5em;
}

.attribution:before {
  content: "- ";
}

blockquote.withattribution {
  margin-bottom: 0.5em;
}

-->