body, div, h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote {
    margin: 0px; padding: 0px; border: 0px;}

.clear:after {
	content: ""; display: block; clear: both;}

body {
	font-family: Georgia, Helvetica, Arial, sans-serif;
	background:  #fff url(../images/background.gif) repeat-x;}


#container {
	width: 850px; margin: 0 auto;}

#header {
	height: 247px;
    background: url(../images/header2.png) top center no-repeat;}

#header ul#nav {
	float: right; list-style: none; width: 800px; margin: 15px 0 0 0;
	background: url(../images/separator.png) left no-repeat;}

	#header ul#nav li {
		float: left; padding: 0 0 0 15px; margin: 0 40px 0 0; 
		background: url(../images/separator.png) left no-repeat;}
	
		#header ul#nav li:first-child { 
		    background: none;}
		
		#header ul#nav li a { 
			font-size: 16px; color: #c2a400; font-weight: bold; text-decoration: none;}
		
			#header ul#nav li a:hover, #header ul#nav li a.active {
				color: #1397f9;}	
			        			

#guppy {
    width: 850px; float: left; margin: 20px 0 0 0;
	background: url(../images/guppies.png) top left no-repeat;}
	
	#guppy h1{
	    color: #2c7376; font-size: 45px; font-weight: bold; text-align: right;
		margin: 20px 10px 15px 0;}
		
	#guppy h2{
	    color: #183d3e; font-size: 18px; line-height: 19px;	 font-weight: normal;
		margin: 0 0 15px 380px;}
		
#loom{
    width: 850px; float: left; margin: 20px 0 0 0;
	background: url(../images/loom.png) top right no-repeat;}
	
	#loom h1{
	    color: #2c7376; font-size: 45px; font-weight: bold; text-align: left;
		margin: 40px 0 15px 10px;}
		
	#loom h2{
	    color: #183d3e; font-size: 18px; line-height: 19px;	 font-weight: normal; text-align: left;
		margin: 0 380px 20px 20px;}		

						
#content {
	clear: both; width: 850px;}
	
#content p {
	color: #183d3e;	font-size: 16px; line-height: 18px; margin: 0 20px 0 20px; padding: 0 0 10px 0;}

	#content a {
		color: #c2a400; font-weight: bold; text-decoration: none;}
		
		#content a:hover { color: #fff; text-decoration: none;}
	

	#footer {
		clear: both; width: 850px; margin: 0 auto; }
	
	#footer ul#nav {
	float: right; list-style: none; width: 800px; margin: 15px 5px 0 0;
	background: url(../images/separator.png) left no-repeat;}

	#footer ul#nav li {
		float: left; padding: 0 0 0 15px; margin: 0 40px 0 0; 
		background: url(../images/separator.png) left no-repeat;}
	
		#footer ul#nav li:first-child { 
		    background: none;}
		
		#footer ul#nav li a { 
			font-size: 16px; color: #c2a400; font-weight: bold; text-decoration: none;}
		
			#footer ul#nav li a:hover, #footer ul#nav li a.active {
				color: #1397f9;}
	
	#footercontainer {
	    width: 850px; margin: 10px auto;}

	
	#footercontainer h6 {
			font-size: 20px; color: #2c7376; margin: 10px 0 5px 5px;}
				

        #book {
			float: left; width: 400px; height: 300px; text-align: left;}
				
		#book p {
			font-size: 14px; color: #183d3e; line-height: 20px;}	
		
		#book img {
		    float: left;
			margin: 0 10px 10px 10px;}
		
		#book a {
			color: #c2a400; text-decoration: none;}
			
		#book a:hover { 
			color: #1397f9; text-decoration: none;}	
			
#events {
		float: right; width: 400px;}	
			
		#events p {
			font-size: 14px; color: #183d3e; line-height: 20px; text-align: left; }	
			
		#events h4 {
			font-size: 16px; color: #183d3e; line-height: 16px; text-align: left; font-weight: bold; margin: 0 0 10px 0; padding: 0;}	

		#events h5 {
			font-size: 14px; color: #183d3e; line-height: 16px; text-align: left; margin: 0 0 10px 0; padding: 0;} 		
		
		#events a {
			color: #c2a400; text-decoration: none;}
			
		#events a:hover { 
			color: #1397f9; text-decoration: none;}				
			

	#copyright {
		float: left; width: 850px; height: 50px; text-align: center;}
				
		#copyright h6 {
			font-size: 14px; color: #183d3e; font-weight: normal; margin: 0 0 5px 0;}

        #copyright h6 a {
            color: #c2a400; text-decoration: none;}

		#copyright a:hover {
			color: #1397f9; text-decoration: none;}
				
        #copyright p {
			font-size: 12px; color: #183d3e; line-height: 12px;}	
		
		#copyright a {
			color: #c2a400; text-decoration: none;}
			
			#copyright a:hover { 
			    color: #1397f9; text-decoration: none;}	
	
