@charset "utf-8";
/*********** CSS Document ***********/
/*********** Styling ************/
* { margin: 0; padding: o; }
html { overflow-y: scroll; }
body {
	font: Arial, Helvetica, sans-serif;
	background-image:url(images/bg4.jpg);
	background-repeat:repeat-x;
	background-color: black;
}

ul { 
	list-style: none inside;
	color:#FFFFFF;
}
p { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: large; 
	color:#FFFFFF; 
	padding: 10px;
	}

h1 {
	font-family:Helvetica, sans-serif;
	font-size:larger;
	font-weight:bold;
	color: #a09c2f;
	}
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:medium;
	font-weight:bold;
	color:#a09c2f;
	font-stretch:ultra-condensed;
	}
em {
	font-family: Arial, Helvetica, sans-serif;
	font-size:medium;
	font-style:italic;
	color:#FFFFFF; 
	padding: 10px;
	text-align:center;
	display:block;
	}

	
a { outline: none;}
a img { border: none;}
a:link { color: #fff600;}
a:hover { color:#ffffff;}
a:visited { color:#660000;}


/***********TOOLBOX***********/
.floatleft {float: left; }
.floatright { float: right; }
.clear { clear: both; }
/*END*/

/**********STRUCTURE***********/
#page-wrap {
	width: 700px;
	margin: 0 auto;
	background: black;
}
#p2 { 
	font-family: Arial, Helvetica, sans-serif;
	font-size:medium; 
	color:#ffffff; 
	font-stretch:ultra-condensed;
	}
#content {
	padding: 10px;
	float: left;
	background: black;
	width: 60%;
	outline-color:#CCCCCC;
	outline:thin;
}
#histcontent {
	padding: 10px;
	float: left;
	background: black;
	outline-color:#CCCCCC;
	outline:thin;
}

#sidebar {
	float: right;
	width: 235px;
	padding: 10px;
}

#dropdown {

}

.image {
	text-align:center;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 0px;
		
}
ol {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium; 
	color:#FFFFFF; 
	padding: 25px;
	}
	
/************ NAV ************/

ul#nav {
	border: 0px;
	padding: 0px;

}
	ul#nav li {
		display:inline;
		}
		ul#nav li a {
			display: block;
			height: 105px;
			text-indent: -9999px;
			float: left;
		}
		ul#nav li.home a {
			width: 122px;
			background: url(images/nav_home.jpg) top center no-repeat;
			float: left;
		}
		ul#nav li.about a {
			width: 125px;
			background: url(images/nav_about.jpg) top center no-repeat;
		}
		ul#nav li.history a {
			width: 156px;
			background: url(images/nav_hist.jpg) top center no-repeat;
		}
		ul#nav li.contact a {
			width: 119px;
			background: url(images/nav_contact.jpg) top center no-repeat;
		}
		ul#nav li.docs a {
			width: 178px;
			background: url(images/nav_docs.jpg) top center no-repeat;
		}
		
		ul#nav li a:hover {
			background-position: bottom center;
		}

/******* DROPDOWN ********/

li ul {
  display: none;
  position: absolute; 
  top: 1em;
  left: 0;
  }

li > ul {
	top: auto;
	left: auto;
	}

li:hover ul, li.over ul{ display: block; }

/********* CLASS LIST *********/

ul#classes {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #ffffff;
	padding: 3px;	
}


/*END*/

