/* Dec 2009 Combined css sheets and stopped routine use of 'import' to improve load time. This css file applies to the basic page layout, ie 3 column, variable width; 20% 62% 18%. Basic layout styling is followed by text styling, then navigation styling. The ie width bug is dealt with by using 'container' divs with margin, border and padding values set to 0*/
/* other ie bugs are fixed in ie5fix.css, iefix.css or ie7fix */

/* layout styling*/
body {margin:0; border:0; padding:0; color:green; background-color:#9FC065;}
/*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:white;
  top:0;
  width:100%; min-width:1038px;
  display:block;
  z-index:1;}

#minwidth1, #minwidth2 {margin:0; border:0; padding:0; position:relative;}
#col-r, #col-c, #col-l {margin:0; border:0; padding:0; position:relative;}

/*these are the basic containers that make up the 3 column structure, width and float settings declared independently*/
#col-l {width:20%; float:right;}
#col-c {width:62%; float:right;}
#col-r {width:18%; 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 */

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

/* used to hold the side map and provide a white background */
.container-r {color:inherit; background-color:white;}

/*used to set the padding for text and graphics and draws side borderswithin central column */
.content {margin:0; border-width:0 1px 0 1px; border-style:solid; border-color:black; padding:10px 20px 0 20px;
  color:black; background-color:white;}

/* 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; padding:0; border:0;
  position:relative;
  width:41.5%; height:112px;
  color:inherit; background:#9FC065 url(../graphics/logo.gif) no-repeat left 11px;
  float:right;}

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

#footer {margin:0; border:1px solid black; padding:0;
  position:relative;
  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;}

.prints {margin:0; border:0; padding:0;
  position:relative;
  background:url(../graphics/prints.gif) repeat-y 50% 0%;
  width:100%;
  height:705px;}

/* arch construct */
#endLeft, #endRight {margin:0; border:0; padding:0;
  position:relative;
  width:3%; height:60px;
  background:url(../graphics/arch-end.gif)repeat-x;}
#endLeft {float:left;}
#endRight {float:right;}

#archCentre {margin:0; border:0; padding:0;
  position:relative;
  width:93%; height:60px;
  background:url(../graphics/arch-centre.gif) repeat-x;
  float:left;}

#archLeft {margin:0; border:0; padding:0;
  position:relative;
  width:272px; height:60px;
  background:url(../graphics/arch-left.gif) no-repeat;
  float:left;}

#archRight {margin:0; border:0; padding:0;
  position:relative;
  width:272px; height:60px;
  background:url(../graphics/arch-right.gif) no-repeat;
  float:right;}

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

/* floated divs (containing img & label) in main content */
div.picl {margin:10px 10px 5px 10px; border:1px solid #9FC065; padding:0;
  background-color:#E1F5CD;
  float:left;}

div.picr {margin:10px 10px 5px 10px; border:1px solid #9FC065; padding:0;
  background-color:#E1F5CD;
  float:right;}

div.picc-contain {margin:0; border:0; padding:0;
  position:relative;
  text-align:center;}/*needed for ie as margin auto doesn't work*/

div.picc-content {margin:0 auto; border:0; padding:0 20px; width:auto;}/*for proper browsers*/

div.picl img, div.picr img {padding:0;}
div.picl img.portrait {padding:0; width:188px; height:250px;}

div.picr img.portrait {padding:0; width:188px; height:250px;}

/*div containing thumbs img and label*/
div.pic img {margin:0; border:0; padding:0;}

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

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

/* used for graphics in header, right & 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; height:112px;} /*must be same width as header Left and headerRight divs*/

/* to centre images within side columns */
div#col-l p, div#col-r 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 10px 0;
	color:#5AB105; background-color:inherit;
	font-size:24px; text-align:left;}
h1.smaller {padding:5px 10px; font-size:16px; text-align:center;}/* used on transport and various accommodation pages */

/* 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;}

/* heading, green background, off white text*/
h3 {margin:5px 0 5px 0; border-width:1px 0; border-style:solid; border-color:#9FC065; padding:3px 0 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;}

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

/* used for related page links at top of page */
h5 {margin:0; border:0; padding:5px 0 0 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;}
div.picl p, div.picr p {margin:0;	border:0;	padding:0 0 2px 0; text-align:center;}
div.picc-content p {border:0;	margin:0;	padding:0 20px; text-align:center; font-size:11px;}
div.pic p {	border:0; padding:0 0 10px 0; text-align:center;}
div.prints p {color:white; background-color:#9FC065; font-size:13px;}

.bold {font-weight:bold;}
.center {text-align:center;}

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;}

div.soac ul {margin:10px; border:0; padding:0 0 0 15px; list-style-type:disc;}
div.soac 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;
	font-size:16px; font-weight:bold;
	display:block; cursor:default;
	float:left;}
#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, moves breadcrumbs 4opx left to provide more space*/
#archRight p {margin:40px 0 0 -40px; border:0; padding:0;
	position:absolute; /* needed to make the overflow text on the left visible */
	color:black; background-color:inherit;
	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-decoration:none; text-align:left;
	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;}

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;}

div.button {margin:10px auto 0 auto; border:0; padding:0;
	position:relative;
	width:105px; height:30px;
	display:block;}
div.button p {margin:0; border:0; padding:0;
	position:relative;
	text-align:center;
	width:105px; height:30px;}
div.button p a {margin:0; border:0; padding:0;
	color:white; background:#5AB105 url(../graphics/button-green1.gif) no-repeat;
	cursor:pointer;
	width:105px; height:30px;
	display:block;}
div.button p a:link, div.button p a:visited, div.button p a:active {
	color:white; background:#5AB105 url(../graphics/button-green1.gif) no-repeat;
	font-size:18px; font-weight:bold; text-decoration:none;
	width:105px; height:30px;}
div.button p a:hover {
	color:white; background:#5AB105 url(../graphics/button-green2.gif) no-repeat;
	font-size:18px; font-weight:bold; text-decoration:underline;
	width:105px; height:30px;
	display:block;}