@import url('WFNavigation.css');
@import url('WFMPP.css');
@import url('WFGallery.css');

#SiteContainer{
width:950px;
margin:0 auto;
}

#BodyContainer{
position:relative;
float:left;
width:950px;
color:#000;
background:#fff url(images/css/BodyBG.jpg) repeat-y;
}

#InnerBodyContainer{
position:relative;
float:left;
width:950px;
background:url(images/css/LeftColFooterImage.jpg) bottom left no-repeat;
}



#Banner{
position:relative;
float:left;
width:950px;
height:180px;
background: url(images/css/Banner.jpg) no-repeat;
}

#Banner h1{
text-align:right;
margin:0px 10px;
font-size:28px;
}
#Banner h2{
text-align:right;
margin:0px 10px;
font-size:16px;
font-family:serif;
font-style:italic;
color:#a00;
}

#HomeIntroWrapper{
position:relative;
float:right;
width:750px;
}


#HomeIntro{
position:relative;
float:left;
width:370px;
}

#Slideshow{
position:relative;
float:right;
width:367px;
height:320px;
overflow:hidden;
margin:10px 0 0 0;
}

#Slideshow img{
background:#fff;
padding:8px;
border:solid 1px #888;
}
#LeftCol{
position:relative;
float:left;
width:180px;
}

#MainContent{
position:relative;
float:right;
width:768px;
margin:0;
}

#StandardContent{
position:relative;
float:right;
width:751px;
margin:0;
padding:0 8px 8px 8px;
border-right:solid 1px #888;
border-bottom:solid 1px #888;
}

#StandardContent h1{
margin:0 0 4px 0;
color:#a00;
font-family:serif;
font-style:italic;
font-size:28px;
}

#StandardContent h2{
margin:0 0 4px 0;
color:#66f;
font-size:18px;
}

#StandardContent h4{
position:relative;
float:left;
width:670px;
margin:10px 0 0 30px;
padding:0;
color:#66f;
font-size:16px;
}


#WalkIntro{
position:relative;
float:left;
width:747px;
height:250px;
margin:0;
background:#ffc url(images/css/WalksIntroBG.jpg) top left no-repeat;
padding:10px;
overflow:hidden;
border-right:solid 1px #888;
border-bottom:solid 1px #888;
}

#WalkIntro img{
position:relative;
float:right;
background:#fff;
border:solid 1px #777;
padding:10px;
margin:0 0 0 10px;
}

#WalkIntro h1{
margin:0 0 4px 0;
color:#a00;
font-family:serif;
font-style:italic;
font-size:28px;
}

#WalkIntro h2{margin:0;font-size:14px; color:#222;}

#WalkSynopsis{
position:relative;
float:right;
width:740px;
overflow:hidden;
margin:0;
padding:10px;
border-left:solid 1px #888;
border-right:solid 1px #888;
border-bottom:solid 1px #888;
}

#WalkItinerary{
display:none;
position:relative;
float:right;
width:740px;
overflow:hidden;
margin:0 ;
padding:10px;
border-left:solid 1px #888;
border-right:solid 1px #888;
border-bottom:solid 1px #888;
}

#WalkData{
border:solid 1px #ccc;
width:740px;
margin:0 0 10px 0;
}

#WalkData th{
text-align:center;
font-size:11px;
background:#ccf;
}
#WalkData td{
font-size:12px;
background:#dfd;
text-align:center;
}


#ContactForm{
position:relative;
float:right;
width:600px;
margin:0 38px 0 0;
}

#ContactForm table{
background:#fafafa;
border:solid 1px #eee;
padding:10px;
}

#ContactForm .form_section_title{
font-weight:bold;
background:#eef;
padding:2px;
}

#ContactForm .form_label{
padding:2px;
text-align:right;
width:200px;
}

#ContactForm .form_center{
text-align:center;
}


#ContactForm input{
width:364px;
font-size:12px;
}

#ContactForm textarea{
width:570px;
height:90px;
font-size:12px;
}

#FooterRegion{
position:relative;
float:left;
width:950px;
text-align:center;
margin:10px 0;
}

#CopyNotice{
position:relative;
float:left;
width:950px;
font-size:11px;
margin:10px 0;
}