html, body { 
margin : 0;
padding : 0;
}

body { 
font : 75% Verdana, Arial, "Trebuchet MS", Helvetica, Tahoma, sans-serif;
background : #E8F7FA url(images/blue.jpg) repeat-x;
color : #555;
margin-top:12px;
}

.skip {height:0;width:0;display: block;overflow:hidden;margin:0;padding:0}

#tophead {
background-color:#ddd;
height:3px;
}

img {border:0;}

#wrap { 
width : 770px;
margin-left : auto;
margin-right : auto;
padding : 0;
background:#fff;
color : #555;
} 

#masthead { 
height : 180px;
padding : 0;
margin-bottom : 0;
} 

#container { 
width : 770px;
margin-left : auto;
margin-right : auto;
padding : 0;
line-height : 1.8em;
position: relative;
} 

/* HyperLink Stylings */

a:link, a:visited { 
color : #5495CB;
background : inherit;
text-decoration : none;
outline:none
} 

a:hover { 
color :  #5495CB;
background : inherit;
text-decoration : underline;
outline:none
}

a:focus {outline:none}



#head {
width:770px;
height:200px;
background: #E8F7FA url(http://www.cumbraesensorytrail.com/images/banner.jpg);
}

/* Main Content Areas */

#content { 
padding: 3em 1em 1em 22px;
margin : 0 210px 0 0;
border-right : 1px solid #eee;
}
#content2 { 
padding:3em 0 1em 22px;
margin : 0 210px 0 0;
border-right : 1px solid #eee;
}
#content3 {
width:498px;
padding:0 0 0 22px
}
#sidebar { 
float : right;
width : 180px;
margin-top : 0;
padding : 1em;
}

#holder {
width:740px;
text-align:left;
}

/*#content2 { 
padding : 1em;
margin : 0 210px 0 0;
padding-left:22px
}*/

#content2 {
padding-top: 1em;
padding-bottom: 1em;
padding-right: 1em;
padding-left:22px;
margin : 0 210px 0 0;
}

/* Footer */

#footer {
clear : both;
width:690px;
padding : 0;
font-size:80%;
color : #333;
background-color:#f2f2f2;
margin-top:10px;
margin-left:20px;
padding: 15px 20px 15px 20px
}

.lhs {
	font-weight:bold;
	float:left;
	text-align:left;
}
.rhs {
	font-weight:normal;
	float:right;
	text-align:right;
}
.ocean {
	color:#000;
}
.by {
	color:#999;
}

/*h1 { 
float : left;
margin : 0;
padding : 50px 0 20px 25px;
font : 150% "Trebuchet MS", Helvetica, Arial, Tahoma, sans-serif;
letter-spacing : 5px;
color : #fff;
} */
/*h2 { 
float : right;
margin : 0;
padding : 25px 20px 20px 0;
font : 90% "Trebuchet MS", Helvetica, Arial, Tahoma, sans-serif;
letter-spacing : 3px;
color : #5495CB;
}*/

/* Headings */

h1 {
font-size:2em;
line-height: 1.0em;
color:#5495CB;
font-weight:normal;
font-family: Arial, "Times New Roman", sans-serif;
}
h3 { 
margin : 0;
padding : 20px 0 5px 0;
font : 170% "Trebuchet MS", Helvetica, Arial, Tahoma, sans-serif;
letter-spacing : 1px;
color : #5495CB;
} 
h4 { 
margin : 0;
padding : 10px 0 4px 0;
font : 110% Verdana, Helvetica, Arial, Tahoma, sans-serif;
border-bottom:1px dotted #ccc;
letter-spacing : 2px;
color : #5495CB;
}
#content2 h2 {
margin-top:0.5em;
}


.left { 
float : left;
border : 0 solid #656c4a;
margin : 5px 0 10px 0;
padding : 10px;
} 
blockquote {
margin:1px;
padding : 15px;
color : #555;
border-bottom : 1px solid #aaa;
border-top : 1px solid #aaa;
} 

/* Forms */

legend { 
color : #5495CB;
} 
input { 
background : #eee;
}


/* Sidebar Navigation Items */

#navlist { 
margin-left:0px;
list-style-image: url(images/arrow.gif); 
padding-top:0px;
padding-left:32px;
} 
#navlist ul {
}
#navlist li {
line-height:70%;
font-size:0.9em;
margin-top:0px;
margin-bottom:15px;
}

