/*This is the core style sheet of the site.*/

html {
	/*background-image: url(images/leaves2.jpg); 
	background-repeat: repeat-y;*/
	background-image: url(images/leaves2.jpg);
}

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*background-image: url(images/leaves-bg.jpg);*/
	/*background-image: url(images/leaves3a.jpg); 
	background-repeat: repeat-y;
/*	background-color: #FFFFFF;*/
	text-align: center;
}
#butterfly {
  position: absolute;
  border: none;
  top: 6em;
  right: 10em;
}
#wrapper {
	text-align: left;
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	padding: 110px 0 0 0;
	background: #ffff99;
	background-image: url(images/RotherlandsBanner3.gif); 
	background-repeat: no-repeat;
  background-position: 25px 25px;
	border-top: 2px solid #722100;	
  border-left: 2px solid #722100;
	border-right: 2px solid #722100;
	border-bottom: 2px solid #722100;
}

#wrapper h1 {
	font: normal 180% Georgia, "Times New Roman", Times, serif;
	color: #B51032;
	background-color: transparent;
  margin-left: 2em;
}

#content {
	width: 520px;
	float: right;
	padding: 0px 20px 0 0;
}

#Group1 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 50%;
  float: left;
  margin: 7px 10px 6px 0px;
}

#WorkPty1 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 50%;
  text-align: right;
  float: right;
  margin: 6px 15px 0px 10px;
}

#content p {
	font-size: 80%;
	text-align: justify;
	line-height: 1.8em;
	margin-top: 0;
	padding-left: 0em;
	padding-right: 15px;
}

#content h1 {
	font: normal 180% Georgia, "Times New Roman", Times, serif;
	color: #B51032;
	background-color: transparent;
}

#content h2 {
	font-size: 120%;
	color: #940D1E;
	background-color: transparent;
}

input.txt {
  color: #000088;
  background-color: #E3F2F7;
  border: 1px inset #000088;
  width: 200px;
}

form p {
  clear: left;
  margin: 0;
  padding: 0;
  padding-top: 5px;
}

form p label {
  float: left;
  width: 30%;
  font: bold 0.9em Arial, Helvetica, sans-serif;
}

a.screen, a.screen:visited {
text-decoration:none;
color:#c00; 
position:relative; 
z-index:1;
}
a.screen b {
position:absolute;
visibility:hidden; /* hide the image */
width:200px; /* give it a width */
height:0; /* no height to solve an Opera bug that 
             makes it selectable when hidden */
border:0; /* add a border */
left:0; /* position:the image */
top:-150px;
}
a.screen:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen:hover b {
visibility:visible; /* make the image visible */
height:150px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}

a.screen:hover b img {
border:0; /* remove the link border */
}

a.photos, a.photos:visited, a.photos: hover {
text-decoration:none;
}

#map {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 50%;
  float: left;
  margin: 7px 10px 6px 0px;
}
  
#navigation {
	float: left;
	width: 180px;
}
#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
#navigation li {
	width: 180px;
	border-bottom: 1px solid #ED9F9F;
	margin: 0;
	padding: 0;
	font-size: 80%;
	vertical-align: bottom;
}
#navigation a:link, #navigation a:visited {
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 12px solid #722100;
	border-right: 1px solid #722100;
	background-color: #B51032;
	color: #FFFFFF;
	text-decoration: none;
}
#navigation a:hover {
	background-color: #722100;
	color: #FFFFFF;
}
#navigation ul.subnav {
	margin-left: 12px;
}
#navigation ul.subnav li {
	border-bottom: 1px solid #722100;
	width: 168px;
}
#navigation .subnav a:link, #navigation ul.subnav a:visited {
	background-color: #ED9F9F;
	color: #722100;
}

#footer {
	clear: both;
	padding: 0 0 10px 255px;
	font-size: 70%;
	color: #990000;
	background-color: transparent;
}