/* John Harvey July 2008 */
 * {
   	margin:0;
   	padding:0;
   }
   body{
   	background-image:url("/images/skin-0807/background.jpg");
   	background-position: top center;
   	background-repeat: repeat-y;
   	background-color:#88aa87;
   	text-align:center; 
   	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
   	margin:0 auto;
   	padding:0;
   	font-size:8pt;
   }
   #container{
   	margin: 0 auto;
   	padding:0;
   	text-align: center;
   	overflow:hidden;
   	width:800px;
   }
   #header{
   	background-image:url("/images/skin-0807/header.jpg");
   	background-repeat: no-repeat;
   	margin: 0;
   	padding:0;
   	width:800px;
   	height:200px;
   	position:relative;
  	left:1px;
   	top:-1px;
   }
   #navmenu{
   	float:left;
   	z-index:100;
    	width:160px;
    	height:500px;
    	padding:0px;
    	margin:0px;
    	text-align:left;
   	position:relative;
   	left:40px;
   	top:45px;
   	font-size:10pt;
   }
    /*---------------------------------*/
    .button{
    	font-weight:bold;
    	text-align:left;
    	vertical-align:top;
    	font-size:9pt;
    	overflow:hidden;
    	display:block;
    	width:170px;
    	height:35px;
    	margin:0; 
    	padding:0;
     	position:relative;
     	left:5pt;
    }
    .button a{
    	background:inherit;
    	color:#979A4C;
    	text-decoration:none !important;
    	vertical-align:top;
    	height:10px;
    }
    .button a:hover{
    	background:inherit;
    	color:#4e4e4e;
    	text-decoration:none;
    	vertical-align:bottom;
    	position:relative;
    	top:1px;
     	left:1px;
    	height:30px;
    }
   /*---------------------------------*/
   #content{
   	float:right;
   	margin: 0 auto;
   	margin-right:20px;
   	color:black;
   	text-align:left;
   	font-size:9pt;
   	padding:20px;
   	width:500px;
   	min-height:600px;
   	position:relative;
   	left:-10px;
	line-height:18px;
   }
   #content ul{
   	margin: 8px;
   	line-height:16px;
   	position:relative;
   	top:-15px;
   	
   }
   /*---------------------------------*/
   #footer{
   	float:none;
   	clear:both;
   	color:#000000;
   	font-size:8pt;
   	text-align:left;
   	background-image:url("/images/skin-0807/footer.gif");
   	background-repeat: no-repeat;
   	margin: 0 0 0 0;
   	padding:0;
   	width:800px;
   	height:130px;
   	overflow:hidden;
   }
   #footer p{
   	position:relative;
   	top:2px;
   	left:20px;
   }
   /*---------------------------------*/
   .title{
   	font-size:15pt;
   	font-weight:bold;
   	color:#27472F;
   }
   .subtitle{
   	font-size:10pt;
   	color:#80827E;
   }
   .emphasize{
   	font-size:12pt;
   	color:#80827E;
   	font-weight:bold;
   }
   /*---------------------------------*/
   /********************
    CONTENT STYLING
    *********************/
   /* HEADINGS */
   div#content h1 {
    	font-size:2em; /* font size for h1 */
    	line-height:1em;
    	margin:0;
   }
   div#content h2 {
    	color:#80827E; 
    	font-size:10pt; 
    	text-align:left; 
    	/* some air around the text */
    	padding-top:2px;
    	padding-left:5px;
    	padding-bottom:1px;
    	/* set borders around header */
    	border-bottom:1px solid #33544B; 
    	border-left:1.1em solid #33544B; 
    	line-height:1.5em;
    	/* and some air under the border */
    	margin:15px 0 5px 0;
   }
   div#content h3 {
    	color:#294B5F; 
    	font-size:1.3em;
    	line-height:1.3em;
    	margin:0 0 0.5em 0;
   }
   div#content h4 {
    	color:#294B5F; 
    	font-size:1.2em;
    	line-height:1.3em;
    	margin:0 0 0.25em 0;
   }
   div#content h5 {
    	font-size:1.1em;
    	line-height:1.3em;
    	margin:0 0 0.25em 0;
   }
   div#content h6 {
    	font-size:1em;
    	line-height:1.3em;
    	margin:0 0 0.25em 0;
   }
   /* END HEADINGS */
 div#content img{
 	margin: 1px 4px 1px 4px;
 }
   /* LISTS */
   div#content ul{
   	margin-left:10px;
   }
   div#content li{
   	margin-left:15px;
   }
   /* FORMS */
   form{
   	z-index:2;
   }
   .inputBox {
   	position:absolute;
   	left:160px;
   	background:none;
   	width:120px;
   	height:12px;
   	font-size:8pt;
   }
   textarea{
   	width:300px;
   	height:200px;
   }
   .inputButton{
   	
   }
   /* TEXT */
   div#content p {
    	font-size:1em;
    	margin:.5em 0 .5em 0; /* some air around p elements */
    	line-height:1.7em;
    	padding:0;
   }
   div#content br {
    	line-height:15px;
   }
   blockquote {
    	border-left:10px solid #ddd;
    	margin-left:10px;
  	margin-right:20px;
  	padding:10px;
   }
   pre {
    	font-family:monospace;
    	font-size:1.0em;
   }
   strong, b {
    /* explicit setting for these */
    	font-weight:bold;
   	font-size:1em;
   }
   em, i {
   	/* explicit setting for these */
    	font-style:italic;
   }
   u {
    	text-decoration:underline;
    	font-size:10px
   }
   ol{
    	position:relative;
    	left:35px;
   }
   /* Wrapping text in <code> tags. Makes CSS not validate */
   code, pre {
    	white-space:pre-wrap; /* css-3 */
    	white-space:-moz-pre-wrap; /* Mozilla, since 1999 */
    	white-space:-pre-wrap; /* Opera 4-6 */
    	white-space:-o-pre-wrap; /* Opera 7 */
    	word-wrap:break-word; /* Internet Explorer 5.5+ */
    	font-family:"Courier New", Courier, monospace;
    	font-size:1em;
   }
   pre {
    	border:1px solid #000; /* black border for pre blocks */
    	background-color:#ddd;
    	margin:0 1em 1em 1em;
    	padding:0.5em;
    	line-height:1.5em;
    	font-size:90%; /* smaller font size, as these are usually not so important data */
   }
   /* END TEXT */