body { color:#000000;
       background-color:#ffffcc;
       font-family: "Comic Sans MS", sans;
       margin:0px;
       padding:0px;
       background-attachment:fixed;
       background-image:url(../images/webback0.jpg);
}
.HeaderTable{width:750px;
             background-color:#aa0000;
             margin:0px;
             padding:0px;
             border:6px ridge #550000;
             text-shadow:2px 2px 2px #000000;
}
.FormTable{width:360px;
           height:320px;
           background-image:url(../images/emailformback.jpg);
           padding:5px;
           text-shadow:0px 0px 0px #000000;
           border:2px solid #550000;
}
.StatTable{max-width:700px;
           padding:5px;
           border:2px solid #550000;
           text-shadow:0px 0px 0px #000000;
           background-image:url(../images/emailformback.jpg);
}
.WritingTable{max-width:1024px;
              padding:15px;
              border:2px solid #550000;
              text-shadow:0px 0px 0px #000000;
              background-image:url(../images/emailformback.jpg);
}
.SlideWritingTable{max-width:200px;
                   padding:15px;
                   border:4px solid #550000;
                   text-shadow:0px 0px 0px #000000;
                   background-image:url(../images/emailformback.jpg);
}
.SlideMenuTable{width:200px;
                background-color:#aa0000;
                margin:0px;
                padding:0px;
                border:6px ridge #550000;
                text-shadow:2px 2px 2px #000000;
}
.FormTD{height:200px;
        text-align:center;
}
.MainTable{width:774px;
           padding:0px;
           margin:0px;
}
.SlideTable{width:600px;
            padding:0px;
            margin:0px;
            background-image:url(../images/emailformback.jpg);
            border:2px solid #550000;
            text-shadow:0px 0px 0px #000000;
}

