body{
    font-family: sans-serif;
    padding: 0;
    margin: 0 auto;
    max-width: 100%; 
    width: 60em;
    background-color: #E0F8E0;
}
#main{ 
    padding: 10px;
    margin: auto;
    position: relative;
   /* background-color: #E0F8E0; */
}
#header{
    text-align: right; 
}
#content{
    clear:both;
    padding: 24px 12px;
    background-color: #EFFBEF;     
}
#left_content{
    float: left;
    width: 50%;
    /*background-color: #00AF00; */
}
#right_content{
    float: right;
    width: 50%;
    /*background-color: #009F00; */
}
#footer{
    clear:both;
    /*background-color: #CEF6CE; */
}
.clearfix:after{
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.clearfix{
    display: block;
}
/*#nav ul{
    margin: 0;
    padding: 0;
    list-style:  none; 
    width: 100%;
    background-color: #B6F0B6;   
}
#nav li{
    display: inline;
    margin: 0;
    padding: 0;
}
#nav a{
    text-decoration: none; 
    color: #139E21;
} */
 


/*#nav{
    float:none;
    margin: 0;
    padding:0;
}
#nav ul{
    padding:3px;
    margin:0;
    width: 100%;
    background-color: #B6F0B6;
    color: #139E21;
}
#nav a{
    padding:0;
    margin:0;
    text-decoration: none;
    color: #139E21;
}
#nav li{
    border:outset;
    padding:0;
    margin:0;
    display:inline;
}*/


ul.nav,
.nav ul{
/*Remove all spacings from the list items */
    float:none;
    margin: 0;
    padding: 0;
    cursor: default;
    list-style-type: none;
    display: inline;
    background-color: #00CF00;
}
ul.nav{
    float:none;
    display: table;
    background-color: #00CF00;
}
ul.nav>li{
    float:none;
    display: table-cell;
    position: relative;
    padding: 2px 6px;
}
ul.nav li>ul{
/*Make the sub list items invisible*/
    display: none;
    position: absolute;
    max-width: 40ex;
    margin-left: -6px;
    margin-top: 2px;
}
ul.nav li:hover>ul{
/*When hovered, make them appear*/
    display : block;
}
.nav ul li a{
/*Make the hyperlinks as a block element, sort of a hover effect*/
    display: block;
    padding: 2px 10px;
}
/*** Menu colors (customizable) ***/
ul.nav,
.nav ul,
.nav ul li a{
    float:none;
}
ul.nav li:hover,
.nav ul li a:hover{
    float:none;
    background-color: #C7C3F6;
    color: #2A2D94;
}
ul.nav li:active,
.nav ul li a:active{
    float:none;
}
ul.nav,
.nav ul{
/*navigation background color is here*/
    float:none;
    width: 100%;
    background-color: #B6F0B6;
    color: #139E21;
}
.nav a{
    float:none;
    text-decoration: none;
    color: #139E21;
}
.nav{
    float:none;
}
h1{
    text-align: center;
}
h5{
    padding: 0;
    margin: 0;
    line-height: 1em;
}
h6{
	padding: 0;
	margin: 0;
	line-height: 1em;
	font-style: italic;
	font-size: 23px;
	letter-spacing:2px;
	font-family: Georgia;
}
p{
    text-align: center;
}