/* CSS Document */

body {background-color:#003300;}
		
#header	{height:100px;
		width: 568px;
		margin-top: 0;
		margin-bottom: -120px;
		margin-left: 0;}
		
#rightsecnav li	{display: inline;
				margin-top:0;
				margin-right:-665px;
				margin-left:670px;}

#contactinfo	{margin-top:-10px;
				margin-right:-585px;
				margin-bottom:10px;
				margin-left:585px;}
									
#leftmainnav	{margin-top: -10px;
				margin-left:-47px;}
				
/*trying to make these links have the same hover state as they had in javasrcipt, but wouldn't work...
tried a whole bunch of different ways...refered to a list apart...and tried some other stuff, but still
couldn't get them to work...please scott..really want to know how to do this...suggestions?...I know the
css under this is jumbled...that's from trying different methods including putting the two images together, 
stacking both horizontally and vertically, and trying to "slide" the images with the css, but that didn't 
work either...am baffled!...really, really want to know how to switch actual images for navigation buttons 
in css...
					

/*#animalgallery a:link	{background-image: url(../images/myanimalgallery.jpg);}
						
#animalgallery a:visited	{background-image: url(../images/myanimalgallery.jpg);}
							
#animalgallery a:hover	{list-style-image: url(../images/myanimalgalleryh.jpg);
						list-style-type: disc;
						list-style-position: inside;}
						
#animalgallery a:active	{background: url(../images/myanimalgallery.jpg);}*/
						
#content	{background-color:#FFFFFF;
			width:770px;
			height:1024px;
			margin-top:-358px;
			margin-left: 204px;}
			
#wolf_photo	{padding-top:20px;
			margin-left:20px;}

#main_content h1		{font-size:18pt;
						font-family:"Times New Roman", Times, serif;}			

#main_content	{color:#003300;
				width:400px;
				margin-top:-320px;
				margin-left:330px;
				margin-right:-330px;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:10pt;}			

#mission_statement	{color:#003300;
					font-family:Verdana, Arial, Helvetica, sans-serif;
					font-size:10pt;
					margin-top:60px;
					margin-left:150px;
					text-align: center;
					width:450px;}

#sub_head	{margin-top: 30px;
			margin-left:20px;}

#news_content	{color:#003300;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:10pt;
				margin-top:20px;
				margin-left:20px;
				width:730px;}
				
#news_content h1	{font-weight: normal;
					font-style:italic;
					font-size: 10pt;}
					
#news_content h2	{font-weight: bold;
					font-size: 10pt;
					margin-top:-10px;}
					
#news_content p	{margin-top:-10px;}

.dividing_line	{margin-left:20px;}

#news_2			{color:#003300;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:10pt;
				width:730px;
				margin-left:20px;}

#news_3			{color:#003300;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:10pt;
				width:730px;
				margin-left:20px;}
				
#news_3 h1			{font-weight: normal;
					font-style:italic;
					font-size: 10pt;}

#news_3 h2			{font-weight: bold;
					font-size: 10pt;
					margin-top:-10px;}
					
#news_3 p	{margin-top:-10px;}					

#news_4			{color:#003300;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:10pt;
				width:730px;
				margin-left:20px;}
				
#news_4 h1			{font-weight: normal;
					font-style:italic;
					font-size: 10pt;}

#news_4 h2			{font-weight: bold;
					font-size: 10pt;
					margin-top:-10px;}
					
#news_4 p	{margin-top:-10px;}