h1 { 
   color: #00CC00;
   }
 
h1:first-letter {
   color: #FFFFFF;
   background-color: #00CC00;
   font-size: xx-large;
   font-style: italic;
   }

h2 { 
   color: #00CC00;
   }
 
h2:first-letter {
   color: #FFFFFF;
   background-color: #00CC00;
   font-size: xx-large;
   font-style: italic;
   }

h3 { 
   color: #00CC00;
   }
 


body {
   font-family: Helvetica; 
   font-size: small;
   color: black ;
   background-color: #CCFFFF;
   }

a {
  padding: 0px 0px; 
  text-decoration: underline;
  color: #0066FF;  
  }

a:hover {
   color: #00CC00;
   }


li {
  padding: 0px 7px;
  }

table.main   { 
	border-collapse: collapse; 
	border: 1px solid #C0C0C0; 
	}

td.main    { 
	border: 1px solid #C0C0C0; 
	text-align: left;
	width: 250px; 
	padding-left: 15px;
	}

th.main      { 
	border: 1px solid #C0C0C0; 
	text-align: left;
	width: 250px; 
	padding-left: 15px;
	}

/* specific classes*/


#navigation {
   position: absolute; top: 150px; left: 10px;  
   width: 200px;
   padding: 0px 10px 5px 10px;
   font-family: Helvetica;
   font-size: small; 
   }

#navigation ul {
   list-style: none;
   margin: 0;
   padding: 0;
   }

#navigation li {
   border-bottom: 1px solid #0066FF;
   }

#navigation li a:link, #navigation li a:visited {
   display: block;
   padding: 5px 5px 5px 0.5em;
   border-left: 12px solid #0066FF;
   border-right: 5px solid #0066FF;
   background-color: #00CC00;
   color: #FFFFFF;
   text-decoration: none;
   }

#navigation li a:hover {
   background-color: #0066FF;
   color: #FFFFFF;
   }

#navigation ul ul {
   margin-left: 12px;
   margin-right: 5px;
   }

#navigation ul ul li {
   border-bottom: 1px solid #0066FF;
   margin:0;
   }

#navigation ul ul a:link, #navigation ul ul    a:visited {
   background-color: #33CC99;
   border-left: 12px solid #00CC00;
   border-right: 5px solid #00CC00;
   }

#navigation ul ul a:hover {
   background-color: #00CC00;
   color: #FFFFFF;
   }


div.main {
   background-color: #CCFFFF;
   position: absolute; top: 95px; left: 250px;  
   float: left;
   padding: 10px 10px 20px 10px;
    }


div.mainmap {
   background-color: #CCFFFF;
   position: absolute; top: 120px; left: 10px;  
   float: left;
   padding: 10px 10px 20px 10px;
    }


#logo {
   position: absolute; top: 10px; left: 10px; 
	}

div.center  {
   	position: absolute; 
	top: 10px; left: 255px;  	
   	background-color: #00CC00;
	color: white;
   	padding: 10px 10px 10px 10px;
	}

table.sortable thead {
    background-color:#eee;
    color:#666666;
    font-weight: bold;
    cursor: default;
}