/*typography*/
body{font: 90% verdana,arial,sans-serif;text-align: center}
h1,h2,h3{font-family: "Trebuchet MS",arial,sans-serif}
h1{font-size: 190%}
h2{font-size: 150%}
h3{font-size:110%;text-transform:uppercase;letter-spacing:1px;margin:0 7px}
h2,p{margin: 0 15px;padding:0}
p{padding-bottom: 0.7em;line-height: 1.5}
a{text-decoration: none}	
#logo h2{font-size: 155%;color: #437000}
h3{color: #335640}
address{padding: 3px 15px;font-style:normal}

/*layout*/
html{height: 100%; margin: 5px 0}
html,body{margin:0;padding:0 0 20px}

#logo{width: 640px;height: 300px; margin:5px auto;padding:5px 0;overflow:hidden}
#container {width: 680px;margin: 5px auto;text-align: left}

#header{float:right;width:360px;margin-right:10px;padding:0}
#header1 {float:left;width:299px;margin:0 0 10px 10px;padding:0}
 * html body #header{width:360px;margin: 0 5px 0 0;padding:0}
 * html body #header1 {width:299px;margin:0 0  10px 5px;padding:0}
#logo h1{margin:0 10px}
#logo h2{margin: 265px 0 0 325px;padding:0}

#sidebar{width:20%;float:right;margin:5px 0 10px;padding:0px;clear:both}
 * html body #sidebar{width:19%;height:-50px;margin:15px 0 0 0;padding:0px;}
 
#nav {margin: 0 0 px;padding: 56px 0;}
 * html body #nav {height:0px;margin:0px;padding: 50px 0 0 0;}
 * html body #MenuPos{height: 0px;margin:0; padding:50px 0 0 0}
#content{width: 80%;float:left;margin: 0 0 10px;padding: 5px 0}
 * html body #content{width: 81%;float:left;margin: 0 0 15px;padding: 5px -1px}


#footer{clear: both;margin: 0px}
 * html body #footer{height:30px;clear: both;margin:0}

/*colors*/
body{background: #AEC19F}
#header{background: #6F8C5A}
#header1{background: #0069D1}
#sidebar{background: #9FC2FE}
#nav a{color: #305B4A}
#content a:hover{color: #808080}
h1 {color: #0000a8}
h1 a:hover{color: #fff}
h2{color: #AEC19F}
#content{background: #FFF}
div#logo{background: url(../Images/head.jpg);color: #AEC19F}

#footer{background: #CCC;color: #333}