html, body {
   margin : 0;
   padding : 0;
}
 
body {
   font-family : "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif;
   font-size : 12px; 
   color : #909ea0;
   background : #5A6668;
   width : 100%;
  }
  
a:link {
   color : #0000FF;
   background : transparent;
   text-decoration : none;
}
a:visited {
   color : #5c1919;
   text-decoration : none;
}
a:hover {
   color : #a52a2a;
   text-decoration : none;
}
a:active {
   color : #484500;
   text-decoration : none;
}

p {
   line-height : 1.8em;
   margin : 1.2em 0.5em 1.2em 0.5em;
}

#navcontainer {
   position : absolute;
   top : 150px;
   width : 115px;
   left : 5px;
   text-align : center;
   padding : 10px;
   background : #C0CBAD;
   border-top : 1px solid #e4ffdd;
   border-right : 1px solid #34371c;
   border-bottom : 1px solid #34371c;
   border-left : 1px solid #e4ffdd;
}
#header {
   position : relative;
   margin: 76px 100px 0px 180px;
   text-align : center;
   padding : 10px;
   background : #C0CBAD;
  border-top : 1px #31557f solid;
   border-left : 1px #31557f solid;
   border-bottom : 1px #f8f9fb solid;
   border-right : 1px #f8f9fb solid;
   color : #2a3234;
}


#container {
	position : relative;
	margin: 20px 100px 0px 180px;
	background : #A5BBBF;
	border-top : 1px solid #e4ffdd;
	border-right : 1px solid #34371c;
	border-bottom : 1px solid #34371c;
	border-left : 1px solid #e4ffdd;
	color : #2a3234;
	background-color: #C59E9E;
}

#innercontainer {
position : relative;

   margin: 20px;
   background : #C3CDB0;
   border-top : 1px solid #e4ffdd;
   border-right : 1px solid #34371c;
   border-bottom : 1px solid #34371c;
   border-left : 1px solid #e4ffdd;

}


#button ul {
   margin : 0;
   padding : 0;
   list-style-type : none;
} 
#button li {
   text-align : center;
   margin-bottom : 1px;
   width : 100px;
}
#button li a {
   padding : 1px 5px 1px 5px;
   text-align : left;
   text-decoration : none;
   display : block;
   width : 100%;
   color : #224059;
   background-color : #99aabf;
   border-top : 1px solid #eaedf4;
   border-left : 1px solid #eaedf4;
   border-bottom : 1px solid #224059;
   border-right : 1px solid #224059;
}

#button li a:visited {
   color : #666666;
}

#button li a:hover {
   background-color : #b8d0e6;
   border-top : 1px #31557f solid;
   border-left : 1px #31557f solid;
   border-bottom : 1px #f8f9fb solid;
   border-right : 1px #f8f9fb solid;
   text-decoration : none;
}  

li#here a:link, li#here a:visited, li#here a:hover {
   color : #007101;
   background-color : #b8d0e6;
   position : relative;
    border-top : 1px #31557f solid;
   border-left : 1px #31557f solid;
   border-bottom : 1px #f8f9fb solid;
   border-right : 1px #f8f9fb solid;
   text-decoration : none;
}
.bookpage {
  line-height: 2;
  font-size: large;
}

.bevel1 {
   background-color : #b8d0e6;
   border-top : 1px solid #e4ffdd;
   border-right : 1px solid #34371c;
   border-bottom : 1px solid #34371c;
   border-left : 1px solid #e4ffdd;
   padding : 2px 2px 2px 4px;

}

.bevel2 {
   background-color : #B4B7CE;
   border-top : 1px solid #e4ffdd;
   border-right : 1px solid #34371c;
   border-bottom : 1px solid #34371c;
   border-left : 1px solid #e4ffdd;
   padding : 2px 2px 2px 4px;
  font-size: large
}

.bevel21 {
   background-color : #B4B7CE;
   border-top : 1px solid #e4ffdd;
   border-right : 1px solid #34371c;
   border-bottom : 1px solid #34371c;
   border-left : 1px solid #e4ffdd;
   padding : 2px 2px 2px 4px;
}
.bevel3 {
   padding: 2px;
   border-top: 1px solid #FFFFFF;
   border-right: 1px solid #536062;
   border-bottom: 1px solid #536062;
   border-left: 1px solid #FFFFFF;
   background-color : #C0CBAD;
    margin-left : 2px;
}
.bevel4 {
   list-style-type : none;
	width: 280px;
	padding: 4px;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #536062;
	border-bottom: 1px solid #536062;
	border-left: 1px solid #FFFFFF;
   background-color : #C0CBAD;

}

#footer {
   width : 80%;
   margin-left : auto;
   margin-right : auto;
   border : 1px solid #000000;
}
#footer {
   font : italic 75% sans-serif;
   margin-top : 10px;
}
#footer p {
   margin : 0 0 1em 0;
}
#footer img {
   float : right;
   margin : 0 0 0.5em 2em;
}
#counter {
   display : none;
}