body {font-family:calibri, verdana, sans-serif; font-size:95%;}
div#header {height:200px; background:url(gybofade2.jpg) 50%;}
div#header * {margin:0; padding:0;}
div#body {margin:-45px auto 0 auto;}
div#header h1, div#header p {z-index:-1; position:relative;}
div#wrapper {max-width:1200px; margin:10px; background:#adea6a; border:1px green solid; float:left;}
div#navigation {float:left; width:150px; padding:0 1em; font-size:95%;}
div#navigation ul {list-style-type:none; background:#d7f4ba; padding:0; margin-top:0;}
div#navigation li {border-top:1px green dotted; margin:0; text-indent:0;}
div#navigation li:first-child {border-top:none;}
div#navigation ul a {display:block; text-decoration:none; color:black; padding:0.3em;}
div#navigation ul a:hover, div#navigation a:focus {background:green; color:white;}
div#navigation p {text-align:center; margin-top:3em;}
div#navigation img {border:none;}
div#main {padding:0.1em 1em; background:#ecfade; margin:1em 2em 1em 200px;}

#home div#content {padding:0.1em 1em 0.1em 0; margin:1em 2em 1em 200px;}
div#diary {float:right; width:250px; padding:0 1em; margin:0 0 1em 0; background:#ecfade;}
div#static {padding:0.1em 1em 1em 1em; margin:0 300px 1em 0; background:#ecfade;}

h2 {font-size:135%; color:green; font-weight:bold;}
h3 {font-size:110%; color:green; font-weight:bold;}
h3 a {color:#705216;}

.item {padding:0 0 0.5em 0; clear:right;}
.item h3, .item p {margin:0.5em 0;}
.item img {float:right; border:0; margin:0.5em 0.5em 0.5em 1em;}
#walkdiary .item, #longdistancewalk .item {border-top:1px #d7f4ba solid; padding-top:0.5em;}
#weekend .item, #social .item {border:#d7f4ba solid; border-width:1px 0; padding-top:0.5em;}

a:link, a:visited {color:#705216; text-decoration:underline;}
a:hover, a:focus {color:green; text-decoration:none;}

#walkdetails dt, #walkdiary dt, #longdistance dt, #longdistancewalk dt, #photos dt {float:left; font-weight:bold; padding:0.2em 0; width:9em;}
#walkdetails dd, #walkdiary dd, #longdistance dd, #longdistancewalk dd, #photos dd {margin-left:0; padding:0.2em 0;}

.photoside {float:right; width:120px; padding:10px;}
.photoside img {margin-bottom:10px; border:1px green solid;}

.photostrip {overflow-x:scroll; margin:1em 0; padding:0.5em 0; white-space:nowrap;}
.photostrip img {margin-right:10px; border:1px green solid;}
.photogallery img {margin:0 10px 10px 0; border:1px green solid; padding:1px;}
.photostrip a:hover img, .photostrip a:focus img, .photogallery a:hover img, .photogallery a:focus img {border:1px #705216 solid;}

label.box {width:10em; display:inline-block;}
label.question {width:27.5em; display:inline-block;}
label.longquestion {width:50em; display:inline-block;}

body#home li.home a,
body#map li.map a,
body#walkdiary li.walkdiary a,
body#faq li.faq a,
body#social li.social a,
body#kit li.kit a,
body#longdistance li.longdistance a,
body#contact li.contact a,
body#weekend li.weekend a,
body#committee li.committee a,
body#photoindex li.photos a,
body#leading li.leading a
{background:white; color:black; cursor:default;}

body#walkdetails li.walkdiary a,
body#longdistancewalk li.longdistance a,
body#photos li.photos a,
body#leadingwalk li.leading a
{background:#ecfade; color:black;}

body#walkdetails li.walkdiary a:hover, body#walkdetails li.walkdiary a:focus,
body#longdistancewalk li.longdistance a:hover, body#longdistancewalk li.longdistance a:focus,
body#photos li.photos a:hover, body#photos li.photos a:focus,
body#leadingwalk li.leading a:hover, body#leadingwalk li.leading a:focus
{background:green; color:white;}

.gallerylink {float:left; margin:0.5em; width:220px; text-align:center;}
.gallerylink a:link, .gallerylink a:visited {display:block; text-decoration:none; background:#d7f4ba; border:green 1px solid; color:green; padding:0.5em;}
.gallerylink a:hover, .gallerylink a:focus {border:#705216 1px solid; color:#705216;}
.gallerylink img {border:none;}