body { margin: 0; padding: 20px 0 0 0; background: #eeeeee; font-family: 'Lucida Sans Unicode', 'Lucida Sans', Arial, Helvetica, sans-serif; font-size: .8em; }

/* core layout elements */
#container { width: 700px; height: auto; margin: auto; padding: 0; position: relative; float: none; }
	#header { width: 100%; height: 80px;  margin: 0; padding: 0; position: relative; color: #333; background-color: transparent; float: none; }
	#content { width: 100%; height: auto; margin: 0; padding: 0; position: relative; float: left; color: #333; background-color: #fff; }
		#text { height: auto; margin: 0; padding: 0 100px 20px 40px; text-align: left; line-height: 1.4em; position: relative; float: none; color: #333; background-color: #fff; }
	#footer { width: 100%; height: auto; margin: 0; padding: 6px 0 6px 0; position: relative; float: none; font-size: .8em; }

/* top horizontal menu */
#menu { width: 100%; height: auto; margin: 0; padding: 0; position: relative; font-size: 1em; background-color: #4f4f4f; float: none; display: table; }
	#menu li { display: inline; list-style: none; }
		#menu li a { float: left; margin: 0; padding: 3px 10px 3px 10px; display: block; background-color: #4f4f4f; color: #fff; position: relative; text-decoration: none;  background: #4f4f4f url(images/gdot.gif) no-repeat top right; }
			#menu li a:hover { float: left; margin: 0; padding: 3px 10px 3px 10px; display: block; background-color: #dd0000; color: #fff; position: relative; text-decoration: none; }
	#menu li.active { display: inline; list-style: none; }
		#menu li.active a { float: left; margin: 0; padding: 3px 10px 3px 10px; display: block; background-color: #fff; color: #000; position: relative; text-decoration: none; }
			#menu li.active a:hover { float: left; margin: 0; padding: 3px 10px 3px 10px; display: block; background-color: #fff; color: #000; position: relative; text-decoration: none; }
	
/* navigation bar */
#nav { margin: 20px 0 0 40px; padding: 0; position: relative; float: none; background-color: transparent; text-align: left; }
	#nav li { margin: 0; padding: 0 10px 0 0; position: relative; list-style: none; display: inline; }
		#nav li a { margin: 0; padding: 0; position: relative; color: #dd0000; text-decoration: underline; }
	#nav li.active { margin: 0; padding: 0 10px 0 0; position: relative; list-style: none; display: inline; }
		#nav li.active a { margin: 0; padding: 0; position: relative; color: #333; text-decoration: underline; }

h1 { margin: 35px 0 0 40px; font-size: 1.1em; color: #dd6600; }

h2 { margin: 35px 0 0 0; font-size: 1.1em; color: #dd6600; }

#text p { margin: 15px 0 15px 0; }
#text pre { margin: 15px 0 15px 0; color: #000; font-family: 'Lucida Console', 'Arial'; }

a { color: #dd0000; text-decoration: underline; }

hr { height: 1px; }
.left { float: left; padding: 0; margin: 0; }
.right { float: right; padding: 0; margin: 0; }
.err { color: Red; }