/* Inspired by http://www.westciv.com/style_master/hands_on_tutorial_sm/index.html
   and with help of http://css.maxdesign.com.au/selectutorial/tutorial_step3.htm,
   'Designing with Web standards' by Jeffrey Zeldman and 'More Eric Meyer on CSS'.
 */

/* =======================================================================
   This is the root for the whole document:
 */
body {
	margin: 0;
	padding: 0;
	text-align: left;
	line-height: 1.3em;
	font-family: Verdana, Lucida, Arial, Helvetica, 'Nimbus Sans L', sans-serif;
	font-size: small;
	color: white;  
	background: black url(images/stone1_3.jpg);
}

/* =======================================================================
   Overrides:
 */
h1, h2, h3, h4 { color: #FF8C00; /* DarkOrange */ background-color: #696969; /* DimGray */}
h1 { font-size: x-large; line-height: 1em; text-align: center; }
h2 { font-size: large; }
h3 { font-size: medium; }
h4 { font-size: small; }
pre {
	font-family: courier, monospace;
	font-size: x-small;
	margin-left: 10pt;
	background-color: gray;
	color: white;
}

/* ================================== */
#header {
	/* Use top margin 0 and top padding for Opera and IE bugs: */
	margin: 0 0.5em 0 0;
	padding: 0.3em 0 0.3em 0.5em;
}
#header p, #footer ul { font-size: xx-small; font-weight: bold; }

/* ================================== */
div#navbar {
	float: left;
	width: 140px;
	margin: -1px 0 0 -1px;
	padding-top: 5.2em;
	font-weight: bold;
	font-size: x-small;
}
div#navbar ul { list-style: none; margin: 0; padding: 0; border-top: 1px solid gray; }
div#navbar ul ul { position: absolute; top: 0; left: 140px; display: none; }
div#navbar li { position: relative; border-bottom: 1px solid gray; }
div#navbar li.submenu {  }
div#navbar ul.level1 li.submenu:hover ul.level2 { display: block; }
div#navbar a {
	display: block;
	width: 130px; /* = 140 - (5 + 5)*/
	padding: 3px 5px 3px 5px;
	text-decoration: none;
	line-height: 2em;
}
div#navbar a:link { color: #FF8C00; /* DarkOrange */ background-color: black; }
div#navbar a:visited { color: #FFD700; /*gold*/ background-color: black; }
div#navbar a:hover, a:active { color: white; background-color: gray; }

/* ================================== */
#main-content {
	background-color: #696969; /* DimGray */
	color: white;
	border: gray solid 1px;
	margin: 0 0.5em 0 140px;
	padding: 10px;
}
#main-content a:link { color: #FF8C00; /* DarkOrange */ background-color: #696969; /* DimGray */}
#main-content a:visited { color: #FFD700; /*gold*/ background-color: #696969; /* DimGray */}
#main-content a:hover, a:active { color: white; background-color: #696969; /* DimGray */}

/* ================================== */
/* For IE 5 and 5.5 bug: */
#cleardiv { clear: both; height: 1em; }

/* ================================== */
#footer img.validator {border: 0; width: 88px;  height: 31px;}
#footer {
	clear: both;
	margin: 0.5em 0.5em 0.5em 100px;
	padding: 1px 0 0 140px;
	text-align: right;
}
#footer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#footer li {
	display: inline;
	margin-right: 0.5em;
	text-decoration: none;
}