/* css Fancy Free Walks default style v1.00. */
/* All images are linked to this same CSS file that sits in the root folder. */

/* basic elements */
html {
	margin: 0;
	padding: 0;
	}
body { 
	font-family: Arial, Helvetica, sans-serif ;
	color: olive;
	color: steelblue;
	color: #000033;
	margin-left: 50px;
	margin-right: 80px;
	padding: 0.5em;
	}
p { 
	margin-top: 0;
	text-align: justify;
	}
a:link {
	font-weight: bold;
	text-decoration: none; 
	color: #B7A5DF;
	color: black;
	}
a:visited {
	font-weight: bold; 
	text-decoration: none; 
	color: rgb(51,51,204);
	}
a:hover, a:active { 
	text-decoration: underline;
	color: rgb(0,51,204);
	}
.photos {
        float: right;
        color: black;
        border: 3px groove gold;
        padding: 1px;
        }
/* table definitions */
table#walks {background-color:ivory;
    border: none #000 3px;
    border-color: lightgray;
    width: 100%;
}
th {text-align: center; font-weight: bold; border: 1px; }
td {padding:2px; 
}
p.testp {
        color: yellow;
        }
a.testa {
        color: pink;
        }
.testit {
        color: green;
        }
#pageHeader { 
	margin-left: 130px;
	margin-top: 0;
	width: 900px;
	height: 100px;
	}
/* we use a trick to replace this text in the h1 with an image.
#pageHeader h1 { 
	font-family: Arial, Helvetica, sans-serif ;
        font-size: 30pt;
	color: green;
	}
*/
#pageHeader h1 { 
	background: transparent url(images/FFWLogo.png) no-repeat top left; 
	margin-top: 10px; 
	width: 460px; 
	height: 100px; 
	float: left;
	}
#pageHeader h1 span {
	display:none
	}
#pageHeader h2 { 
        padding: 30px;
	font-family: Arial, Helvetica, sans-serif ;
        font-size: 12pt;
        color: olive;
	}
#intro  {
        margin: 20px 20px 0 175px ;
        width: 300px ;
        }
#intro p {
	font: normal 10pt/15pt Helvetica; 
	text-align: left;
	}
#infotext  {
        margin: 20px 20px 0 175px ;
        width: 500px ;
        }
#infotext h3 {
	font: normal 10pt/15pt Helvetica;
	text-decoration: underline;
	text-align: left;
	}
#infotext h4 {
	font: bold 10pt/15pt Helvetica; 
	text-align: left;
	}
#infotext p {
	font: normal 10pt/15pt Helvetica; 
	text-align: left;
	}
#mainMap {
        position: absolute ;
	border: 2px solid white;
        top: 380px;
        left: 600px;
        width: 350px;
        }
#partMap {
        position: absolute ;
	border: 2px solid white;
        top: 380px;
        left: 200px;
        width: 350px;
        }
#news {
        position: absolute ;
	border: 2px solid white;
        top: 660px;
        left: 620px;
        width: 250px;
        }
#gallery {
        position: absolute;
        top: 165px;
        left: 750px;
        width: 130px;
	}
#gallery.pic {
        margin:2px;
        border:1px solid #0000ff;
        height:auto;
        width:auto;
        text-align:center;
        }
#gallery.pic img {
        display:inline;
        margin:3px;
        border:1px solid #ffffff;
        float:left;
        }
#gallery.pic a:hover img {
        border: 1px solid #0000ff;
        }
#gallery.desc {
        text-align:center;
        font-weight:normal;
        width: 120px;
        margin: 2px;
        }
#linkList {
        position: absolute;
        top: 150px;
        left: 30px;
        width: 200px;
	}
#linkList ul {
	margin: 0;
	padding: 0;
	}
#linkList li {
	line-height: 5.0ex; 
	display: block; 
	padding-top: 5px; 
	margin-bottom: 5px;
	list-style-type: none;
	}
#linkList li a:link {
	color: slategray;
	}
#linkList li a:visited {
	color: slategray;
	}