@charset "UTF-8";

body {
background-color : #000000;
font-size : 12px;
font-family : Geneva, Arial, Helvetica, sans-serif;
color : #564b47;
padding : 20px;
margin : 0;
text-align : center;
}

/*content boxes start here*/

#content {
	text-align : left;
	vertical-align : middle;
	margin : 0 auto;
	padding : 0;
	width : 800px;
	background-color : #000000;
	border : 1px solid #666;
	background-image : url(images/stars3.jpg);
	background-repeat : no-repeat;
	height : 600px;
}
#content2 {
	text-align : left;
	vertical-align : middle;
	margin : 0 auto;
	padding : 0;
	width : 800px;
	background-color : #000000;
	border : 1px solid #666;
	background-repeat : no-repeat;
	height : 600px;
}
#content-index {
	background-image : url(images/bookpage-index.jpg);
	background-repeat : no-repeat;
	width : 600px;
	height : 400px;
	margin : auto;
	padding-top : 10px;
	margin-top : 100px;
	margin-bottom : 30px;
}
#content-menu {
	background-repeat : no-repeat;
	width : 600px;
	height : 400px;
	margin : auto;
	padding-top : 10px;
	margin-top : 100px;
	margin-bottom : 30px;
	background-image: url(images/bookpage-menu.jpg);
}
#content-author {
	background-image : url(images/bookpageauthor.jpg);
	background-repeat : no-repeat;
	width : 600px;
	height : 400px;
	margin : auto;
	padding-top : 10px;
	margin-top : 100px;
	margin-bottom : 30px;
}
#content-inspiration {
	background-image : url(images/bookpagedragon.jpg);
	background-repeat : no-repeat;
	width : 600px;
	height : 400px;
	margin : auto;
	padding-top : 10px;
	margin-top : 100px;
	margin-bottom : 30px;
}
#content-character {
	background-image : url(images/bookpagecharacters.jpg);
	background-repeat : no-repeat;
	width : 600px;
	height : 400px;
	margin : auto;
	padding-top : 10px;
	margin-top : 100px;
	margin-bottom : 30px;
}
#content-extract {
	background-image : url(images/bookpageextract.jpg);
	background-repeat : no-repeat;
	width : 600px;
	height : 400px;
	margin : auto;
	padding-top : 10px;
	margin-top : 100px;
	margin-bottom : 30px;
}
#content-gallery {
	background-image : url(images/bookpagegallery.jpg);
	background-repeat : no-repeat;
	width : 600px;
	height : 400px;
	margin : auto;
	padding-top : 10px;
	margin-top : 100px;
	margin-bottom : 30px;
}
#content-book {
	background-image : url(images/bookpagebook.jpg);
	background-repeat : no-repeat;
	width : 600px;
	height : 400px;
	margin : auto;
	padding-top : 10px;
	margin-top : 100px;
	margin-bottom : 30px;
}
#content-news-and-events {
	background-image : url(images/bookpagenewsandevents.jpg);
	background-repeat : no-repeat;
	width : 600px;
	height : 400px;
	margin : auto;
	padding-top : 10px;
	margin-top : 100px;
	margin-bottom : 30px;
}
#content-news {
	background-image : url(images/bookpagenews.jpg);
	background-repeat : no-repeat;
	width : 600px;
	height : 400px;
	margin : auto;
	padding-top : 10px;
	margin-top : 100px;
	margin-bottom : 30px;
}
#content-events {
	background-image : url(images/bookpageevents.jpg);
	background-repeat : no-repeat;
	width : 600px;
	height : 400px;
	margin : auto;
	padding-top : 10px;
	margin-top : 100px;
	margin-bottom : 30px;
}
#content-competitions {
	background-image : url(images/bookpagecompetitions.jpg);
	background-repeat : no-repeat;
	width : 600px;
	height : 400px;
	margin : auto;
	padding-top : 10px;
	margin-top : 100px;
	margin-bottom : 30px;
}
#content-links {
	background-image : url(images/bookpagelinks.jpg);
	background-repeat : no-repeat;
	width : 600px;
	height : 400px;
	margin : auto;
	padding-top : 10px;
	margin-top : 100px;
	margin-bottom : 30px;
}

/*content boxes end here*/

