/* styles for 2 column layout used with activity, places to visit and transport pages left nav col retained 20%, rhs map removed, main column 80% used to display interactive map with associate key*/
/*layout styling*/
body {margin:0; border:0; padding:0;
	color:green; background-color:#9FC065;
	z-index:0;}
/*If changing min-width remember to also change minwidth1 and minwidth2 in iefix */
#layout {margin:0 auto; border:0; padding:0;
	position:relative;
	color:black; background-color:inherit;
  top:0;
  width:100%; min-width:1038px;
  display:block;
  z-index:1;}

#minwidth1, #minwidth2 {margin:0; border:0; padding:0;
	position:relative;
	z-index:0;}

#col-main, #col-l {margin:0; border:0; padding:0; position:relative;}
#col-l {width:20%; float:right;}
#col-main {width:80%; float: right;}

/* sideborders puts the black lines down the side of page and provides a green background for used space */
#sideborders {margin:0; border-width:0 1px 0 1px; border-style:solid; border-color:black; padding:0;
  position: relative;
  color:inherit; background-color:#9FC065;
  width:inherit; /*reduces the width problem in Opera */
  z-index: 0;}

/* places left border between nav column and main section under arch */
.borderl {margin:0; border-width: 0 0 0 1px; border-style:solid; border-color:black; padding:10px 0 0 0;
  position:relative;
  color:inherit; background-color:white;}

.container {margin:0; border:0; padding:0;
  position:relative;
  width:100%;
  z-index:0;}

/*content div has no borders*/
.content {margin:0; border:0; padding:0 20px 0 20px;
  color:black; background-color:white;
  z-index:0;}

/* header graphics */
#header {margin:0; border:0; padding:0;
  position:relative;
  width:100%; height:112px;
  color:inherit; background:#9FC065 url(../graphics/title.gif) no-repeat 47% 20px ;
  display:block;}

#headerLeft, #headerRight {margin:0; padding:0; border:0;
  position:absolute; top:0; 
  width:336px; height:112px; z-index:2;} /*must be same width as headerRight divs and associated img*/
#headerLeft {border-right:1px solid #F0F0F0; left:0;}
#headerRight {border-left:1px solid #F0F0F0; right:0;}  

#DWlogo {margin:0; border:0; padding:0;
  position:relative;
  width:41.5%; height:112px;
  color:inherit; background:#9FC065 url(../graphics/logo.gif) no-repeat left 11px;
  float:right;
  z-index:1;}

#man {margin:0; border:0; padding:0;
  position:relative;
  width:36.8%; height:112px;
  color:inherit; background:#9FC065 url(../graphics/man.gif) no-repeat right 12px;
  float:left;
  z-index:1;}

#footer {margin:0; border:1px solid black; padding: 0;
  position:relative;
  background-color:white;
  height:21px;} 

#navbar {margin:0; border-width:1px 0 1px 0; border-style:solid; border-color:#F0F0F0; padding:0;
  position:relative;
  height:22px;
  color:inherit;
  background:#9FC065 url(../graphics/navbar.gif) repeat-x;}

#sidenav {	margin:0; border:0; padding:10px;
	color:inherit; background-color:#6C6E6B;
	position:relative;
	z-index:0;}

.prints {margin:0; border:0; padding:0;
  position:relative;
  background:url(../graphics/prints.gif) repeat-y 50% 0%;
  width:100%; height:705px;
  z-index:0;}
/* arch construct */
#endLeft, #endRight {margin:0; border:0; padding:0;
  position:relative;
  width:4%; height:60px;
  background-image:url(../graphics/arch-end.gif); background-repeat:repeat-x;
  display:block;
  z-index:1;}
#endLeft {float:left;}
#endRight {float:right;}

#archCentre {margin:0; border:0; padding:0;
  position:relative;
  width:91%; height:60px;
  background-image:url(../graphics/arch-centre.gif); background-repeat:repeat-x;
  display:block;
  float:left;
  z-index:1;}
#archLeft {margin:0; border:0; padding:0;
  position:relative;
  width:272px; height:60px;
  background-image:url(../graphics/arch-left.gif); background-repeat:no-repeat;
  display:block;
  float:left;
  z-index:2;}
#archRight {margin:0; border:0; padding:0;
  position:relative;
  width:272px; height:60px;
  background-image:url(../graphics/arch-right.gif); background-repeat:no-repeat;
  display:block;
  float:right;
  z-index:2;}

/*divs to arrange map and key on activities and visit pages */
div#map {margin:0 0 10px 0; border:0; padding:0;
  position:relative;
  width:65%; height:450px;
  text-align:center;
  float:left;}

div#key {margin:0; border:0; padding:0;
  position:relative;
  width:34.8%;
  text-align:center;
  float:right;}

