/* Body and tag styles */
* 
{
margin:0; padding:0;
}

body {
font:95% Verdana,Tahoma,Arial,sans-serif;
 line-height:1.4em;
 text-align:center;
 color:#000000;
 background-image:url('images/monster-legends1.jpg');
}

a {
color:#330000;
 font-weight:bold;
 text-decoration:underline;
 background-color:inherit;
}

a:hover {
color:#2a5a8a;
 text-decoration:none;
 background-color:inherit;
}

a img {
border:none;
}

p {
padding:0 0 1.6em 0;
}

p form {
margin-top:0;
 margin-bottom:20px;
}

img.left,img.center,img.right {
padding:4px;
 border:1px solid #a0a0a0;
}

img.left {
float:left;
 margin:0 12px 5px 0;
}

img.center {
display:block;
 margin:0 auto 5px auto;
}

img.right {
float:right;
 margin:0 0 5px 12px;
}
/* Header and navigation styles */


#container {
width:999px;
 margin:20px auto;
 padding:1px 0;
 text-align:left;
 background:#ffffff;
 color:#000000;
 
}

#header {
height:150px;
 width:997px;
 margin:0 1px 1px 1px;
 color:#inherit;
}

#header h1 {
padding:25px 0 0 20px;
 font-size:1.4em;
 background-color:inherit;
 color:#C11B17;
 letter-spacing:-2px;
 font-weight:normal;
}

#header h2 {
margin:10px 0 0 40px;
 font-size:1.4em;
 background-color:inherit;
 color:#777777;
 letter-spacing:-1px;
 font-weight:normal;
}


#navigation {
height:2.2em;
 line-height:2.2em;
 width:997px;
 margin:1 1px;
 border-bottom-style:outset;
 background-color:#5E2605;
 color:#ffffff;
}

#navigation li {
float:left;
 list-style-type:none;
 white-space:nowrap;
}

#navigation li a {
display:block;
 padding:0 10px;
 font-size:0.8em;
 font-weight:normal;
 text-transform:uppercase;
 text-decoration:none;
 background-color:#5E2605;
 color: #ffffff;
}

* html #navigation a {
width:1%;
}

#navigation .selected,#navigation a:hover {
background:#CD853F;
 color:#5E2605
 text-decoration:none;
}

/* whatshot styles */

#whatshot {
clear:both;
 width:997px;
 padding:5px 0;
 margin:0 1px;
 font-size:0.9em;
 border-bottom-style:groove;
 color:#5E2605;
 background:#F5DEB3;
}

#whatshot p {
padding:0;
 margin:0;
 text-align:center;
}

#whatshot a {
color:#f0f0f0;
 background-color:inherit;
 font-weight:bold;
}

#whatshot a:hover {
color:#ffffff;
 background-color:blue;
 text-decoration: underline;
}

/* Imageheader */

#imageheader {
clear:both;
 width:997px;
 padding:5px 0;
 margin:0 1px;
 font-size:0.9em;
 border-bottom-style:groove;
 color:#5E2605;
 background:#ffffff;
}


/* Content styles */


#content {
float:left;
 width:800px;
 font-size:0.9em;
 padding:10px 0 0 10px;
}

#content h2 {
display:block;
 margin:0 0 16px 0;
 font-size:1.7em;
 font-weight:normal;
 letter-spacing:-1px;
 color:#505050;
 background-color:inherit;
}

#content h2 a {
font-weight:normal;
}

#content h3 {
margin:0 0 5px 0;
 font-size:1.4em;
 letter-spacing:-1px;
}

#content a:hover,#subcontent a:hover {
text-decoration:underline;
}

#content ul,#content ol {
margin:0 5px 16px 35px;
}

#content dl {
margin:0 5px 10px 25px;
}

#content dt {
font-weight:bold;
 margin-bottom:5px;
}

#content dd {
margin:0 0 10px 15px;
}

/* Sidebar styles */


#subcontent {
float:left;
 width:173px;
 padding:5px 5px 5px 0;
 line-height:1.4em;
}

#subcontent h2 {
display:block;
 margin:0 0 5px 0;
 font-size:1.6em;
 font-weight:normal;
 text-align:left;
 letter-spacing:-1px;
 color:#505050;
 background-color:inherit;
}

#subcontent p {
margin:0 0 5px 0;
 font-size:0.9em;
}



/* Menublock styles */


.menublock {
margin:0 0 20px 8px;
 font-size:0.9em;
}

.menublock li {
list-style:none;
 display:block;
 padding:2px;
 margin-bottom:2px;
}

.menublock li a {
font-weight:bold;
 text-decoration:none;
}

.menublock li a:hover {
text-decoration:none;
}

.menublock li ul {
margin:3px 0 3px 15px;
 font-size:1em;
 font-weight:normal;
}

.menublock li ul li {
margin-bottom:0;
}

.menublock li ul a {
font-weight:normal;
}

/* Searchbar styles */

#searchbar {
margin:0 0 20px 0;
}

#searchbar form fieldset {
margin-left:10px;
 border:0 solid;
}

#searchbar #s {
height:1.2em;
 width:110px;
 margin:0 5px 0 0;
 border:1px solid #a0a0a0;
}

#searchbar #searchbutton {
width:auto;
 padding:0 1px;
 border:1px solid #808080;
 font-size:0.9em;
 text-align:center;
}

/* Footer styles */

#footer {
clear:both;
 width:997px;
 padding:5px 0;
 margin:0 1px;
 font-size:0.9em;
 color:#330000;
 background:#ECE5B6;
}

#footer p {
padding:0;
 margin:0;
 text-align:center;
}

#footer a {
color:#aaaaaa;
 background-color:inherit;
 font-weight:bold;
}

#footer a:hover {
color:#ffffff;
 background-color:inherit;
 text-decoration: underline;
}

/* Misc classes and styles */

.splitcontentleft {
float:left;
 width:59%;
}

.splitcontentright {
float:right;
 width:39%;
}

.clear {
clear:both;
}

.small {
font-size:0.8em;
}

.hide {
display:none;
}

.textcenter {
text-align:center;
}

.textright {
text-align:right;
}

.important {
color:#f02025;
 background-color:inherit;
 font-weight:bold;
}

.box {
 margin:0 0 1px 0;
 padding:3px;
 border:1px solid #c0c0c0;
 background-color:#F5DEB3;
 color:#505050;
 line-height:1.5em;
}