body {
	                   text-align: center;
                         
	                 margin:0;
	                 padding:0px 10px 20px 10px;
	           background: #FFFFFF url(/images/13.jpg) top repeat-x;
	                 /*background: #FFFFFF url(/images/10.gif) repeat-y;*/


	          }
	          #content, #header, #footer{
	               width:620px;
	               }
                   #content{  margin: 0 auto;text-align:left;}

	          #header{
	              height:120px;
	              background:transparent url(/images/14.jpeg) top no-repeat;
	              /*green is #336600*/
	          }

            #content p{margin-right:5px;}

              #col_one{width: 305px; margin-left:315px}

                    #titlebox{
	                    width:420px;
                        \width: 420px;
                        w\idth: 420px;
                        float:left;
                        padding-top:.5em;
                        text-indent:-10000px;
                       }

        	    p.intro{
	                 font-family:Georgia, Times, serif;
	                 font-style:italic;
	                 font-size:1.2em;
	                 line-height:2em;
	                 padding-right:10px;
                        margin-left:30px;
                        width:600px;
	          	}


	          ul {padding:0;}

	          ul li {list-style:none;}


	          .clear{clear:both;}

	          #foot{
                       text-align:center;
	              color:#666;
	              padding-top:20px;
	           background:transparent url(/images/15.jpeg) no-repeat top center;
	          }

	          #foot p{margin-left:20px;margin-right:20px;}

	          .img_left img{
	          	float:left;
	          	margin-right:10px;
	          }


/*Typography CSS from Mark Boulton's tutorial:
http://www.markboulton.co.uk/journal/comments/five_simple_steps_to_better_typography_part_4/*/

body {	color: #444;
        font: 12px/1.6em helvetica, arial, verdana, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
        font-family: helvetica, arial, verdana, sans-serif;
        font-weight: normal;
	 color:#336600;
}

h1 {
        font-size: 218%;
}

h2 {
        font-size: 164%;
}

h3 {
        font-size: 145%;
}

h4 {
        font-size: 118%;
}




	          h3.notice{color:#C00;padding-right:10px;
	                 margin-left:210px;}


	         #header h1, #header h2, #header h3{
	             text-transform:uppercase;
	             text-align:center;
	           }


	          a {
	             color:#336600;
	             }

                  p a{border-bottom:1px solid #336600;}
                  
	          p a:hover, h2 a:hover, h3 a:hover, h4 a:hover{
	             color:#336600;
	             border-bottom:1px solid #336600;}

	          a {text-decoration:none;}

	            /*///////////// Frontnav ////////////*/

	   ul.frontnav {
            float:left;
            margin-top:10px;
            margin-right:20px;
	       list-style-type: none;
	        width:200px;}
	   
	   ul.frontnav li a {
	           width:200px;
                 
	           display: block;
	             font-family:Georgia, Times, serif;
	             font-size:1.3em;
	             color: #333333;
	             padding-top:5px;
                      padding-bottom:5px;
	             text-align:center;
	             background:transparent url(/images/16.jpeg) no-repeat bottom right;
	   }

	   ul.frontnav li a:hover {
	   color:#336600;
	   /*background-color: #336600*/
	   background:transparent url(/images/17.jpeg) no-repeat bottom right;
}