* {margin: 0; padding: 0; border: 0;}

    body {
         text-align: center; 
         background: #fff;
         color: #555;
         min-width: 700px;
         font-family: Verdana, Arial, Helvetica, sans-serif;}
    
    h1, h2, h3, h4 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
	    //font-weight: bold;
	    color: #555;
	    letter-spacing: 0px

        
    }
    h1, h2{ font-size:1.5em;
      }
    h3, h4{ font-size:1.0em;
      }

    /* wrapper holds left faux column tab */
    /* nn6/7 will put content out of scrollable reach if auto is used unless the min-width is on body */
    #wrapper { 
         text-align: left;
         width: 90%;
         margin: 0 auto; 
         border-top: 1px dotted #005e00;
     	 border-right: 1px dotted #005e00;
     	 border-left: 1px dotted #005e00;
     	 border-bottom: 1px dotted #005e00;
    }

    #header, #subnav, #footer {
         color: #000;
         clear: both; 
         width: 100%;
    }

    #header {
         background: #666699; 
         //color: #fff; 
         height: 200px;
         background-image: url('Header.gif');
         background-repeat: no-repeat

    }
    #subnav, #footer {
        background: #fff; 
        padding: .01em 0;
    }

    #subnav {
        height: 30px; 
        margin: 0,100px; 
    }



    #contentfloatholder {/* right faux column tab */
         background: url(sidebar.gif) repeat-y 100% 0;
         float: left;
         width: 100%;
    }


    #contentfloatholder:after {
         /* this is for NN6 to clear floats */
         content: "."; 
         display: block; 
		 height: 0px;
         clear: both; 
         visibility: hidden;
      }

    #center {
         margin: -10px 175px 0 175px;
         margin-top:20px;

    }
    #centerwrap {
         float:left;
         width: 100%; 
	     margin: 0 -95% 0 0;
                  background: #fff; 
    }
    #content {
       //  width:600;
       //  margin-top:20px;
       //  margin-left:70px;
       //  margin-right:70px; 
    }

    #topdivider {
         margin-top:20px;
         margin-bottom:-15px;
         width: 170px;
         height:20px;
         background-image: url('DividerPink.gif');
         background-position: top center; 
         background-repeat: no-repeat
    } 
    #botdivider {
         margin-top:20px;
         width: 170px;
         height:20px;
         background-image: url('DividerPink.gif');
         background-position: bottom center; 
         background-repeat: no-repeat
    } 


    #left {
		 height: 600px;
         float:left;
         width: 170px;
         margin: 0 0 0 -5%;
         background: #a9c7e4;
         background-image: url('MenuCol.gif');
         background-repeat: no-repeat;

         
    }

    #right {
         float:right;
         width: 170px;
	     margin: 0;
    }


    /************* IE Mac CSS Only  works for Win too **************/
    * html div#centerwrap {margin: 0 -100% 0 0;}
    * html div#left {margin: 0;}

    div h3, div p, div h1, div h2 {
        margin: 1em 0;
        padding: 5px 20px; 
    }
    
    
    #tabsF {
      float:left;
      width:100%;
      background:#efefef;
      font-size:93%;
      line-height:normal;
          border-bottom:1px solid #666;
      }
    #tabsF ul {
        margin:0;
        padding:10px 10px 0 50px;
        list-style:none;
      }
    #tabsF li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsF a {
      float:left;
      background:url("tableftF.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsF a span {
      float:left;
      display:block;
      background:url("tabrightF.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#666;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsF a span {float:none;}
    /* End IE5-Mac hack */
    #tabsF a:hover span {
      color:#FFF;
      }
    #tabsF a:hover {
      background-position:0% -42px;
      }
    #tabsF a:hover span {
      background-position:100% -42px;
      }

    #tabsF #current a {
                background-position:0% -42px;
        }
    #tabsF #current a span {
                background-position:100% -42px;
        }    
        

#center ul{
         margin-left: 3em;
         } 
    
#center ul li{
         list-style-type: disk;
         font-size: 12px;
         margin: 1em 2em 1em 1em;
         } 


#menu8 {
        width: 170px;
        margin-top: 10px;
        font-size: 10pt;
        }

#menu8 li a {
        text-decoration: none;
        height: 32px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 24px;
        }

#menu8 li a:link, #menu8 li a:visited {
        color: #777;
        display: block;
        background: url(menu8.gif);
        padding: 8px 0 0 20px;
        }

#menu8 li a:hover, #menu8 li #current {
        color: #257EB7;
        background: url(menu8.gif) 0 -64px;
        padding: 8px 0 0 25px;
        }

#menu8 li a:active {
        color: #fff;
        background: url(menu8.gif) 0 -32px;
        padding: 8px 0 0 25px;
        }
        
#menu8 ul {
        list-style: none;
        }

#titlelink a {
        text-decoration:none;
        font-family: Verdana, Arial, Helvetica, sans-serif;
	    //font-weight: bold;
	    color: #666699;
	    letter-spacing: 0px}

#titlelink a:hover {        
        text-decoration:underline;
        }
        
#titlelinka:visited {
        text-decoration: none;
        }        

div#curevents {
        width: 170px;
        margin-top: 10px;
        font-size: 10pt;
        }

div#curevents li a {
        text-decoration: none;
        height: 32px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 24px;
        }

div#curevents li a:link, div#curevents li a:visited {
        color: #777;
        display: block;
        background: url(menu8.gif);
        padding: 8px 0 0 20px;
        }

div#curevents li a:hover, div#curevents li #current {
        color: #257EB7;
        background: url(menu8.gif) 0 -64px;
        padding: 8px 0 0 25px;
        }

div#curevents li a:active {
        color: #fff;
        background: url(menu8.gif) 0 -32px;
        padding: 8px 0 0 25px;
        }
        
div#curevents ul {
        list-style: none;
        }

h1, h2, h3, h4 {color: #666699;}
div#curevents a span {display: none;}
div#curevents a:hover span  {
        color: #fff;
        text-decoration: none;}
div#curevents a:hover span h1, div#curevents a:hover span h2, div#curevents a:hover span h3  {
        color: #fff;
        text-decoration: none;}
        
div#curevents a:hover span {
        display: block;
        position: absolute; top: 280px; left: 230px; width: 400px;
        padding: 5px; margin: 5px; z-index: 100;
        color: #fff; background: #666699;
        font: 1em Verdana, sans-serif; text-align: center;
        filter:alpha(opacity=95);
        opacity: 0.95; -moz-opacity:0.85;
        }
.pics{
        margin-top:20px;
        margin-left:84px;
    }