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

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;}

#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(#3366FF, #333399);
  background:    -moz-linear-gradient(#3366FF, #333399);
  background:     -ms-linear-gradient(#3366FF, #333399);
  background:      -o-linear-gradient(#3366FF, #333399);
  background:         linear-gradient(#3366FF, #333399);}


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

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

#pagecontent {position:absolute; top: 0; left: 220px; padding: 20px; width:80%} 
#pagecontent a {font-weight: normal; text-decoration: underline; font-size 100%; font-family: Arial, sans-serif}
#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: helvetica, trebuchet ms, Arial; color: navy; text-decoration: none;font-style:italic;}
h3 {font-size: medium; padding-left: 15px}

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

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

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