/*Created by Logan Morley for HealthyLands.org, the website home of the Broads Healthy Lands Project. This template, design and code is copyright 2008, Great Old Broads for Wilderness and Broads Healthy Lands Project. Many thanks to my wife Asuka for listening to me spout about this project, Tom Messenger for busting his tail for years to make ALL of this a reality, and my good friend Chris Conrow for long nights of contemplation*/

*{border:0;margin:0;padding:0;background:transparent;} 

body
{
font-family: trebuchet ms, verdana, arial, tahoma;
font-size: 90%; color: #999999;
background-color: #ffffff;
line-height: 200%;
margin-top: 0px;
background: #ffffff url('bg.gif') top center repeat-x;
}

#border
{
border: 0px ;
width: 770px;
background-color: #FFFFFF;
background:url('backround2.gif') no-repeat;
margin: 0 auto;
}

#header
{
height: 193px;
width:743px;
margin-left:13px;
background-image:url('HeaderRedRock.jpg');
}

.splitright {
background: #ffffff;
margin-top:20px;
margin-right:20px;
width: 220px;
float: right;
overflow: hidden;
text-align: center;
}

.splitleft {
background: #ffffff;
margin-top:20px;
margin-left:35px;
width: 480px;
float: left;
overflow: hidden;
text-align: justify;
}

.logo {
float:right;
width:200px;
height:169px;
margin:auto;
}

#introduction{
	float:right;
	width:200px;
	height:280px;
	margin:10px auto;
	background: url(menurightlarge.gif) no-repeat;
	text-align:center;
	line-height:1.5em;
	color:#999999;
	font-size:1.0em;
	font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
	letter-spacing:0px;
}

#introduction ul, #introduction li {
text-align:center;
	list-style: none;
	margin: 0;
	padding: 0;
}

#introduction a {
	border-bottom: none;
	color:#999999;
}

#introduction h3{
	text-align: center;
	position:static;
}

#introduction a:link, a:visited{
	color:#999999;
}

#introduction a:hover, a:active{
	color:#5B8FBE;
}



/* ~~~~~~~~~ footer ~~~~~~~~~ */
#footer
{
	text-align: center;
	height: 30px;
	background-color: #E7F2FE;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	margin-top: 50px;
	margin-right: 13px;
	margin-bottom: 0;
	margin-left: 13px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	clear: both;
}

a:active,
a:visited,
a:link	    			{ color: #5B8FBE; text-decoration: none; }
a:hover					{ color: #999999; text-decoration: none; }

/* ~~~~~~~~~~~~~~~~~~ */

    #topmenu {
	position: relative;
	top: 13px;
	left: 24px;
	width: 740px;
	font-size:93%;
	margin: 0;
	line-height:normal;
	height: 41px;
      }
    #topmenu ul {
	  margin:0;
	  padding:0px 0px 0 2px;
	  list-style:none;
      }
    #topmenu li {
      display:inline;
      margin:0;
      padding:0;
      }
    #topmenu a {
      float:left;
      background:url(menuleft.gif) no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #topmenu a span {
      float:left;
      display:block;
      background:url(menuright.gif) no-repeat right top;
      padding:5px 9px 4px 10px;
      color:#5B8FBE;
      }
	  
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #topmenu a span {float:none;}
    /* End IE5-Mac hack */
    #topmenu a:hover span {
      color:#5B8FBE;
      }
    #topmenu a:hover {
      background-position:0% -42px;
      }
    #topmenu a:hover span {
      background-position:100% -42px;
    }
/* ~~~~~~~~~ Headings ~~~~~~~~~ */    
h1
{
font-size: 120%;
color: #659500;
}

h3{
	color:#5B8FBE;
	font-family:geneva,arial,sans-serif;
	font-weight:normal;
	text-transform:uppercase;
	word-spacing:4px;
	letter-spacing:3px;
	font-size:0.8em;
	font-weight:bold;
	padding:0 0px;
	margin:0;
}

/*~~~~~~~~~~~styles~~~~~~~~~~~~~~~*/

.style4 {font-size: 16px}
.style5 {font-size: 12px; color: #CCCCCC;}