/* CSS Document */
body { margin:0; background-color: #006600; }
#wrapper { margin: 0 auto; display: block; width:900px; padding: 0; background-color: white; }
header { width:100%; padding:0; margin:0; display:block; border-bottom: 2px solid green; }
#logo_container { display:block; margin:0; padding:0; vertical-align:top; text-align:center; }
#site_logo { margin: 5px auto; display:block; }
.logo { margin-top: 5px;
		padding: 0; }
.logo a { text-decoration: none;
          margin: 0;
		  padding: 0; }
.logo a img { margin: 0;
		      padding: 0;
			  border: 0;
		    }
nav { width:100%; height:39px; text-align:center; }			
nav p {  font-size: 15px;
         font-family: arial;
	     border: 0;
		 padding: 0;
		 text-align: center;
		 margin: 0 auto;
      }
nav p a { 
	     border: 0;
		 padding: 0;
		 margin: 0;
		 text-decoration: none;
		 vertical-align: top; /* align with top of list/section */ }
nav p a img { 
	     border: 0;
		 padding: 0;
		 margin: 0;
		 vertical-align: top; /* align with top of list/section */ }
.copyright {
	font-family: arial, helvetica, san-serif;
	font-size: 10px;
	color: #FFFFFF;
	line-height: 12px;
	text-align:center;
}
.copyright a { color: #FFFFFF;
               text-decoration: none; }
.copyright a:hover { text-decoration: underline; }

#content { background-color: white; vertical-align:top; width:100%; border:0; border-spacing:0; padding:0; }
#content tr td { border-spacing:0; padding:0; border:0; }
#content h1 { margin-left: 20px;
              margin-bottom: 0px;
			  padding: 0;
              font-family: verdana, arial, helvetica;
			  font-size: 24px; }

nav select, #content select { display: none; }
nav select { text-align:left; margin:5px auto; }
#content select { margin: 5px 0 10px 20px; }

.clear { clear: both; }
#subnav { clear: both;
          float: left;
		  width: 200px;
		  margin: 0;
		  padding: 0; }        
#subnav ul { list-style-type: none;
             margin-left: 20px;
			 margin-top: 5px;
             padding: 0;
			 border: 0;
           }         
#subnav ul li { margin: 0;
			    margin-top: 5px;
                padding: 0;
			    border: 0;
              }         
#subnav ul li a { text-decoration: none;
                  margin: 0;
                  padding: 0;
			      border: 0;
                }         
#subnav ul li a img { border: 0;
                    }         
#main { float: left;
        width: 700px;
        margin: 0;
	    padding: 0; }
#main h2 { margin: 0 0 5px 20px;
		   padding: 0;
           font-family: arial;
		   font-size: 18px; }
#main p { margin: 5px 0 10px 20px;
		  padding: 0; text-align:justify;
          font-family: arial;
		  font-size: 14px; }
#main hr { width:650px; margin:0 auto; border-width: 1px; border-style: solid; color:#006600; }		  
@media(max-width:900px){ #wrapper { width:100%; } /* narrower screen widths */
#site_logo img { width: 67%; }
#content select { display: block; }
nav { height: 20px; }
nav p { display: none; }
nav select { display: block; }
#subnav { display:none; }
 } 
@media (max-width:700px) { #main { width: 100%; } #main hr { width:93%;} }