/* CSS for website */
body {background-color: white;}
#centerpage, #centerpage2, #header, #content, #content2, #navigation {position: absolute;}
#centerpage {left:150px; width:950px; height:950px; border: 3px solid #6B8E23;}
#centerpage2 {left:150px; width:950px; height:1300px; border: 3px solid #6B8E23;}
#header{width: 100%; height: 250px;}
#content{width:100%; height: 700px; border-top: 2px #7A9939; top:250px;background-color: white
;}
#content2{width:100%; height: 1050px; border-top: 2px #7A9939; top:250px;background-color: white
;}
#navigation{left:0px; width:20%; height:98.5%; border-right: 2px solid #6B8E23;padding:5px;background-color:white
;}

a,a:link,a:active,a:visited {color: #6B8E23; font-weight: bold; text-decoration: none ;outline:none;}

#header-buttons a:hover {color: #1D6827;text-decoration: none;}

#header-buttons, p1, #nametag {position: absolute;}
#nametag {right: 3%; bottom: 5%; color: white; font-size: xx-large; font-family: Arial;}
p1 {top:0; height: 225px;}
#header-buttons {bottom:0px; left: 0px; width: 100%; height:30px; font-weight: bold;
  background: -webkit-linear-gradient(#6B8E23, #7A9939);
  background:    -moz-linear-gradient(#6B8E23, #7A9939);
  background:     -ms-linear-gradient(#6B8E23, #7A9939);
  background:      -o-linear-gradient(#6B8E23, #7A9939);
  background:         linear-gradient(#6B8E23, #7A9939);}


#header-buttons li{display: inline;}

#header-buttons li a{font-size: 92%;margin-top: 2px;padding: 0 1em;color: #fff;text-decoration: none;float: right;border-left: 1px solid #bcbcbc;line-height: 200%;outline:none;font-weight: bold;outline:none;}

#header-buttons li a:hover{background-color: #98B165;color: #fff; text-decoration:none;}


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

#navigation li a {font-size: 92%;line-height: 260%;text-indent: 6px;text-decoration: none;display: block;outline:none;border-top: 1px solid #fff;border-bottom: 1px solid #6B8E23;color: #000;font-weight: bold;border-right:1px solid #6B8E23; border-left:1px white solid;}

#navigation li a:hover {background-color: #6B8E23;color: white;text-decoration: none;}

#pagecontent {position:absolute; top: 0; left: 220px; padding: 20px; width:80%} 
#pagecontent a {font-weight: normal; text-decoration: none; font-size 100%; font-family: Arial, sans-serif; color: blue}
#pagecontent a:hover {font-weight: bold; text-decoration: underline;}
#pagecontent li {padding-left: 20px; margin: 0px; padding-top: 0; padding-bottom: 0; line-height:120%}


h1, h2, h3 {font-weight:bold; font-size: x-large; font-family: sans-serif,helvetica, trebuchet ms, Arial; color: black; text-decoration: none;font-style:italic;}
h3 {font-size: medium; padding-left: 15px}

p {color:black; font-family: sans-serif, Arial,  Helvetica; width: 80%; padding-left: 10px; font-size: 3}

li {color:black; font-family: sans-serif, Arial,  Helvetica}
ul {width: 75%}

.feature {float: center; margin: 10px; margin-left: 25%}