/*Created by Logan Morley for HealthyLands.org, the website home of the Broads Healthy Lands Project. This template, design and code is copyright 2011, Great Old Broads for Wilderness and Healthy Lands Project.*/

*{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;}