body
{
color: #00cc00;
font-size: 12pt;
text-align: left;
font-family: verdana, arial;
background-image: url("../images/backgrounds/cavern.jpg");
background-color: #003333;
}

h1
{
 color: #00cc00;
 font-size: 20pt;
 font-family: georgia, verdana, arial;
 font-weight: bold;
 font-style: italic;
}

h2
{
color: #00cc00;
 font-size: 18pt;
 font-family: georgia, verdana, arial;
 font-style: italic;
 }

 h3
{
 color: #990099;
 font-size: 12pt;
 font-family:  arial;
 font-style: italic;
}

h4
{
color: #003333;
 font-size: 10pt;
 font-family: arial;
 }
 
h5
{
 color: #009966;
 font-size: 16pt;
 font-family:  arial;
 font-weight: bold;
 font-style: italic;
}

h6
{
 color: #ccffcc;
 font-size: 18pt;
 font-family:  arial;
}

.maintext
{
 color: #ccffcc;
 width:	65%;
 background-color:	#003333;
 font-size: 12pt;
 text-align: left;
 font-family: verdana, arial;
 padding:	2px;
}

.hooktext
{
 color: #ccffcc;
 width:	50%;
 background-color:	#003333;
 font-size: 12pt;
 text-align: left;
 font-family: verdana, arial;
 padding:	2px;
}

.goblintypetext
{
 color: #ccffcc;
 width:	60%;
 background-color:	#003333;
 font-size: 14pt;
 text-align: left;
 font-family: verdana, arial;
 padding:	3px;
}

.essaytext
{
 color: #99ff99;
 width:	35%;
 background-color:	#003333;
 font-size: 16pt;
 text-align: left;
 font-family: verdana, arial;
}

.bartext
{
 color: #00cc00;
 font-size: 12pt;
 text-align: center;
 font-family: verdana, arial;
}

.toytext
{
 color: #00cc00;
 width:	65%;
 font-size: 14pt;
 text-align: center;
 font-family: verdana, arial;
}

.storytext
{
 color: #00cc00;
 width:	65%;
 font-size: 12pt;
 text-align: left;
 font-family: verdana, arial;
}

/*Side Menu Styles*/
.RightPanel
{
	width: 18%;
	float: right;
	overflow: hidden;
}

.LeftPanel
{
	width: 20%;
	float: left;
	overflow: hidden;
}
.menubar
{
	background-color: #003333;
	padding: 1px;
}
.menutitle
{
	background-color: #002222;
	color: #99cc99;
	font-size: 14pt;
	text-align: center;
	margin: 1px;
}
.menuitem
{
	background-color: #002222;
	color: #330033;
	font-size: 14pt;
	text-align: center;
	margin: 1px;
}

/*Page Content Styles*/
.mainsection
{
	float: left;
	width: 60%;
	overflow: hidden;
}
.content
{
	background-color: #001200;
	color: #ffffcc;
	text-align: left;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.LeftImage
{
	width: 200px;
	float: left;
	overflow: hidden;
	font-size: 10pt;
	text-align: center;
}
.CentreImage
{
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	font-size: 10pt;
	text-align: center;
}


/*Link Styles*/
a:link
{
	color: #cc6600;
	text-decoration: none;
}
a:visited
{
	color: #cc6600;
	text-decoration: none;
}
a:hover
{
	color: #996600;
}
a:active
{
	color: #996600;

}