body { background-color: #dde;
   font-family: "bitstream vera sans", verdana, sans-serif;
   color: #222;
   font-size: 9pt;
   line-height:1.3;
   background-image: url(glare2.jpg);
   background-repeat: no-repeat;
   background-attachment:fixed;
   background-position: center -120px;

   }

div.holder {
position:relative;
margin:auto;
width:750px;
background-color: blue;
border-color: #222;
}

div.sideimage { height: 450px;
  width: 270px;
  position: absolute;
  top: 50px;
  left: 0px;
  border-width: 8px;
  border-style: solid;
  }


div.title { height: 50px;
    width: 750px;
    position: absolute;
    top: 10px;
    right: 0px;
    }

div.navigation { height: 450px;
    width: 150px;
    position: absolute;
    top: 50px;
    left: 120px;
   background-color: #ccd;
    border-width: 8px;
    border-style: solid;
    }

div.content { height: 450px;
    width: 470px;
    position: absolute;
    top: 50px;
    right: 0px;
    text-align: justify;
    background-color: #dde;
    border-width: 8px;
    border-style: solid;
    overflow: auto;
    z-index: 50;
}

div.copyright {
  height: 20px;
  width: 400px;
  position: absolute;
  top: 525px;
  right: 0px;
  font-family: verdana, "bitstream vera sans", sans-serif;
  font-size: 6pt;
  text-align: right;
}

div.framed {
padding-left: 16px;
padding-right: 16px;
padding-bottom: 16px;
}

div.gallery {
  border-bottom-width: 8px;
  border-bottom-style: solid;
  padding-bottom: 8px;
  margin-top: 2px;
  border-color: #bbc;
  }

#shrink img { padding-top: 8px; }

#shrink div{
  font-size:8pt;
}

#shrink h3 {
  font-size: 10pt;
  padding-top: 8px;
}

  ul { list-style-type: none;
    margin-top: 0px;
    padding-top: 0px;
    margin-left: 0px;
    padding-left: 32px;
}

  li { padding-top: 1em;
}

 h1 { text-align: right;
  font-size: 18pt;
  font-weight:bold;
    }

 h2 { text-align: right;
text-transform: uppercase;
font-size: 13pt;
margin-top: 14px;
margin-bottom: 14px;
}

h3 { text-align:left;
  padding-top: 16px;
  font-size:11pt; 
  text-transform:capitalize;
}

h4 { text-align:left;
  font-size:9pt;
  font-weight:bold;
}

p { margin-top: 8px;
 margin-bottom: 8px;}



#menu a {
color: #222;
text-decoration: none;
font-weight: bold;
width:100%;
display:block;
padding: 8px;
margin: 2px;
/*background-color:#ccd;*/
}

#menu-plain a {
color: #222;
text-decoration: none;
font-weight: bold;
width:100%;
display:block;
padding: 8px;
margin: 2px;
/*background-color:#ccd;*/
}

#menu-grey a {
color: #222;
text-decoration: none;
font-weight: bold;
width:100%;
display:block;
padding: 8px;
margin: 2px;
/*background-color:#ccd;*/
}

a.selected {
color: #222;
text-decoration: none;
font-weight: bold;
width:100%;
display:block;
padding: 8px;
background-color: #bbd;
color:black;}

#menu a:hover {
/*border-bottom-color: #333;
border-top-color: #333;*/
background-color: #bbd;
color:black;
}

#menu-plain a:hover {
background-color: #ccd;
color: #222;
}

#menu-grey a:hover {
/*border-bottom-color: #333;
border-top-color: #333;*/
background-color: #bbc;
color:black;
}

#menu-grey a.selected {
background-color:#bbc;
}

a {
color: #222;
text-decoration: none;
font-weight:bold;
}

a:hover {
text-decoration:underline;
}

.transparent_class {
        opacity: 0.95;
}

img.floatRightClear { 
    float: right; 
    clear: right; 
    margin-left: 16px; 
    margin-bottom: 16px;
}

img.floatLeftClear {
    float: left;
    clear: left;
    margin-right: 16px;
    margin-bottom: 16px;
}