#navlist2 { 
margin-left:0px;
list-style-image: url(images/arrow.gif); 
} 
#navlist2 ul {
}
#navlist2 li {
line-height:70%;
font-size:0.9em;
margin-top:0px;
margin-bottom:15px;
}


/* Top Navigation */

#navcontainer {
margin:0;
padding-left:0px;
margin-top:0;
padding-top:0;
width:763px;
}

#navcontainer ul
{
padding-left: 7px;
margin-left: 0;
margin-top:0;
padding-top:7px;
padding-bottom:7px;
background-color: #0D3729;
color: White;
float: left;
width: 100%;
font-size:1.3em;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.2em 1em;
background-color: #0D3729;
color: #ccc;
text-decoration: none;
float: left;
border-right: 1px dotted #666;
}

#navcontainer ul li a.rightnoborder {
border-right: 1px solid #0D3729;
}

#navcontainer ul li a:hover
{
color: #fff;
}
.greenhead {
color:#669933;font-size:1.2em;border-bottom:2px solid #eef;padding-bottom:5px;padding-top:5px
}
a:focus {color:#000;text-decoration:underline}
#navlist2 a:focus {color:#fff;text-decoration:underline;}


/* SIFR */

.sIFR-flash {
  visibility: visible !important;
  margin: 0;
}

.sIFR-replaced {
  visibility: visible !important;
}

span.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/*.sIFR-hasFlash H1 {
  line-height:28px !important;
  height:28px;
  font-size:28px;
  visibility:hidden;
  margin:0 !important;
}*/

.headertext {
  padding : 15px 10px 10px 0;
}

.sIFR-hasFlash H1 {
  line-height:28px !important;
  height:28px;
  font-size:28px;
  visibility:hidden;
  margin:0 !important;
}




/* START OF CSS FOR MAP */

dl.map {
	position:relative;
	width:740px;
	height:641px;
	background:url(http://www.cumbraesensorytrail.com/images/map.jpg) no-repeat;
	text-align:left;
	margin:0px;
	padding:0px;
}
dl.map dt {
	list-style:none;
	display:inline;
}
dl.map dd {
	position:absolute;
	left:-9999px;
	width:200px;
	padding:4px;
	border:#222 2px solid;
	background:#666;
	-moz-border-radius:8px;
	border-radius:8px;
	z-index:11;
	font-size:0.8em;
	color:#FFF;
}

dl.map a.location {
	display:block;
	position:absolute;
	text-indent:-9999px;
	background:url(http://www.cumbraesensorytrail.com/images/point.png) no-repeat;
	width:10px;
	height:10px;
	outline:none;
	z-index:10;
	text-decoration:none;
}
dl.map a.location:hover {
	background:url(http://www.cumbraesensorytrail.com/images/point-hover.png) no-repeat -1px -1px;
}


/* START OF CSS FOR MAP POINTS */

dl.map a#location01 {
	top:360px;
	left:473px;
}
dl.map a#location02 {
	top:432px;
	left:223px;
}
dl.map a#location03 {
	top:173px;
	left:162px;
}
dl.map a#location04 {
	top:128px;
	left:298px;
}
dl.map a#location05 {
	top:39px;
	left:594px;
}

/* Home Page Padding */

.fr15 {float:right;padding:15px}
.fl15 {float:left;padding:15px}
.fr5 {float:right;padding:5px}
.fl5 {float:left;padding:5px}


/* Miscellaneous */

.clearboth{clear:both}

.divider {border-bottom:1px solid #eef;margin-bottom:20px}

.web-links {background:url('http://www.cumbraesensorytrail.com/images/web_links.jpg') no-repeat bottom;min-height:250px;height:250px}

.mt400 {margin-top:400px}
.pr40 {padding-right:40px}

.w500 {width:500px}

.leftcontainer {float:left;font-size:90%}
.right-container {float:right;font-size:90%}

#podcastbox {background-image:url('http://www.cumbraesensorytrail.com/images/box.jpg');background-repeat:no-repeat;height:255px;padding:20px}

.backitup {margin-top:-20px}

.tl {background: url(images/tl.gif) 0 0 no-repeat}
.tr {background: url(images/tr.gif) 100% 0 no-repeat}

#guestbook-area ul {
	list-style-type:none;
}