

/* Body and tag styles */
* 
{
margin:0; padding:0;
}

body {
font:95% Verdana,Tahoma,Arial,sans-serif;
 line-height:1.4em;
 text-align:center;
 color:#303030;
 background-image:url('images/bloodlore.gif');
}

a {
color:#FF8C00;
 font-weight:bold;
 text-decoration:none;
 background-color:inherit;
}

a:hover {
color:#ffffff;
 text-decoration:none;
 background:#FF8C00;
}

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:1200px;
 margin:20px auto;
 padding:1px 0;
 text-align:left;
 background:#FF8C00;
 color:#000000;
 border:3px solid #5C2E00;
}

#header {

 width:1200px;
 margin:0 1px 1px 1px;
 background:#000000;
 color:#FFFFFF;
}

#header h1 {
padding:25px 0 0 20px;
 font-size:2.4em;
 background-color:inherit;
 color:#FFFFFF;
 letter-spacing:-2px;
 font-weight:normal;
}

#header h2 {
margin:10px 0 0 40px;
 font-size:1.4em;
 background-color:inherit;
 color:#000000;
 letter-spacing:-1px;
 font-weight:normal;
}

.menu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font-family:verdana,geneva,arial,helvetica,sans-serif;
	font-size:14px;
	font-weight:bold;
        background:#ffffff;
	color:000000;
	}

.menu ul{
	height:43px;
	list-style:none;
	margin:0;
	padding:0;
	}
	.menu li{
		float:left;
		}
	.menu li a{
		color:#666666;
		display:block;
		font-weight:bold;
		line-height:43px;
		padding:0px 25px;
		text-align:center;
		text-decoration:none;
		}
		.menu li a:hover{
			color:#000000;
			text-decoration:none;
			}
	.menu li ul{
		background:#e0e0e0;
		border-left:2px solid #254117;
		border-right:2px solid #254117;
		border-bottom:2px solid #254117;
		display:none;
		height:auto;
		filter:alpha(opacity=95);
		opacity:0.95;
		position:absolute;
		width:225px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;
		}
	.menu li li {
		display:block;
		float:none;
		width:225px;
		}
	.menu li ul a{
		display:block;
		font-size:12px;
		font-style:normal;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		.menu li ul a:hover{
			background:#FF8C00;
			color:#000000;
			opacity:1.0;
			filter:alpha(opacity=100);
			}
	.menu p{
		clear:left;
		}	
	.menu #current{
		color:#000000;
		}

/* Content styles */


#content {
float:right;
 width:968px;
 font-size:1.1em;
 padding:20px 20px 0 0px;
}

#content h2 {
display:block;
 margin:0 0 16px 0;
 font-size:1.7em;
 font-weight:bold;
 letter-spacing:-1px;
 color:#FFFFFF;
 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:170px;
 padding:20px 10px 10px 20px;
 line-height:1.4em;
}

#subcontent h2 {
display:block;
 margin:0 0 15px 0;
 font-size:1.6em;
 font-weight:normal;
 text-align:left;
 letter-spacing:-1px;
 color:#505050;
 background-color:inherit;
}

#subcontent p {
margin:0 0 16px 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:1200px;
 padding:5px 0;
 margin:0 1px;
 font-size:0.9em;
 color:#FFFFFF;
 background:#000000;
}

#footer p {
padding:0;
 margin:0;
 text-align:center;
}

#footer a {
color:#FF8C00;
 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:48%;
}

.splitcontentright {
float:right;
 width:48%;
}

.splitcontentleft2 {
float:left;
 width:18%;
}

.splitcontentright2 {
float:right;
 width:80%;
}

.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 20px 0;
 padding:10px;
 border:3px solid #5C2E00;
 background-color:#000000;
 color:#FFFFFF;
 line-height:1.5em;
}

.box2 {
margin:0 0 20px 0;
 width:440px;
 height:420px;
 padding:10px;
 border:3px solid #5C2E00;
 background-color:#FFFF99;
 color:#000000;
 line-height:1.5em;
}

.box4 {
margin:0 0 20px 0;
 width:440px;
 height:220px;
 padding:10px;
 border:3px solid #5C2E00;
 background-color:#FFFF99;
 color:#000000;
 line-height:1.5em;
}

.box3 {
margin:0 0 20px 0;
 width:910px;
 padding:10px;
 border:3px solid #5C2E00;
 background-color:#FFFF99;
 color:#000000;
 line-height:1.5em;
}
