/*
BODY { 	BACKGROUND: #ffffff; COLOR: #000000 }
H1 { 	BACKGROUND: #ffffff; COLOR: #000000 }
H2 { 	BACKGROUND: #ffffff; COLOR: #000000 }
H3 { 	BACKGROUND: #ffffff; COLOR: #000000 }
H4 { 	BACKGROUND: #ffffff; COLOR: #000000 }
H5 { 	BACKGROUND: #ffffff; COLOR: #000000 }
H6 { 	BACKGROUND: #ffffff; COLOR: #000000 }
P { 	FONT-FAMILY: Georgia, Tahoma, Verdana, Arial, sans-serif }
TABLE { 	FONT-FAMILY: Georgia, Tahoma, Verdana, Arial, sans-serif }
TBODY { 	FONT-FAMILY: Georgia, Tahoma, Verdana, Arial, sans-serif }
TR { 	FONT-FAMILY: Georgia, Tahoma, Verdana, Arial, sans-serif }
TD { 	FONT-FAMILY: Georgia, Tahoma, Verdana, Arial, sans-serif }
IMG { 	BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px;
     BORDER-BOTTOM: 0px }
CITE { 	BACKGROUND: #ffffff; COLOR: #336699 }
HR { 	BACKGROUND: #ffffff; COLOR: #cccccc }
.copyright { 	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: lighter;
     FONT-SIZE: 70%; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;
     FONT-STYLE: italic; 
	text-align: center;
}
.invisible { 	DISPLAY: none }
.center { text-align: center }
.right { 	TEXT-ALIGN: right }
.left { 	TEXT-ALIGN: left }
A { 	TEXT-DECORATION: none }
A:link { text-decoration: underline; color: #0000ff; background: #ffffff }
A:visited { text-decoration: underline; color: #800080; background: #ffffff }
A:active { color: #ff0000; background: #ffcc00 }
A:hover { text-decoration: underline; color: #cc0000; background: #ffffcc }

*/


body {
	background: #eef;
	color: #000000;
}


h3 {	padding-top: 1em;
}

img { 	border: 0px; }
cite { 	font-style: italic; color: #008080;}
hr {	color: #cccccc; }

.copyright { 	font-weight: lighter; font-size: 70%; font-style: italic;  
		text-align: center;
}

.accessaid { 	width: 0; height: 0; overflow: hidden; }
.invisible { 	display: none }

.center { 	text-align: center }
.right { 	text-align: right }
.left { 	text-align: left }
.small {	font-size: small }

a { 	text-decoration: none }
a:link { text-decoration: underline; color: #0000ff; }
a:visited { text-decoration: underline; color: #800080; }
a:active { color: #ff0000; background: #ffcc00 }
a:hover { text-decoration: underline; color: #cc0000; background: #ffffcc }

.covers_bar {margin: 0 10px;}

.story_introduction {
	margin-left: 10%; margin-right: 10%;
	font-style: italic; font-size: 80%;	
}

.reviewquote {
	margin-left: 10%; margin-right: 10%;
	font-style: italic; font-size: 80%;	
}

.reviewsite {
	font-weight: bold;
	padding-top: 1em;	
}


hr
{
background: #ccc;
color: #ccc;
height: 5px;
margin-left: 10%; margin-right: 10%;
}


/* individual divs */


#header {
	top: 0px;
	left: 0px;
	height: 60px;

}


#navigation {
	position: absolute;
	top: 70px;
	left: 0;
	padding-top: 2em;
	width: 12em;
	font-size: 120%;
}


#navigation  ul {
	list-style-type: none;
	padding: 0em;   /* set all padding to  0 */
	margin: 0 0 0 1em;    /*set left margin to 1em */
}

#navigation li {
	list-style: none;
	padding: 0em;   /* set all padding to  0 */
	margin: 0em;  

}

#navigation a {
	text-decoration: none;
	color:#06c;
}


#navigation a:hover {
	text-decoration: underline;
	color: #33f;
	background: #00FFFF;
}

#navigation .pagemenu {
	font-size: 90%;
}


#navigation  .thispage {
	font-style: italic; 
}


#right_sidebar {
	position: absolute;
	top: 0;
	right: 0;
	width: 12em;
}


#navigation2 {
	text-align: center;
	margin: 0 12em; /* setting top and bottom margin to 0 and right and left margin to 20em */
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 2%;
}





#content {
	margin: 0 12em; /* setting top and bottom margin to 0 and right and left margin to 10em */
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 1%;
	padding-bottom: 1%;
	background: #fcfcfe; 

}



#footer {
	margin-top: 3em ;
	margin-left: 12em;
	margin-right: 12em;
}