/* ---------------- text -------------------- */
.maintext {font-size:20px;
           font-weight:bold;
           font-style:normal;
           text-align:left;
           vertical-align:top;
           text-indent:60px;
           margin:40px;
}
.maintext-small{font-size:16px;
                font-weight:bold;
                font-style:normal;
                text-align:left;
                vertical-align:top;
                text-indent:20px;
}
.writingtitle{font-size:32px;
               font-weight:bold;
               font-style:normal;
			   text-align:center;
}
.titletext{font-size:32px;
           font-weight:bold;
           font-style:normal;
}
.titletext-small{font-size:20px;
                 font-weight:bold;
                 font-style:normal;
}
.tinytext{font-size:8px;
          font-weight:normal;
          font-style:normal;
}
.personaltext{font-size:20px;
              font-weight:bold;
              font-style:normal;
              text-align:left;
              vertical-align:top;
              padding:20px;
}
.popuptitle{color:#ffcc00;
            font-size:18px;
            font-style:italic;
            font-weight:bold;
            text-align:center;
            vertical-align:middle;
}
.essaytitle{font-size:20px;
            font-weight:bold;
			font-style:normal;
			text-align:center;
}
.essaytext{font-size:16px;
           font-style:normal;
		   font-weight:normal;
		   text-align:left;
		   text-indent:20px;
}
.essaytextnodent{font-size:16px;
                 font-style:normal;
		         font-weight:normal;
		         text-align:left;
}
.essaytextcenter{font-size:16px;
                 font-style:normal;
		         font-weight:normal;
		         text-align:center;
}
/* -------------- image --------------------- */
.obh-logo{width:472px;
          height:110px;
          border:0px;
          margin-top:20px;
}
.me{width:150px;
    height:142px;
    border:2px solid #550000;
    margin:20px;
    box-shadow:1px 1px 10px 0px black;
}
.stuff{width:150px;
       height:113px;
       border:2px solid #550000;
       margin:20px;
       box-shadow:1px 1px 10px 0px black;
}
.metals{width:120px;
        height:160px;
        border:2px solid #550000;
        margin:20px;
        box-shadow:1px 1px 10px 0px black;
}
.metals-float{width:120px;
              height:160px;
              border:4px ridge #550000;
              margin:10px;
              float:right;
              box-shadow:1px 1px 10px 0px black;
}
.anne-float{width:160px;
            height:200px;
            border:4px ridge #550000;
            margin:10px;
            float:left;
            box-shadow:1px 1px 10px 0px black;
}
.house2-float{width:320px;
              height:256px;
              border:4px ridge #550000;
              margin:10px;
              float:right;
              box-shadow:1px 1px 10px 0px black;
}
.house{width:150px;
       height:120px;
       border:2px solid #550000;
       margin:20px;
       box-shadow:1px 1px 10px 0px black;
}
.tree{width:119px;
      height:150px;
      border:2px solid #550000;
      margin:20px;
      box-shadow:1px 1px 10px 0px black;
}
.photo{width:200px;
       height:150px;
       border:2px solid #550000;
       margin:20px;
       box-shadow:1px 1px 10px 0px black;
}
.graphics{width:83px;
          height:150px;
          border:2px solid #550000;
          margin:20px;
          box-shadow:1px 1px 10px 0px black;
}
.video{width:200px;
       height:150px;
       border:2px solid #550000;
       margin:20px;
       box-shadow:1px 1px 10px 0px black;
}
.guitar{width:225px;
        height:150px;
        border:2px solid #550000;
        margin:20px;
        box-shadow:1px 1px 10px 0px black;
}
.oranball{width:15px;
           height:15px;
           border:0px;
}
.logo-small{width:200px;
            height:50px;
            border:1px solid;
}
.train{width:480px;
       height:222px;
       margin-top:20px;
       border:2px solid #000000;
       box-shadow:1px 1px 10px 0px black;
}
.wagon{width:480px;
       height:224px;
       border:2px solid #000000;
       box-shadow:1px 1px 10px 0px black;
}
.art{width:563px;
     height:400px;
     border:4px solid #000000;
     box-shadow:1px 1px 10px 0px black;
}
.popupbut{width:20px;
          height:20px;
          border:1px solid;
}
.earlyartimage{border:2px solid #550000;}
.audiotable{width:200px;
            height:45px;
}
/* ------------------------- splashscreen class ------------------- */
.onemomenttd{height:800px;
             width:774px;
             text-align:center;
             vertical-align:middle;
}
.onemomentimage{border:0px;
                width:600px;
                height:426px;
}
/* ---------------- navigation ------------- */
.mainnav { text-decoration: none;
            font-style:italic;
            font-weight:bold;
            font-size:24px;
            text-align:center;
}
a.mainnav:link{ color:#000000; }
a.mainnav:visited { color:#777777; }
a.mainnav:hover { color:#990000; }
.headernav { text-decoration: none;
             margin-top:0px;
             margin-left:25px;
             margin-right:25px;
             font-style:italic;
             font-weight:bold;
             font-size:24px;
             color:#ffcc00;
}
.slidemenunav { text-decoration: none;
             margin-top:0px;
             margin-left:5px;
             margin-right:5px;
             font-style:italic;
             font-weight:bold;
             font-size:18px;
             color:#ffcc00;
}
a.headernav:link{ color:#ffcc00; }
a.headernav:visited { color:#777777; }
a.headernav:hover { color:#ffffcc; }
a.slidemenunav:link{ color:#ffcc00; }
a.slidemenunav:visited { color:#777777; }
a.slidemenunav:hover { color:#ffffcc; }
.footernav { text-decoration: none;
             font-style:italic;
             font-weight:bold;
             font-size:14px;
             margin:10px;
             text-align:center;
}
a.footernav:link{ color:#000000; }
a.footernav:visited { color:#777777; }
a.footernav:hover { color:#990000; }

a.butnav:link{color:#000000;
              cursor:initial;
}
a.butnav:visited{color:#000000;
                 cursor:initial;
}
a.butnav:hover{color:#ff0000;
              cursor:pointer;
}
/* ----------------- alignment ------------- */
.ct{text-align:center;
    vertical-align:top;
}
.cm{text-align:center;
    vertical-align:middle;
}
.lm{text-align:left;
    vertical-align:middle;
} 
.lt{text-align:left;
    vertical-align:top;
}
.line{width:480px;
      height:1px;
      border-bottom:2px solid #550000;
}
.lt120{width:120px;
       text-align:left;
       vertical-align:top;
}


.popupheader{height:28px;
             text-align:center;
             vertical-align:middle;
             border-bottom:2px solid #550000;
}
.popupdiv{position:relative;
          overflow:auto;
          width:0px;
          height:0px;
}
.popuptable{width:0px;}
.popupborder{border:2px solid #550000;}
.popupbuttd{width:20px;
            text-align:right;
}
.popupbut{width:20px;
          height:20px;
          border:1px solid;
          margin-right:5px;
}
.putitletext{font-size:18px;
             font-family:Comic Sans MS;
             color:#ffcc00;
             font-style:italic;
             font-weight:bold;
}
.putitletextmin{font-size:12px;
                font-family:Comic Sans MS;
                color:#ffcc00;
                font-style:italic;
                font-weight:bold;
}
input.validate:invalid{background:red;}
input.validate:valid{background:white;}

.OMTD{height:800px;
      width:774px;
      text-align:center;
      vertical-align:middle;
}
.OMIMG{border:0px;
       width:600px;
       height:426px;
}