/* this is used for htm pages
 light green uses  background-color: #e5ffd0;
    dark green uses  background-color: #99cc66;
    very dark green uses background-color: #003300;
*/
    
/*====== General ==========*/
body {
			
 font-family: Verdana, Arial;
    background-color: #e5ffd0;
    padding: 0 10px 10px 0;
    margin: 0px;
		}
		
#header
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 50px;
    background-color: #003300;
    color: #e5ffd0;
    text-align: center;
    background-image: url('./Images/logo.JPG');
    background-repeat: no-repeat;
    font-size: large;
    font-weight: bold;

    vertical-align: middle;
}

#nav {
			position: absolute;
			left: 0px;
			top: 50px;
			width: 250px;
			font-size: small;
}


#content {
		margin-top:50px;
		margin-left: 250px;
		
		}

				
h1, h2, h3, h4, h5{
		Color: #003300;
		
		}

p
{
    
}	
iframe
{
width:100%;
height:800px;
margin-right:0px;
}
	
/*====== table ==========*/
table
{
    width: 90%;
    padding: 0;
    border-collapse: collapse;
	margin-bottom: 2em;
    
}
    td, th, tf
{
    border: 1px solid #00CC66;
		padding: 0.5em 1em;

}
th
{
    font-weight: bold;
    text-align: left;
}

/* ====== list =========*/
ul
{
    list-style-type: none;
}

		
/*========= special div ========== */
div.gmap
{
    width: 600px;
    float: left;
    padding: 0 50px 0px 50px;
    
}
div.gmapbig
{
    width: 80%;
    padding: 0 50px 0px 50px;
    
}

.icon_link
{
float:left;

}
.icon_link ul li img
{
border:0;

}
.icon_link li{
display:inline;
padding:10px;
}
/* ========= Anchor */
a
{text-decoration:none;

 }

#nav a
{text-decoration:none;

 }

a:hover
{
    text-decoration: none;
    color: #009900;
}