html, body {
height:100%;
width:100%;
/*Scrollbar ie*/
scrollbar-face-color: #fff;
scrollbar-highlight-color: #000;
scrollbar-3dlight-color: #fff;
scrollbar-darkshadow-color: #fff;
scrollbar-shadow-color: #000;
scrollbar-arrow-color: #000;
scrollbar-track-color: #fff;

}
body {
min-height:580px;
min-width:960px;
text-align:center;
background-color: #ccc;
}
#outer {
display:table;
height:100%;
vertical-align:middle;
width:100%;
}
#extraContainer {
display:table-cell;
height:580px;
position:relative;
text-align:center;
vertical-align:middle;
/* IE 6&7 specific: */
   *top: 50%;
   *margin-top: -290px;

}

#homePage  {
}
#homePage #main {
background:none repeat scroll 0 0 transparent;
}

.siteContainer {
   position: relative;
   width: 960px;
   height: 580px;
   margin:0 auto;
   background-color:#fff;
   text-align: left;
}

   #header{
      position:relative;
      width: 910px;
      height: 90px;
      z-index:10;
   }
   
      
   
   #main {
      position: relative;
      width: 960px;
      height: 460px;
      margin: 30px auto;
      z-index: 5;
   }
   #mainH {
      position: relative;
      width: 960px;
      height: 460px;
      margin: 30px auto;
      z-index: 5;
      background: url("../gfx/burdies.gif") no-repeat;
   }
      
      #content{
         position: relative;
         width: 508px;
         height: 430px;
         float:left;
         overflow: auto;
         margin-top: -10px;
      }
         #content .text{
            margin: 0px 30px 0px 34px;
         }
         #content .text a{
            text-decoration: underline;
            color: #000;
         }
         #content .text a:hover{
            text-decoration: none;
         }
      
      .fieldText {
         margin-left: 5px;
         width: 210px;
         border: 1px #808080 solid;
      }
      .fieldTextArea {
         margin-left: 5px;
         height: 173px;
         width: 210px;
      }
      
      
      
      #right{
         position: relative;
         width: 446px;
         height: 430px;
         background-color: #fff;
         float:right;
         overflow-y: auto;
         overflow-x: visible;
      }
       
      #rightText{
         width: 417px;
         height: 430px;
         overflow: auto;
      }
   
   
   
   .clear {
      display: block;
      height: 1px;
      overflow: hidden;
      margin-top: -1px;
      clear: both;
      font-size: 1px;
      line-height: 1px;
   }
   
   
            .slideShow {
            width: 365px;
            margin-left: 70px;
               position: relative;
               text-align: left;
               height: 420px;
           }
           .slides {
               position: relative;
               z-index: 1;
               display: block;
               width: 166px;
               float: left;
               margin: 0px 14px 14px 0; 
           }
           .setTitle, .slideTitle {
               font-family: "Franklin Gothic Book", Arial, Helvitica, sans-serif;
           }
           .setTitle {
               color: #995a01;
               font-size: 14px;
               font-weight: bold;
               }
           .slideTitle {
               color: #666666;
               font-size: 12px;
           }
           .controls {
               position: relative;
               margin-top: 433px;
               z-index: 10;
           }
           #slide1 {
               display: block;
           }
   
   
   


.nbsp {
   white-space: nowrap;
}
.bullit {
   white-space: nowrap;
}