/*  Style sheet for Deveron Rivers Trust website redesign 2007  */

/* colours used :
	dk green - #648c41
	mid green - #8ba971
	light green - #b2c6a1
	pale green - #d8e2cf
*/

*,html,body{margin:0;padding:0;}
body{font: small Verdana,'Trebuchet MS',arial,sans-serif; text-align:center; background-color:#f0f5eb;}
p, h2, h3, h4, h5, dl, table {margin:0 10px 10px;}
h2 {margin-top:0.5em;}
#homelink a { display:block; padding:5px;}
#header{position:relative;}
#header h1{height:0px;line-height:20px;margin:0; padding-left:10px;background:#fff url(header2.gif) no-repeat; color:#648c41;}

#container{text-align:left; font-size:100%; background-color:#fff;}
#content p{line-height:1.4;}
#content div {margin:0 10px 10px;}
#navigation{background-color:#648c41;}
#extra{ background-color:#d8e2cf;}
#footer{background:#000 url(footerimg.jpg) no-repeat;color: #FFF; height:55px;}
#footer p{margin:0;padding:5px 10px;}
#footer a{display:inline;padding:0;color: #C6D5FD;}

#container{width:750px;margin:0 auto;}
#wrapper{float:left;width:100%; background-color:transparent;}
#content{margin: 0 200px 0 150px; width:390px;}
#navigation{float:left;width:200px;margin-left:-200px;}
#extra{float:left;width:150px;margin-left:-750px;}
#footer{clear:left;width:100%;}

/*  'topnav' styling  */

#topnav { clear:both; width:610px; float:right; margin-top:-2.5em;}
#homelink { width:200px; float:right; font-size:1.3em; background-color:#648c41; border:0 solid #fff; border-bottom-width:2px;}
#homelink a { color:#fff; text-decoration:none;}
#menu { width:380px; float:right; background-color:#8ba971; color:#324621; border:0 solid #fff; border-width:0 4px; padding:6px; text-align:center; font-size:110%;}


#pagewidth { height:auto; background: url(bgcolors.png) top left repeat-y;}
#headimg {float:right; padding-top:10px;}
#slogan {float:right; margin-top:10px; margin-left:3px;}
#slogan { width:200px; background-color:#8ba971; height:135px; color:#fff; font-size:130%; text-align:left;}
#slogan span { display:block; margin:10px  0 0 3px;}
#headimg { margin:0 5px;}
#headimg a { display:inline; padding:0; border:0;}
#logo {width:120px; margin:0 15px;}

/*  'navigation' styling  */

#navigation ul { list-style:none; font-size: 1.25em; line-height:1.1; color:#fff; margin:0; padding:0;}
#navigation li, #navigation li ul { border:0 solid #fff; border-bottom-width:2px; padding:0.5em 0 0.5em 0.5em; font-size:0.9em;}
#navigation li ul {border-bottom-width:0;}
#navigation li li { border:0 solid #fff; border-bottom-width:0px; padding:0 0 0 2em; font-size:90%;}
#navigation dt a { color:#fff; text-decoration:none; padding:5px;}

#navigation a:link {color:#fff; text-decoration:none;}
#navigation a:visited {color:#fff; text-decoration:none;}
#navigation a:hover {color:#fff; text-decoration:none; font-weight:bold;}
#navigation a:active {color:#fff; text-decoration:none;}

#home #extra ul, #wildlife #extra ul {list-style:none; font-size:110%; line-height:1.5; color:#648c41; font-weight:bold; margin:0; padding:0;}
#home #extra li, #wildlife #extra li, #achievements #extra li, #current #extra li {margin:0.5em 1em;}
#home #extra a, #wildlife #extra a, #achievements #extra a, #current #extra a {text-decoration:none; color:#648c41;}
#home #extra a:visited, #wildlife #extra a:visited, #achievements #extra a:visited, #current #extra a:visited {text-decoration:none;}
#home #extra a:hover, #wildlife #extra a:hover, #achievements #extra a:hover, #current #extra a:hover {text-decoration:none; color:green;}

#home #content a {margin:0; padding:0;} 

span.menu { font-size:90%;}
span.menu a { margin:0; padding:0; text-decoration:none; color:#fff;}
.current { background: url(../images/dot.png) top right no-repeat;}

/*  heading styling  */

#content h2 {color:#648c41;}
#content h4 {background-color:#8ba971; color:#fff; padding:3px;}
#content h5 {font-size:1em;}

#search h2 {font-size:110%;}

/*  'extra' styling  */

#extra img { margin:0}
#extra .box1, #extra .box1 input { font-size:100%;}
#extra .box1 h3 { font-size:120%;}
#extra p, #extra ul {font-size:90%;}

/*  'box' styling  */

div.box1 { width:92%; margin:0 2%; border:0px solid #648c41; border-bottom-width:2px;}
#content div.box1 { width:92%; margin:0 2%; border:2px solid #648c41;}
div.box2 { width:92%; float:left; margin:0 1%;}
.box1 h3 { background-color:transparent; color:#000; padding:5px;}
.box2 h3 { background-color:#8ba971; color:#fff; padding:5px; font-size:110%;}
.box1 h3 { text-align:left;}
.box1 p span { margin-left:0em;}
.box1 input { margin:3px;}
#content div.quote {width:55%;}

.box2 div { width:49%; float:left; font-size:80%;}
.box2 div h5 { font-weight:normal; font-size:100%;}

/*  list styling  */

#extra ul {margin:0 0 1em 3em; list-style:none;}
#extra li {list-style:none; margin-bottom:0.5em;}

#content ul {margin:0 0 0 4em;}
#content li {margin-bottom:1em;}

/*  Image styling  */

.imgrt {float:right; margin:10px;}
.imglt {float:left; margin:10px;}


#quote { font-size:110%; margin:3px; color:#648c41; font-weight:bold;}
#quote span { color:#000; font-size:90%; font-weight:normal;}

/*  headline displacement  */

h1 {font-weight:normal;
 font-size:1em;
 line-height:0.1;
 text-indent:-200em;
 display:block;
}

.clr { clear:both;}

/*  Other page styling  */

#riparian #lbap {font-size:95%;}
#riparian #lbap .list {width:43%; float:left; margin:3px 3px 5px 10px;}

#donate #extra ul {margin-left:1em; list-style-type:disc;}

#where #extra {display:none;}
#where #content {width:540px; margin-left:0; background-color:#fff;}
#where #pagewidth {background: url(bgcolors2.png);}

#accomm dt {float:left; width:32%;}
#accomm dd {width:68%; margin-left:3em;}

#activities dt {float:left; width:30%;}
#activities dd {float:left; width:70%; margin:0.5em 0 0.5em 3em;}

#lowaccomm #extra, #midaccomm #extra, #upaccomm #extra {display:none;}
#lowaccomm #content, #midaccomm #content, #upaccomm #content {width:540px; margin-left:0; background-color:#fff;}
#lowaccomm #pagewidth, #midaccomm #pagewidth, #upaccomm #pagewidth {background: url(bgcolors2.png);}
#lowaccomm td, #midaccomm td, #upaccomm td {border:0 solid #648c41; border-top-width:2px;}
#lowaccomm img, #midaccomm img, #upaccomm img {margin-top:15px;}

#beats #extra, #tackle #extra, #levels #extra {display:none;}
#beats #content, #tackle #content, #levels #content {width:540px; margin-left:0; background-color:#fff;}
#beats #pagewidth, #tackle #pagewidth, #levels #pagewidth {background: url(bgcolors2.png);}

#tackle #content div.imgrt {margin:0 0 0 10px;}
#tackle #content h4 {width:50%;}

#DeveronFlies #content ul { list-style-type:none;}
#DeveronFlies #content li, #DeveronFlies #content h4 {clear:both;}
#DeveronFlies #content ul img {float:right; margin:5px 15px 5px 0;}

#gifts #pagewidth img {margin:0 20px;}

#donate2 #navigation, #wildlife2 #navigation, #news2 #navigation {display:none;}

#rivermap #extra, #rivermap #navigation {display:none;}
#rivermap #content {width:540px; margin-left:0;}
#rivermap #pagewidth {background: url(none);}

#lifecycle img {border:none;}

#video #content object { border:1px solid #000;}