/* PAGE BACKGROUND. */
.background	{background: url('http://www.dragonclanlands.com/bgsite.gif') repeat-y;}

/* standard elements */
html {min-height: 100%;}

* {
	margin: 0;
	padding: 0;
}
a {color: #9cacb5;}
a:hover {color: #ffffff;}

a img {border:none;}

.all {
width:100%;
text-align: center;
}

p,code,ul {padding-bottom: 10px;}

/* header */
.top {
	background: url('') repeat-x;
	padding-left:10px; padding-right:10px; padding-top:50px; padding-bottom:0
}

/* title */
.header {
	background: #545454;
	font-size: 1.2em;
	height: 150px;
	margin: 0 auto;
	padding: 1px 1px 1px;
	width: 780px;
}
.header .left, .header .right {
	background: #A4A4A0;
	color: #FFF;
	height: 150px;	
}
.header .left {
	background: #7b7b7b url('') no-repeat;
	text-align: right;	
	width: 780px;
	font: normal 2.8em "Trebuchet MS",sans-serif;
	line-height: 150px;
	position: relative;
}
.bottomtext {
position: absolute;
	bottom: 2px;
	right:2px;
	border: solid 0px black;
	height:2.8em;
}

body {
	background-color:#2e2e2e;
	color: #b7b7b7;
	font: normal 62.5% Tahoma, sans-serif
}

/* body stuffs */
.container {
    text-align: left;
	background: #545454;
	font-size: 1.2em;
	margin: 0 auto;
	padding: 0 1px 1px;
	width: 780px;
}

.container ul {
	padding-left: 2.5em;
}
.container ol {
	padding-left: 2.5em;
}

/* misc */
.clearer {clear: both;}
.left {float: left;}
.right {float: right;}

/* footer */
.footer {
        border-top:2px solid #333333;
	background-color:#3c3f41;
	color: #9cacb5;
	font: bold 1em sans-serif;
	padding: 8px 16px;
}
.footer a, .footer a:hover {color: #9cacb5;}

/* Newfangled navigation. */

#side-bar ul {
	width: 780px;
	min-height: 30px;
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	z-index: 500;
}

#side-bar li {
	display: inline;
	float: left;
	min-height: 20px;
	position: relative;
	text-align: left;
	padding: 5px 16px 5px;
	margin: 0px 0px 0px 0px;
}

#side-bar h2 {
	font-size: 1.2em;
	padding: 0;
	margin: 0;
	weight: bold;
}

#side-bar li ul {
	width: 150px;
	height: auto;
	top: 100%;
	left: 0px;
}

#side-bar li.LargeMenu ul {
	width: 200px;
	height: auto;
	top: 100%;
	left: 0px;
}

#side-bar li ul li {
	text-align: left;
	width: 118px;	
	height: auto;
	min-height: auto;
	display: block;
}

#side-bar li.LargeMenu ul li {
	text-align: left;
	width: 198px;	
	height: auto;
	min-height: auto;
	display: block;
}

#side-bar a {
	text-decoration: none;
	}

#side-bar li li ul {
	top: 0;
	left: 0;
}

#side-bar li li:hover ul {
	left: 150px;
}

/* initialy hide all sub sidemenus */
#side-bar ul ul,
#side-bar ul li:hover ul ul,
#side-bar ul ul li:hover ul ul,
#side-bar ul ul ul li:hover ul ul,
#side-bar ul ul ul ul li:hover ul ul {
	position: absolute;
	display:none;
}

/* display them on hover */
#side-bar li:hover ul,
#side-bar ul li:hover ul,
#side-bar ul ul li:hover ul,
#side-bar ul ul ul li:hover ul,
#side-bar ul ul ul ul li:hover ul,
#side-bar ul ul ul ul ul li:hover ul {
 	 display: block;
}

#side-bar #PhpWebcontent {
	display:none;
}	

/* define the consecutive colors */

#side-bar {
	color: #3c3f41;
        border-top:1px solid #000000;
        border-bottom:2px solid #333333;
}

#side-bar ul{
	background-color:#3c3f41;
	
        -moz-opacity:0.95; /* for mozilla */
	opacity: 0.95; /* for safari */
	khtml-opacity: 0.95 /* for konquerer and older safari */

}

#side-bar ul ul {
	background: #5a5d5f;
}
#side-bar ul li {
*/ a BG colour was here for the main links. It was removed because of the background in #side-bar ul */
	border-right: 1px solid #AFBEC7;
	color: #a7b9c3;
	display: block;
	float: left;
	text-decoration: none;
	font: bold 14px sans-serif;
	line-height: 30px;
	padding: 0 20px;
}

#side-bar h2 {
	color: #a7b9c3;

}

#side-bar a {
	color: #a7b9c3;
	}

#side-bar a:hover {
	color: #ffffff;
	}

#side-bar ul li:hover {
	background: #45494b;
	color:#ffffff;
}

#side-bar ul li ul {

}

#side-bar ul li ul li {
    font-size: 12px;
	background: #3c3f41;
}

#side-bar ul li ul li:hover {
    font-size: 12px;
	background: #45494b;
	color:#ffffff;
}

#side-bar ul li ul ul li{
    font-size: 12px;
 	background: #3c3f41;
}

#side-bar ul li ul ul li:hover {
    font-size: 12px;
	background: #45494b;
	color:#ffffff;
}