* {
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	font-family:lucida grande;
	color:#0018cf; 
}

ul li {
	list-style-type: none;
}

body{
	background-image: url('img/eap.png');

}	

a {
	color:#000000;

}

a:hover {
	color:#1d50f5;
}

#header {
	z-index:2;
	width: 100%;
	height: 190px;
	position: relative;
	background-image: url('img/eap.png');
	left: 5%;
	right: 0;
	margin:0 auto;
}

a:hover {
	color:#ffffff;
}

div#contact > a {
	color:#000000;
}

#logo {
	width:485px;
	height:221px;
}

.image {
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

#faq {
	background-color:#ababab;
	top:20px;
	left:5%;
	text-align:center;
	position:relative;
	width: 960px;
	height: auto;
	float:left;
}

p.faq {
	padding:20px;
}

#nav {
	z-index:3;
	position: relative;
	margin:0 auto;
	height: 40px;
	width:90%;
	background-color:#ababab;
}

div#navigation {
	position: absolute;
	width: 900px;
	height: 40px;
	background: #ababab;
	margin: 0 auto;
}

div#navigation ul li {
	position: relative;
	width: 100px;
	height: 40px;
	display: block;
	float: left;
	text-align: center;
	font-size: 18px;
	line-height: 40px;
	color: #0018cf;
}

div#navigation ul li:hover {
	background: #c7020f;
	color: #ababab;	
}

div#navigation ul li:active {
	box-shadow:inset rgba(0, 0, 0, 0.5) 0 0 20px;
}

#container {
	top: -80px;
	left:5%;
	text-align:center;
	position:relative;
	width: 960px;
	height: 500px;

}	

#bookContainer {
	top:20px;
	left:5%;
	text-align:center;
	position:relative;
	width: 960px;
	height: 500px;
	float:left;
}


#gcontainer {
	top:20px;
	left:5%;
	text-align:center;
	position:relative;
	width: 960px;
	height: 500px;
	float:left;

}

#bookContainer {
	background-color:#ababab;
	top:20px;
	left:5%;
	text-align:center;
	position:relative;
	width: 960px;
	height: 500px;
	float:left;
}
	
#character_content {
	top: 20px;
	left:5%;
	text-align:center;
	position:relative;
	width: 1000px;
	height: 500px;
}
	
#lcontent {
	margin-right:10px;
	width: 200px;
	height: 400px;
	background-color:#ababab;
	float: left;

}

#rcontent {
	position:relative;
	left: 210px;
	width: 700px;
	height: 445px
}

#lcharcontent {
	margin-right:10px;
	width: 200px;
	height: 400px;
	background-color:#ababab;
	float: left;

}

#rcharcontent {
	position:relative;
	right:85px;
	width: 700px;
	height: 445px;
	float:right;
}

.bodypic {
	padding: 10px;
	float: left;
}

#footer {
	top:-28px;
	position: relative;
	margin-left:auto;
	margin-right: auto;
	width: 880px;
	height: 150px;
	background-color:#ffffff;
	padding:5px 20px 20px 20px;
}

p.text {
	padding:10px;
	text-align: left;
	left:-1000px;
	width:600px;

}

p {
	padding:10px;
	text-align: left;

}

h2 {
	padding-top:10px;
	text-decoration:underline;
}