/*for icons used in key */
div.activity {margin:0; border:0; padding:0; width:125px; height:42px; float:left;}

/* general float controls */
.floatl {float:left;}
.floatr {float:right;}
.clear {clear:both;}

/* other things */
img {margin:0; border:0; padding: 10px;}

/* sets size of events-advert in LH column */
img#advert {width:180px; height:200px;}

/* used for graphics in header & left columns */
img.tight {margin:0; border:0; padding:0;}

div#headerLeft img, div#headerRight img {margin:0; border:0; padding:0;
  position:absolute;
  top:0; left:0;
  width:336px; /*must be same as header Left and headerRight divs*/ height:112px;}
  
/* to centre images within side columns */
div#col-l p {margin:0; border:0; padding:0;
  text-align:center;
  line-height:1.0;}

/* text styling
default color is black on white background, set in body tag in layout css */
h1, h2, h3, h4, h5, h6, p, ul, li, a {font-family:Arial, Helvetica, sans-serif;}

/* main title on each page*/
h1 {margin:0; border:0; padding:0 0 0 20px;
	color:#5AB105; background-color:inherit;
	font-size:24px; text-align:left;}

/* subheading below main title and paragraph headings on contents*/
h2 {margin:10px 0 0 0; border:0; padding:0 0 5px 0;
	font-size:16px; text-align:left;
	display:block;}

h2.center {text-align:center;}

/* text amendments */
/*adjusts h2 heading only after h1 at top of page*/
div#col-main h2 {padding:0 0 10px 40px; line-height:1.2;}

/*positions text alongside the key icons for the map. h2 used to raise profile for search engines*/
div.activity h2 {margin:7px 0 0 0; border:0; padding:0;
  font-size:13px; font-weight:normal; text-align:left;}

/*adjusts vert positioning for single line text alongside icons*/
div.activity h2.single {margin:14px 0 0 0;}

/* heading, green background, off white text*/
h3 {margin:5px 0;	border-top:1px solid #9FC065; border-right:0; border-bottom:1px solid #9FC065; border-left:0; padding:3px 0;
	color:#F0F0F0; background:#9FC065 url(../graphics/navbar.gif) repeat-x;
	font-size:14px; letter-spacing:1px; font-weight:bold; text-align:center;
	display:block;}

#col-r h3 {margin:0; border:0;	background-image:none; background-color:#6C6E6B;}

/* strong text as heading */
h4 {margin:0;	border:0;	padding:0;
	color:black; background-color:inherit;
	font-size:13px; font-weight:bold;}

/*indents key heading*/
div#key h4 {padding: 0 0 0 10px; text-align:left;}

div#info h4 {margin:0 0 5px 0; border:0; padding:0 10px 0 0; text-align:center;}
div#info p {margin:0; border:0; padding:0 15px 0 5px; line-height:1.5;}

/* used for related page links at top of page */
h5 {margin:0;	border:0;	padding:5px 0;
	color:black; background-color:inherit;
	font-size:13px; font-weight:bold; text-align: left;}

p {margin:0; border:0; padding:5px 10px;
	font-size:13px;	font-weight:normal; text-align:justify;
 	line-height:1.5;}

#footer p {margin:5px 0 0 0; border:0;	padding:0;
	font-size:11px; text-align:center;
	line-height:1.0;}

/* same as strong*/
.bold {font-weight:bold;}

div.simple ul{margin:0 10px; border:0; padding:0 0 0 30px; list-style-type:disc;}
div.simple ul li {margin:0;	border:0;	padding:0 0 0 5px; font-size:13px;}

/*navigation styling*/
/*main horizontal navigation bar */
#navbar ul {margin:0; border:0; padding:0 0 0 50px;
	list-style-type:none;
	color:#E3EDF7; background:#9FC065 url(../graphics/navbar.gif) repeat-x;}
#navbar ul li {margin:0;	padding:1px 25px 3px 25px;	border-right:1px solid #E3EDF7;
	color:#E3EDF7;	background:none;
	font-size:16px;	font-weight:bold;
	display:block;
	float:left;
	cursor:default;}
#navbar ul li a, #navbar ul li a:link, #navbar ul li a:visited {text-decoration:none; color:black; background:none;}
#navbar ul li a:hover, #navbar ul li a:active {color:#E3EDF7; background:none;}

/*breadcrumbs navigation within arch graphic*/
#archRight p {margin:40px 0 0 -40px; /*moves breadcrumbs left to provide more space*/ border:0; padding:0;
	color:black; background-color:inherit;
	position:absolute; /*needed to make the overflow text on the left visible*/
	font-size:11px;
	z-index:3;}
