/********** basic site elements ***********************************************/

html		{ /* forces scrollbars */
			height: 101%;
			}
			
			
body		{
			margin: 0;
			background: #475B2F;
			}
			
#background	{
			margin: 0px auto;
			width: 900px;
			background: url(../images/background.gif)
			}

			
#container	{ /* contains all page content */
			margin: 0px auto;
			width: 850px;
			background: #FFF;
			}
			
#banner     { /* top photo */
			margin: 0;
			width: 850px;
			height: 275px;
			background: url(../images/banner.jpg)
			}
			
#title     { /* big green text */
			margin: 0 0 0 39px;
			width: 811px;
			height: 85px;
			}
			
#twocol		{ /* two columns */
			margin: 0;
			width: 850px;
			}

#leftcol	{ /* left text column */
			float: left;
			margin: 0 0 0 0px;
			padding: 0 10px 0 40px;
			width: 520px;
			border-right: 3px dotted #E5E5E5;
			}
			
.horline	{ /* horizontal line */
			float: left;
			margin: 8px 0 0 0;
			padding: 0 0 0 10px;
			width: 517px;
			border-bottom: 2px dotted #E5E5E5;
			}
			
#rightcol	{ /* right column */
			margin: 8px 0 0 20px;
			float: left;
			width: 238px;
			}
			
#places		{ /* places names */
			margin 0;
			padding: 10px 0 0 0;
			width 250px;
			}
			
			
#matrix		{ /* matrix info */
			margin: 160px 0 0 0;
			width: 230px;
			}

#footer		{ /* green footer bar */
			margin: 0px auto;
			padding: 0 20px 0 0;
			width: 830px;
			height: 20px;
			text-align: right;
			background: #84A85B;
			}
			
#bottom		{ /*bottom background */
			margin: 0px auto;
			width: 900px;
			height: 50px;
			background: url(../images/background_bottom.gif)
			}
			
#spacer		{ /*bottom white space */
			margin: 0;
			width: 850px;
			height: 50px;
			}
			
.clearboth { /*clearer */
			clear: both;
			}

/********** image changer ********************************************************/
#changeimage {
			width: 236px;
			height: 200px;
			}
			
.image1		{
			background: url(../images/islandwood_place.jpg);
			}
			
.image2		{
			background: url(../images/teton_place.jpg);
			}
			
.image3		{
			background: url(../images/wolf_ridge_place.jpg);
			}
			
.image4		{
			background: url(../images/nci_place.jpg);
			}
			
.image5		{
			background: url(../images/mccall_place.jpg);
			}

			
/********** typography ********************************************************/

body		{
			font: 12px Verdana, sans-serif;
			color: #333;
			line-height: 18px;
			}
			
a			{ /* link color */
			text-decoration: none;
			font-weight: bold;
			color: #475B2F;
			}
			
a:hover		{ /* link hover color */
			text-decoration: underline;
			color: #84A85B;
			}
			
.sanshead	{ /*sans-serif headline */
			font: 15px Arial, sans-serif;
			font-weight: bold;
			color: #475B2F;
			}
			
.serifhead	{ /*serif headline */
			font: 16px Georgia, serif;
			font-weight: bold;
			color: #84A85B;
			}
						
#places a	{
			font: 14px Georgia, serif;
			line-height: 10px;
			text-decoration: none;
			font-weight: bold;
			color: #84A85B;
			}
			
#places a:hover{ /* small serif link color */
			text-decoration: none;
			color: #475B2F;
			}
			
						
.state		{ /*small state type */
			display: block;
			font: 10px Verdana, sans-serif;
			line-height: 8px;
			color: #475B2F;
			margin: 0 0 -8px 14px;
			}
			
.footer		{ /*footer text*/
			font: 10px Verdana, sans-serif;
			color: #475B2F;
			}
			
#matrix p	{
			font: 11px Verdana, sans-serif;
			color: #333;
			line-height: 16px;
			}
			
.raquo		{ /* >> color */
			font-weight: bold;
			color: #475B2F;
			}
			
a.footlink	{ /*footer link */
			font: 10px Verdana, sans-serif;
			text-decoration: underline;
			color: #475B2F;
			}
a.footlink:hover { /*footer link hover */
			color: #333;
			}