/* ------------------------------------ *
 CSS
 Monday, January 18, 2010 8:36:51 PM
 HAPedit 3.1.11.111
 * ------------------------------------ */
 p.dropcap
{
font-family:"comic sans ms",cursive;
font-size:12pt;
margin-left:4px;
}
p.dropcap:first-letter
{
   font: bold  200% times;
   color:red;
}
p.next
{
font-family:"comic sans ms",cursive;
font-size:12pt;
margin-left:4px;
text-indent: 1.5em;
}
pre
{
font-family:"comic sans ms",cursive;
font-size:10pt;
margin-left:4px;
}
p
{
text-indent: 1.5em;
font-family:"comic sans ms",cursive;
margin-left:4px;
}
h1
{
font-family:"comic sans ms",cursive;
margin-left:4px;
color:gold;
}
h2
{
font-family:"comic sans ms",cursive;
margin-left:4px;
color:gold;
}
h3
{
font-family:"comic sans ms",cursive;
margin-left:4px;
color:gold;
}
h4
{
font-family:"comic sans ms",cursive;
margin-left:4px;
color:gold;
}
h5
{
font-family:"comic sans ms",cursive;
margin-left:4px;
color:gold;
}
#container
{
   width:1050px;
   border:none;
   margin: auto;
}
.contain
{
   background-position: center;
}
.leftside
{
   display:inline-block;
   width:275px;
   height:auto;
   float:left;
}
.rightside
{
  font-family:"comic sans ms",cursive;
   display:inline-block;
   width:750px;
   height:auto;
   float:left;
   border-left:5px groove  #0000bb;

}
.topside
{
   display:inline-block;
   width:575px;
   height:auto;
   padding-left:20px;
/* background-position:center;
   float:top; */
}
.LMenbox
{
   display:inline-block;
   width:176px;
   height:auto;
   padding-top:8px;
   padding-left:5px;
   padding-bottom:5px;
   margin-right:5px;
   background-color:#166464;
}
#menubox
{
   top:210px;
   left:5px;
   float:left;
}
.Lmenuheader
{
   color: #000000;
   font-size:10pt;
   font-family:"comic sans ms",cursive;
   font-weight:600;
   text-align: center;
   line-height: 1.5;
   text-decoration:none;
   white-space:nowrap;
   cursor:pointer;
   margin:0px;
   display:list-item;
   width: 175px;
   height: 25px;
   background-position:center;
   background-repeat: no-repeat;
   list-style-type:none;
   background-image: url(images/normal.png);
   position:relative;
   border-bottom:solid 1px #000000;
   border-right:solid 1px #000000;
}
.Lmenuheader:hover
{
   background-image: url(images/hover.png);
   color: blue;
}
a.Lmenuheader
{
   text-decoration:none;
   color:#000000;
}
a.Hmenit
{
   text-decoration:none;
   color:#000000;
}
a
{
   text-decoration:underline;
   color:gold;
}

.slideout
{
    color:#9da4d2;
    display:table-column;
    background-color:#ffffff;
    visibility:hidden;
    margin:0px;
    padding:0px;
    position:absolute;
    z-index:1000;
    top:60px;
    width :175px;
    height:auto;
    border:1px solid #000000;
    
}
.Hmenit
{
   float:left;
}
.Hmenit
{
  font-family:"comic sans ms",cursive;
  font-size:10pt;
  font-weight:600;
  width:161px;
  height:25px;
  text-align: center;
  line-height: 1.5;
  text-decoration:none;
  background-position:center;
  background-repeat: no-repeat;
  text-decoration:none;
  color:#00000;
  background-image: url(images/normal.png);
  display:table-cell;
  border-right: solid 1px  #000000;
  padding-left:8px;
  padding-right:8px;
}
.Hmenit:hover
{
  color: blue;
  background-image: url(images/hover.png);
}
body
{
   color:white;
   background-color:#166464;
}