/* Generic Selectors */
body {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
color: #333333;
background: url("mainbackground.jpg");
}
li {
list-style-type: none;
}
h1 {
font-family: "Century Gothic", Georgia, Times, serif;
font-size: 18px;
font-weight: bold;
color: #000000;
}
h2 {
font-family: Century, Georgia, Times;
font-size: 16px;
font-weight: bold;
text-align: center;
color: #000000;
border-bottom: 1px solid #C6EC8C;
}
 
/**************** Pseudo classes ****************/
a:link {
color: #444444;
font-family: Century, Georgia, Times;
font-size: 16px;
text-decoration: none;
font-weight: normal;
}
li a:link {
font-family: Century, Georgia, Times;
display: block;
font-size: 16px;
color: #8F7961;
text-decoration: none;
font-weight: normal;
}
a:visited {
color: #444444;
text-decoration: none;
font-weight: normal;
}
li a:visited {
display: block;
color: #8F7961;
text-decoration: none;
font-weight: normal;
}
a:hover {
color: #C7B58B;
font-weight: bold;
}
li a:hover {
display: block;
color: #5A5A5A;
font-weight: normal;
border-bottom: 1px dashed #6D5E56;
}
a:active {
color: #8F7961;
}
li a:active {
color: #444444;
}

/************************* ID's *************************/
#navigation {
position: absolute;
left: 90px;
width: 178px;
margin: 0;
margin-top: 35px;
font-weight: normal;
text-align: left;
}
#graphics {
position: absolute;
left: 90px;
width: 178px;
margin: 0;
margin-top: 320px;
font-weight: normal;
text-align: left;
}
#neopets {
position: absolute;
left: 90px;
width: 178px;
margin: 0;
margin-top: 540px;
font-weight: normal;
text-align: left;
}
#centerDoc {
text-align: justify;
position: absolute;
padding: 0 0 40px 0; /*top right bottom left*/
margin-top: 915px;
margin-left: 280px;
width: 675px;
}
#background {
position: absolute;
top: 0px;
left: 0px;
width: 1000px;
height: 980px;
background: url("Protector_AR_Layout.jpg");
}