/* containment for the standard page layout */
.banner {
    height: 100px;
    text-align: center;
    vertical-align: top;
}
.nav    {
    border: 0;
    width: 220px;
    height: 100%;
    vertical-align: top; 
    margin: 0;
    padding: 0;
    padding-right: 8px;
}
.content{
    border: solid 2px #c0c0ff;
    margin-left: 20px;
    margin-right: 0;
    padding: 12px 12px 12px 12px;
    border-bottom: 0;
    width: 100%;
    height: 100%;
    vertical-align: top;
}
.footer {
    border: solid 2px #c0c0ff;
    border-top: 0;
    margin-left: 20px;
    margin-right: 0;
    padding-left: 14px;
    width: 100%;
    text-align: center;
    vertical-align: bottom;
}


div.hr {
  margin-top:24px;
  margin-bottom:24px;
  height: 10px;
  width: 585px;
  background: transparent url(/image/bead.gif) repeat scroll left;
}
div.hr hr {
  display: none;
}


body {
  background-color: #e0e0e0;
  background: url(/image/dragonsOhs.jpg);
  font-family: "Comic Sans MS", Arial, "Times New Roman", sans-serif;
  margin: 0;
  color: #990000;
  scrollbar-3dlight-color: #FFFFFF;
  scrollbar-arrow-color: #5A5A5A;
  scrollbar-darkshadow-color: #B5B5B5;
  scrollbar-face-color: #B5B5B5;
  scrollbar-highlight-color: #5A5A5A;
  scrollbar-shadow-color: #525252;
  scrollbar-track-color: #EFEFEF;
}

a {
  background: transparent;
  font-family: "Comic Sans MS", Arial, "Times New Roman",  sans-serif;
  text-decoration: none;
  color: blue;
}

a.brick {
  background: transparent;
  font-family: "Comic Sans MS", Arial, "Times New Roman",  sans-serif;
  text-decoration: none;
  color: #990000;
  font-size: 130%;
  font-weight: bold;
}


a:link {
  background: transparent;
  color: blue;
}

a:visited {
  background: transparent;
  color: #a0a0ff;
}

a:hover {
  background: transparent;
  color: red;
}

a:active {
  background: transparent;
  color: red;

}
/* for text emphasis */
.g0 {
  color: green;
  font-size: 105%;
  font-weight: bold;
}

.g1 {
  color: green;
  font-size: 130%;
  font-weight: bold;
}

.g2 {
  color: green;
  font-size: 150%;
  font-weight: bold;
}


.e0 {
  font-size: 105%;
  font-weight: bold;
}

.e1 {
  font-size: 130%;
  font-weight: bold;
}

.e2 {
  font-size: 150%;
  font-weight: bold;
}

.r0 {
  font-size: 105%;
  font-weight: bold;
  color: red;
}

/* Image displays*/

img.floatLeft { 
  float: left; 
  margin: 4px 10px 4px 4px; 
}

img.floatLeftIndent { 
  float: left; 
  margin: 4px 4px 4px 20px; 
}


img.floatRight { 
    float: right; 
    margin: 2px; 
}

img.floatCenter { 
    float: center; 
    margin: 2px; 
}


/*forces the next line after the break to go to the far left*/
br.goLeft{
    clear:left;
}


/* only until the updates...  for text emphasis */
g0 {
  color: green;
  font-size: 105%;
  font-weight: bold;
}

g1 {
  color: green;
  font-size: 130%;
  font-weight: bold;
}

g2 {
  color: green;
  font-size: 150%;
  font-weight: bold;
}


e0 {
  font-size: 105%;
  font-weight: bold;
}

e1 {
  font-size: 130%;
  font-weight: bold;
}

e2 {
  font-size: 150%;
  font-weight: bold;
}

r0 {
  font-size: 105%;
  font-weight: bold;
  color: red;
}