/* --- GENERAL RULES --- */
body 
  {
    background-color:#fff; 
    color:#000;
    padding:0 0 0 0;
    margin:0 0 0 0;
/* --- fonts can be fun --- */
    font-family: times new roman, trebuchet, arial, helvetica, verdana, sans-serif, flemish script, caflisch script;
    font-size: 14px;
    font-weight: normal;
  }
/* --- DIV RULES --- */
#bg 
  {
    position: absolute;
    /* top: 250px; */
    top: 0px;
    left: 2%; 
    background-color:black;
    top:0;
    left:20%;
    margin-left:-200px;
    z-index: 1;
  }
#bg img 
  {
    width:300px;
    height:1030px;
  }
#navigation 
  {
    position: absolute;
    top: 65px; 
    left: 5%; 
    color:white; 
    width: 24%;
    z-index: 3;
  }
/* Styles for links should always be defined in order of link, visited, focus, hover, active to avoid overriding properties when a link is in more than one state (say, visited and hovered) */
#navigation a 
  {
    display: block;
    color:#000000;
    padding-left: 0px;
    padding-right: 10px;
    font-size:16px;
    font-weight:bold;
  }

#navigation a:link
  {
    color:#000000;
  }
#navigation a:link.current
  {
    color:#F59007;
  }
#navigation a:visited
  {
    color:#000000;
  }
#navigation a:visited.current
  {
    color:#F59007;
  }
#navigation a:hover 
  {
    background-color:#fff; 
    color:#339
  }
#navigation a:hover.current 
  {
    background-color:transparent;
    color:#ff9;
    cursor:default
  }
/* --- 2nd set of Navigation rules --- */
#navigation1 
  {
    position: absolute;
    top: 14px; 
    left: 4%; 
    color:white; 
    width: 24%;
    z-index: 3;
  }
#navigation1 a 
  {
    display: block;
    color:#FFFFFF;
    padding-left: 0px;
    padding-right: 10px;
    font-size:16px;
    font-weight:bold;
  }
#navigation1 a:link
  {
    color:#FFFFFF;
  }
#navigation1 a:link.current
  {
    color:#F59007;
  }
#navigation1 a:visited
  {
    color:#FFFFFF;
  }
#navigation1 a:visited.current
 {
    color:#F59007;
  }
#navigation1 a:hover 
  {
    background-color:#fff; 
    color:#339;
  }
#navigation1 a:hover.current 
  {
    background-color:transparent;
    color:#ff9;
    cursor:default
  }
#visitorsbook 
  {
    position: relative;
    top: 5px;
    left: 2%;
    width: 300px;
    background-color:#FFFFFF;
    top: 0px;
    left: 0%;
    margin-left: 0px;
    z-index: 4;
  }
#visitorsbook h3 
  {
    margin:0;
    color:#000;
    font-style: italic;
    text-align: left;
    text-decoration: underline;
    margin-left: 4px;
  }
#visitorsbook p 
  {
    margin:0 0 0 0;
    color:#000;
    font-size:1.0em;
    font-style: italic;
    text-align: left;
    overflow: auto;
    margin-top: 4px;
    margin-left: 2px;
  }
#content 
  {
    position:absolute; 
    top: 0px; 
    left: 30%; 
    background-color:#fff;
    border-left: 1px solid black; 
    padding: 20px; 
    z-index: 2;
  }

#boxright 
  {
    background:#339;
    color:white;
    padding:5px;
    margin-left:5px;
    margin-top:15px;
    font-size:.9em;
    width:200px;
    float: right;
    clear: none;
  }

#boxright h3 
  {
    margin:0;
    color:white
  }
#boxleft 
  {
    background:#339;
    color:white;
    padding:5px;
    margin-left:5px;
    margin-top:15px;
    font-size:.9em;
    width:200px;
    float: left;
    clear: none;
  }
#boxleft h3 
  {
    margin:0;
    color:white
  }
#footer 
  {
    background:#fff;
    padding:5px;
    margin-left:5px;
    margin-top:15px;
    font-size: 95%;
    font-style: italic;
    float: left;
    border-top: 1px solid black;
    clear:right
  }
/* --- CLASS RULES --- */
.boxright1
  {
    width:200px;
    height:5.5em;
    overflow:auto
  }

.boxleft1
  {
    width:200px;
    height:5.5em;
    overflow:auto
  }
/* --- float rules right and left --- */
.floatright
  {
    margin-top:7px;
    margin-bottom:7px;
    margin-left:5px;
    margin-right:5px;
    float:right;
  }
.floatleft
  {
    margin-top:7px;
    margin-bottom:7px;
    margin-left:5px;
    margin-right:5px;
    float:left;
  }
.footnote
  {
    font-size: 85%;
    font-style: italic;
    margin: 0 0 .5em 0
  }
/* --- border rules --- */
.dotted
  {
    border-style:dotted
  }
.dashed
  {
    border-style:dashed none
  }
.double
  {
    border-style:none double
  }
.groove
  {
    border-style:groove
  }
.ridge
  {
    border-style:ridge
  }
.inset
  {
    border-style:inset
  }
.outset
  {
    border-style:outset
  }
img.aligntop
  {
    vertical-align:top;
    padding-right:2px;
    padding-left:2px;
    padding-top:2px;
    padding-left:2px;
  }
img.alignbottom
  {
    vertical-align:bottom;
    padding-right:2px;
    padding-left:2px;
    padding-top:2px;
    padding-left:2px;
  }
.dropcapnear
  {
    float: left;
    width: .7em;
    font-size: 4em;
    line-height: 75%;
    padding-right: 0.1em;
  }
.dropcapnearer
  {
    float: left;
    width: .7em;
    font-size: 4em;
    line-height: 83%;
    padding-right: 0.07em;
  }
.dropcapnearest
  {
    float: left;
    width: .7em;
    font-size: 4em;
    line-height: 83%;
    padding-right: 0.01em;
  }
.dropcapfar
  {
    float: left;
    width: .7em;
    font-size: 4em;
    line-height: 75%;
    padding-right: 0.2em;
  }
/* --- TEXT FORMATTING RULES --- */
h1 
  {
    background-color: #339;
    color: #fff; 
    padding: 0 10px;
    margin-top:10px
  }
h2 
  {
    margin:0
  }
h3 
  {
    margin: 15px 0 0 0
  }
p 
  {
    margin: 5px 0
  }
/* --- LIST FORMATTING RULES --- */
li
  {
    list-style-type:square;
    list-style-position:inside;
    font-size: 95%;
    font-style: italic;
  }
li.none
   {
    list-style-type:none;
   }