* { 
    margin:0px;   /* sets all margins and padding to 0 */
    padding:0px 
  }


      

body{
      background:#7C8DA0 url(images/background1.jpg) repeat-x top;  /* sets the background image and its properties */
      background-repeat:repeat;
      background-attachment: scroll
    }

     

h2 { 
     position: relative;  /* sets the font size, color and text transformation for h2 */
     font-size: small;
     color: #42556c;
     text-transform:uppercase;
     left: 10px;
   } 


   
table {	
        border:1px solid gray;   /* sets all the table properties  */
        border: thin dotted #7e7e7e;
        padding: 10px;
      }


th {  
      border:1px solid gray;    /* sets all the table properties  */
      text-align: center;
      font-weight:bold;
      color: #42556c;
      text-transform:uppercase;
      vertical-align: top;
      padding-right: 10px;
      padding-top: 2px;
   }

td { 
     border:1px solid gray;    /* sets all the table properties  */
     vertical-align: top;
     padding: 5px;
     font-size: small;
   }

       

p {
    text-align: justify;  /* sets the paragraph text properties */
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding: 5px;
  }

       

.thumbnail {  
             position: relative;   /* sets the properties for the thumbnail and mouseover images */	
             left: 10px;
             z-index: 0;
           }

  
#t { 
     position: relative;   /* sets the properties for the welcome popup message */
     font-size: small;
     font-weight:bold;
     color: #42556c;
     text-transform:uppercase;
     left: 10px;
     bottom:5px;
   }

         

#line {   
        position: relative; /* sets the position for the lines */
        height: 1px; 
      }


#line1 { 
       position: relative; /* sets the position for the lines */
       height: 1px;
       left: 20px
      }

       
#header {
          position: relative;  /* sets the header properties */
          height: 50px;
          padding-top:35px;
          text-align: center;
          background-color: #1980c5
        }

        


#name {
        position: absolute; /* sets the properties for the header logo */
        top: 5px;
        left: 10px
      }	

	   	
#toc {
       height: 2em;   /* sets the properties for the menu links */
       list-style: none;
       margin: 0;
       padding: 0;
     }


#toc li {	
          background: #bdf url(images/menu.jpg); /* sets the properties for the menu links */
          float: left;
          margin: 0 1px 0 0;
          padding-left: 10px;
        }


#toc a {
         background: url(menu.jpg) 100% 0; /* sets the properties for the menu links */
         color: #008;
         display: block;
         float: left;
         height: 2em;
         line-height: 2em;
         padding-right: 10px;
         text-decoration: none;
        }


#toc li.current {
                  background-color: #48f;   /* sets the properties for the menu links */
                  background-position: 0 -60px;
                }


#toc li.current a {
                    background-position: 100% -60px;  /* sets the properties for the menu links */
                    color: #ffffff;
                    font-weight: bold;
                  }

#toc a:hover {
                 text-decoration : underline;   /* sets the properties for the menu links */
             }
		   
		   

      

#wrap {
	margin-top: 10px;   /* sets the properties for the wrap div */
        padding: 5px;
        background-color: white;
        width: 850px;
        margin-left: auto;
        margin-right: auto
      }

         

#content {
          float: left;  /* sets the content position and line height */
          margin-left: 10px; 
          width: 75%;
          line-height: 130%;
        }


           

#sidebar {
          background-color: #ffffff;  /* sets the position and colour's for the sidebar */
          float: right; 
          width: 20%;
          margin-top: 10px;
	      margin-right: 5px;
        }


         

#footer { 
         background-color: #1980c5;  /* sets the properties for the footer  */
         clear: both;
         position:relative;
         margin-top: 10px;
         font-size: small;
        }



        

#footer a:hover {
                  color:yellow;  /* sets the hoverb link properties for the top links menu */
                } 


      
	

#flinks	{
         margin-left: 50px;	/* sets the properties for the footer links */ 
	 color:white;
        }


       

#copy {
        font-size: small;  /* sets the properties for the copyright  */
        color: yellow;
        margin-left: 220px;
       }

              


#map	{
         margin-left: 50px; /* sets the position for the image map  */
        }

        						 

#s {
      margin-left: 7px; /* sets the position for the slideshow  */
   }



        
		
#image {
	  margin:0px;  /* sets the position for the map image  */
          padding:0px 
       } 

     

#print {
	margin-left: 50px;   /* sets the position for the print on map  */
       }  

     

#close {
	margin-left: 350px;   /* sets the position for the close on map  */
       }