body, html {
   margin:0px;
   padding : 0;
   font : 12px Arial, Tahoma, Helvetica, "Trebuchet MS", sans-serif;
   color : #333333;
   background:#FFFFFF url(images/bcgrnd.jpg) top repeat-x;
}

#container {
	background:url(http://www.dstephenson.com/images/bg_bottom.jpg) top center repeat-y;
	width:944px;
	margin:0 auto;
	text-align:center;
}

#header {
	background:url(http://www.dstephenson.com/images/concept1_02.gif) top center no-repeat;
	vertical-align: top;
	width:944px;
	height:162px;
	border:0px;
	margin:0 auto;
	text-align:center;
}

#main {
	background:url(http://www.dstephenson.com/images/bg_top.jpg) top center no-repeat;
	width:944px;
	vertical-align: top;
	border:0px;
	margin:0 auto;
	text-align:center;
}

#middle {
	text-align:justify;
	padding-top:0px;
	padding-left:29px;
	padding-right:29px;
	padding-bottom:10px;
}	 

.navigation {
   background: #339999;
   width:100%;
   height:22px;
   margin-top:2px;
   padding:0px;
   }

#navigation {
   list-style: none;
   margin:0px;
   vertical-align:middle;
   font-size:16px;
   font-family:"Trebuchet MS", Verdana, Tahoma;
   text-transform:uppercase;
   text-align:center;
   padding:0px;
}
#navigation li {
   float: right;
   margin:0px;
   padding:0px;
}

  #navigation  li.selected a {
   display: block;
   background: #663300;
   width:125px;
   height:22px;
   text-align: center;
   color: #FFFFFF;
   padding:0px;
}

  #navigation  li.normal a {
   display: block;
   background: #339999;
   width:125px;
   height:22px;
   text-align: center;
   color: #FFFFFF;
   padding:0px;
}

#navigation li a:hover {
   background: #e6854e;
   padding:0px;
   color: #FFFFFF;
   cursor:pointer;
}

a, a:link, a:visited, a:active {
	background : transparent;
	text-decoration : none;
	color: #003366;
}

a:hover {
   color:#000033;
   text-decoration : none;
}

p {
	text-align:justify;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #003333;
	border-bottom: 1px dotted #999999;
	border-right: none;
	border-top: none;
	border-left: none;
	line-height: 14px;
	font-weight: normal;
	font-style: italic;
	margin: 0px;
}

h3 {
	font-size:18px;
	color: #FFFFFF;
	font-weight: normal;
	margin:0px;
}

h4 {
	font-size:13px;
	color: #663300;
	font-weight: bold;
	text-align:left;
}

h5 {
	border-top: 1px dotted #663300;
	color: #515151;
	font-weight: normal;
	font-size:10px;
}


.code, code
{
  display: block;
	margin: 5px 10px;
	padding: 5px;
	color: #ad4c21;
	border: 1px dashed;
	background: #f0ebe7;
	font-family: Courier, 'Courier New', 'Andale Mono', Monaco, monospace;
	width: auto;
}

hr
{
  border: 0px;
  border-bottom: 1px #666666 dashed;
	height: 1px;
}

input, textarea, select
{
  color: #AD4C21;
	border: 1px solid;
	background: #F0EBE7;
	margin: 3px;
	padding: 2px;
}