#archRight p a:link, #archRight p a:visited, #archRight p a:active {color:#73533E; background-color:inherit;	font-weight:bold;	text-decoration:none;}
#archRight p a:hover {color:#73533E; background-color:inherit; text-decoration:underline;}

/*left column navigation list*/
/*applies textalign (for the links) to the containing block element*/
div#sidenav div.container {text-align:left;}

a.sideMenu, a.sideMenu:link, a.sideMenu:visited, a.sideMenu:hover, a.sideMenu:active {margin:10px 0; border:1px solid #F0F0F0; padding:5px 5px 5px 10px;
	font-size:13px;	font-weight:bold; text-decoration:none;
	line-height:1.0;
	display:block;}
a.sideMenu:link, a.sideMenu:visited, a.sideMenu:active {color:#D4DFF1; background-color:#6C6E6B;}
a.sideMenu:hover {color:#003366; background-color:#F0F0F0;}

div#sidenav p {margin:10px 0; border:1px solid white; padding:5px 5px 5px 10px;
	color:#003366; background-color:#F0F0F0;
	font-size:13px; font-weight:bold; text-align:left; text-decoration:none;
	line-height:1.0;
	display: block;
	cursor: default;}

/*links to other related pages at top of page*/
h5 a, h5 a:link, h5 a:visited, h5 a:active {margin:0; border:0; padding:0;
	color:#7E533E; background-color:white;
	font-size:13px; font-weight:bold;	text-decoration:none; text-align:right;}
h5 a:hover {text-decoration:underline;}

/*external links in main content*/
a, a:link, a:visited, a:active {margin:0; border:0; padding:0; color:#0000FF; background-color:white;	text-decoration:none;	cursor:pointer;}
a:hover {color:#0000FF;	background-color:white;	text-decoration:underline;}

/*nav links in left col*/
/*for graphic links, removes unwanted white patches */
div.prints p a, div.prints p a:link, div.prints p a:visited, div.prints p a:active, div.prints p a:hover {margin:0; border:0; padding:0;
	color:inherit; background-color:#9FC065;
	text-decoration: none;
	cursor: pointer;}

/*floated download links*/
div.content p a.floatr, div.content p a.floatr:link, div.content p a.floatr:visited, div.content p a.floatr:active {margin:0; border:0; padding:0 30px 0 0;
	color:#0000FF; background-color:white;
	text-decoration:none;
	cursor:pointer;}
div.content p a.floatr:hover {color:#0000FF; background-color:white; text-decoration:underline;}

/*internal links in main content*/
a.int {margin:0; border:0; padding:0; color:#7E533E; background-color:white; font-weight:bold; cursor:pointer;}
a.int:link, a.int:visited, a.int:active {color:#7E533E; background-color:white;	text-decoration:none;}
a.int:hover {color:#7E533E; background-color:white; text-decoration:underline;}

/*links to sections within that page (small black)*/
p.page {margin:0; border:0; padding:0; line-height:2; float:right;}
p.page a {margin:0; border:0; padding:0; color:black; background-color:white; font-weight:normal; font-size:11px; cursor:pointer;}
p.page a:link, p.page a:visited, p.page a:active {color:black; background-color:white; text-decoration:none;}
p.page a:hover {color:black; background-color:white; text-decoration:underline;}

/*needed for internal links on transport page*/
p a.int {margin:0; border:0; padding:0; color:#B6856C; background-color:white; cursor:pointer;}
p a.int:link, p a.int:visited, p a.int:active {color:#B6856C; background-color:white; text-decoration:none;}
p a.int:hover {color:#B6856C; background-color:white; text-decoration:underline;}

/*footer links*/
div#footer p a, div#footer p a:link, div#footer p a:visited, div#footer p a:active {color:#0000FF; background-color:white; text-decoration:none;}
div#footer p a:hover {color:#FF00FF; background-color:white; text-decoration:none;}

div.pic a {font-size:13px;}

/*Styling used on Transport page */
div#map2 {margin:0; border:0; padding:0;
  position:relative;
  width:45%; height:1220px;
  text-align:center;
  z-index:0;
  float:left;}

/* transport info */
div#transport {margin:0; border:0; padding:0;
  position:relative;
  width:54.8%;
  text-align:center;
  z-index:0;
  float:right;}

/* div for text on transport page right of map */
div.colcontent {margin:0; border:0; padding:0 10px 0 0; z-index:0;}

/* adjusts padding for map image at top of transport page*/
img {padding:0 10px 10px 10px;}

img.icon {margin:6px 5px; border:0; padding:0; width:30px; height:30px; float:left;}

div#info {margin:5px 0; border:0; padding:5px; position:relative; text-align:left;}

img#thumb {margin:0; border:0; padding:5px 5px 0 5px;
  width:118px; height:90px;
  vertical-align:middle;
  float:left;}