h3 {
	font-size : 24px;
	font-family : "Courier New", Courier, monospace;
	border-bottom : 2px solid #333333;
	color : #333333;
	font-weight : lighter;
	line-height : 24px;
	margin : 0;
}
h4 {
	font-size : 14px;
	font-family : Geneva, Arial, Helvetica, sans-serif;
	color : #333333;
	font-weight : normal;
	padding: 0px;
}
a {
	color : #333333;
	font-size : 12px;
	background-color : transparent;
	text-decoration : none;
	font-family : Geneva, Arial, Helvetica, sans-serif;
}
a:link {
text-decoration : none;
color : #333333;
}
a:visited {
text-decoration : none;
color : #333333;
}
a:hover {
text-decoration : none;
color : #868726;
}
a:active {
text-decoration : none;
color : #333333;
}
#nav {
text-align : right;
color : #999999;
font-size : 12px;
background-color : transparent;
text-decoration : none;
font-family : Georgia, Times New Roman, Times, serif;
margin : 0 auto;
margin-bottom : 10px;
padding-bottom : 5px;
padding-top : 5px;
padding-right : 2px;
width : 800px;
border-top : 1px solid #333;
}
.arrowlistmenu {
	margin : auto;
	width : 600px;
	margin-top: -10px;
}
.arrowlistmenu2 {
height : 20px;
clear : both;
padding-top : 10px;
margin-left : 10px;
}
.arrowlistmenu .headerbar {
	color : #ffffff;
	text-transform : capitalize;
	border-bottom : 1px solid #868726;
	width : 138px;
	padding : 4px 4px 4px 8px;
	font-family : Times, "Times New Roman", serif;
	font-size : 14px;
	letter-spacing : 1px;
	float : left;
}
.arrowlistmenu .headerbar a {
	color : #999999;
	text-transform : capitalize;
	font-family : Times, "Times New Roman", serif;
	font-weight : 300;
	font-size : 14px;
}
.arrowlistmenu .headerbar a:visited {
color : #999999;
text-transform : capitalize;
font-family : Times, "Times New Roman", serif;
}
.arrowlistmenu .headerbar a:hover {
color : #cccccc;
text-transform : capitalize;
font-family : Times, "Times New Roman", serif;
}
.arrowlistmenu2 ul {
list-style-type : none;
margin : 0;
padding : 0;
margin-bottom : 8px;
}
.arrowlistmenu2 ul li {
	font-family : "Times New Roman", Times, serif;
	color : #cccccc;
	background : url(images/arrowbullet.png) no-repeat center left;
	display : block;
	padding-left : 19px;
	text-decoration : none;
	font-weight : bold;
	font-size : 14px;
	letter-spacing : 1px;
	float : left;
	margin-left : 10px;
	margin-right : 28px;
}
.arrowlistmenu2 ul li a {
	font-family : "Times New Roman", Times, serif;
	color : #999999;
	display : block;
	text-decoration : none;
	font-weight : normal;
	font-size : 12px;
}
.arrowlistmenu2 ul li a:visited {
color : #999999;
}
.arrowlistmenu2 ul li a:hover {
color : #ffffff;
}
.maincontent {
color : #666666;
font-size : 12px;
letter-spacing : 1px;
clear : both;
padding : 10px;
width : 240px;
height : 360px;
float : left;
padding-left : 40px;
overflow : hidden;
margin-top : 10px;
}
.maincontent-links {
	color : #FFFFFF;
	font-size : 12px;
	letter-spacing : 1px;
	clear : both;
	padding : 10px;
	width : 240px;
	height : 360px;
	float : left;
	padding-left : 40px;
	overflow : hidden;
	margin-top : 10px;
}
.maincontent-links h3 {
	color: #CCCCCC;
	border-color: #999999;
}
.maincontent-links a {
	color: #CCCCCC;
	font-size: 14px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
.maincontent-links a:visited {
	color: #CCCCCC;
}

.maincontent-links a:hover {
	color: #FFFFFF;
}

.maincontent-links a:active {
	color: #CCCCCC;
}

img {
	margin : 1px;
}
a img {
border : 5px solid #333333;
}
a:visited img {
border : 5px solid #333333;
}
a:hover img {
border : 5px solid #868726;
}
a:active img {
border : 5px solid #333333;
}
.header {
text-align : left;
vertical-align : middle;
margin : 0 auto;
padding : 0;
width : 800px;
background-color : #000000;
border : 1px solid #666;
background-image : url(header.jpg);
background-repeat : no-repeat;
height : 139px;
margin-bottom : 10px;
}
.enter {
	float: right;
	padding-top: 250px;
	padding-right: 110px;
}
.enter a {
color: #FFFFFF;
font-size: 24px;
}
.enter a {
color: #FFFFFF;
font-size: 24px;
}
.enter a:visited {
color: #FFFFFF;
font-size: 24px;
}
.enter a:hover {
color: #cccccc;
font-size: 24px;
}
.enter a:active {
color: #FFFFFF;
font-size: 24px;
}
.virtualpage {
display : none;
}
.paginationstyle {
	width : 240px;
	text-align : center;
	padding : 2px 0;
	position : absolute;
	top : 490px;
}
.paginationstyle select {
	border : 1px solid navy;
	margin : 0 15px;
}
.paginationstyle a {
	padding : 0 5px;
	text-decoration : none;
	border : 1px solid #cccccc;
	color : navy;
	background-color : white;
}
.paginationstyle a:hover, .paginationstyle a.selected {
	color : #000;
	background-color : #fee496;
}
.paginationstyle a.imglinks {
border : 0;
padding : 0;
}
.paginationstyle a.imglinks img {
vertical-align : bottom;
border : 0;
}
.paginationstyle a.imglinks a:hover {
background : none;
}
.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected {
color : #000;
background-color : #fee496;
}
.style2 {
	color: #333333;
}
.style3 {
	font-size: 10px;
	font-style: italic;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.style2 {
	color: #333333;
}

.virtualpage li {
	margin-bottom: 5px;
	list-style-type: square;
	margin-left: -25px;
}