/* CSS for website */
body {background-color: white;}
#centerpage, #header, #content, #navigation {position: absolute;}
#centerpage {left:200px; width:850px; height:850px; border: 5px solid gray;}
#header{width: 100%; height: 250px;}
#content{width:100%; height: 600px; border-top: 2px solid black; top:250px;background-color: #e2edff}
#navigation{left:0px; width:200px; height:98.5%; border-right: 2px solid black;}

a,a:link,a:active,a:visited {color: #000;font-weight: bold;text-decoration: none;outline:none;}
#header-buttons a:hover {color: #336699;text-decoration: underline;}

#navigation {padding: 5px;}

#header-buttons, p1, #nametag {position: absolute;}
#nametag {right: 5%; bottom: 5%; color: black; 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(#a1e048, #6a942f);
  background:    -moz-linear-gradient(#a1e048, #6a942f);
  background:     -ms-linear-gradient(#a1e048, #6a942f);
  background:      -o-linear-gradient(#a1e048, #6a942f);
  background:         linear-gradient(#a1e048, #6a942f);}


#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: #838383;color: #fff;text-decoration:none;}

#pagecontent {position:absolute; top: 0; left: 220px; padding: 20px;}

#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 #000;color: #000;font-weight: bold;border-right:1px black solid}

#navigation li a:hover {background-color: #ccc;color: #336699;text-decoration: none;}