a:link {color: black;}
a:visited {color: gray;}
a:hover {color: #000099;}
a:active {color: red;}

#backbannerspacer{
      position: fixed;
      z-index: -5;
      top: 0px;
      width: 100%;
      height: 50px;
      }
      
#BB{
   position: fixed; 
   top: 0; 
   left: -260px; 
   }

#border{
            position: fixed;
            z-index: -10;
            margin-top: 10px;
            margin-left: 30px;
            height: 100%;
            width: 1008px;
            border-top: 2px solid #3333ff;
            border-left: 2px solid #3333ff;
            border-right: 2px solid #3333ff;
            }

.box{
      position: relative;
      float: left;
      width: 170px;
      padding: 2px;
      margin: 15px;
      text-align: center;
      background-color: white;
      }
      
.curvy {position: relative; float: left; background: #cccccc; margin-top: 40px; margin-left: 80px}
#ctl, #cbl, #ctr, #cbr {position: absolute; width: 20px; height: 20px; color: red; background: #fff; overflow: hidden; font-style:normal; z-index:1;}
#ctl, {top: 0; left: 0;}
#cbl {bottom: 0; left: 0;}
#ctr {top: 0; right: 0;}
#cbr {bottom: 0; right: 0;}
.curvy em b {position: absolute; font-size: 150px; font-family: arial; color: #cccccc; line-height: 40px; font-weight: normal;}
#ctl b {left: -8px;}
#ctr b {left: -25px;}
#cbl b {left: -8px; top: -18px;}
#cbr b {left: -25px; top: -18px;}
.curvy p {position: relative; z-index: 100; padding: 10px 15px; font-size :11px;}

#frontbannerspacer{
      position: fixed;
      z-index: 10;
      top: 0px;
      width: 100%;
      height: 50px;
      }

#guestbook{
		position: fixed;
                z-index: 1;
		bottom: 10px;
                left: 10px;
		}

h1{
    font-size: 30px;
    color: gray;
    margin-right: 0px;
    }

h2{
    font-size: 0px;
    margin: 0px;
    }

#homespacer{
                    float: left;
                    }

img.title{
             float: left;
             margin-top: 70px;
             margin-left: 60px;
             margin-right: -80px;
             }
img.right{
             float: right;
             margin-bottom: 17px;
             padding-left: 10px;
             }
img.left{
             float: left;
             margin-bottom: 17px;
             }

.invisible {position: relative; float: left; margin-left: 80px}
.invisibleshort {position: relative; float: left; margin-left: 80px; top: 40px;}
.invisibleveryshort{position: relative; float: left; margin-left: 80px; top: 80px;}

#leftbanner{
             position: fixed;
             z-index: 2;
             padding-top: 50px;
             left: 0px;
             }

#menu{
          position: fixed;
          top: 10px;
          right: 10px;
          width: 100px;
          height: 30px;
          }

.textsection, .picsection, .section1, .narrowpicsection, .narrowtextsection, .widepicsection, .widepicsection1520 {padding: 17px;}
.textsection{
                 width: 900px;
                 }
.narrowpicsection{
                         width: 650px;
                         }
.narrowtextsection
{
width: 500px;
}
.widepicsection{
                      width: 1000px;
                      }                   
.section1{
             width: 850px;
             }

.text{
       font-size: 20px;
       }

#sandbag1, #sandbag2, #sandbag3, #sandbag4, #sandbag5, #sandbag6, #sandbag7, #sandbag8, #sandbag9, #sandbag10, #sandbag11, #sandbag12, #sandbag13, #sandbag14, #sandbag15, #sandbag16, #sandbag17, #sandbag18, #sandbag19, #sandbag20 {float: left; clear: left; height: 24px;}
 
#sandbag1{width: 404px;}
#sandbag2{width: 394px;}
#sandbag3{width: 329px;}
#sandbag4{width: 334px;}
#sandbag5{width: 354px;}
#sandbag6{width: 374px;}
#sandbag7{width: 394px;}
#sandbag8{width: 364px;}
#sandbag9{width: 344px;}
#sandbag10{width: 204px;}
#sandbag11{width: 199px;}
#sandbag12{width: 234px;}
#sandbag13{width: 254px;}
#sandbag14{width: 279px;}
#sandbag15{width: 294px;}
#sandbag16{width: 299px;}
#sandbag17{width: 304px;}
#sandbag18{width: 304px;}
#sandbag19{width: 289px;}
#sandbag20{width: 299px;}

#title{
      position: fixed;
      top: 0px;
      width: 100%;
      text-align: center;
      font-size: 80px;
      font-weight: bold;
      color: gray;
      }

.titlebox{
      position: relative;
      float: left;
      left: 15px;
      height: 30px;
      text-align: center;
      font-size: 30px;
      color: #666666;
      background-color: white;
      }
      
#topbannertext{
            position: relative;
            z-index: 10;
            margin: 0 auto;
            height: 42px;
            width: 290px;
            text-align: center;
            color: gray;
            font-size: 50px;
            }

.topspacewrap1{
                       float: left;
                       margin-top: 200px                       
                       }

#topspacewrap2{
                       float: left;
                       margin-top: 400px                       
                       }

#topspacewrap2narrow{
                                  float: left;
                                  margin-top: 400px   
                                  width: 300px;                    
                                  }

#whitebg{
            position: relative;
            z-index: -5;
            margin: 0 auto;
            height: 40px;
            width: 280px;
            background-color: #fff;
            }

.wrap{
        float: left;
        margin-top: 100px;
        height: 100%;
        text-align: justify;
        }
        
.menu {position:fixed; z-index:100;border-right:1px solid #000; font: bold 14px arial, helvetica, sans-serif;text-align: center; top: 10px; right: 10px;}

/* style top level */
.menu a, .menu a:visited {display:block;font-size:14px;text-decoration:none; color: white; !Important; width:100px;border:1px solid #000; border-width:1px 0 1px 1px; background: #333333; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;}

/* style top level & dropdown hover */
.menu a:hover, .menu ul ul a:hover{color: black; background: #666666;}
.menu :hover > a, .menu ul ul :hover > a {color: #000099; background: #666666;}

/* style dropdown */
.menu ul ul a, .menu ul ul a:visited {background: #666666; color: #000099; height:auto; width:100px; border-width:0 1px 1px 1px;}
.menu ul ul a:hover {background: #999999; color: white;}
.menu ul ul a:active {color: red;}
.menu ul ul :hover > a, .menu ul ul ul:hover > a {color: #fff; background: #999999;}

/* style flyout */
.menu ul ul ul a, .menu ul ul ul a:visited {background: #999999; color: white; top: -10px;}
.menu ul ul ul a:hover {background: #cccccc; color: #000099;}
.menu ul ul ul a:active {color: red;}
.menu ul ul ul :hover > a, .menu ul ul ul ul :hover > a {color: #000099; background: #cccccc;}

/* style flyout */
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {background: #fff; color: #333333;}
.menu ul ul ul ul a:hover {background: #fff; color: #333333;}
.menu ul ul ul ul a:active {color: red;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility: hidden; position: absolute; height: 0; top: 31px; left:0; width: 100px; border-top: 1px solid #000;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:100px;position:relative;}

/* another hack for IE5.5 */
* html .menu ul ul {top: 30px; top: 31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:-101px; top:-31px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-101px; top: -1px;}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

/* position the fourth level flyout menu */
.menu ul ul ul ul{left: -101px; top: -1px; width: 150px;}

/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;}

/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;}