/* main layout */
body {margin:0; text-align: center;	color:#333;	background:#DDD;}
#container {
	margin-left: auto; margin-right: auto;
	min-width:700px; max-width:68em;
	text-align:left;
	background:url(shadow-r.gif) top right repeat-y #FFF;
	padding-right:10px; border-left:1px solid #AAA;
	}
#nav {float:left; width:17.2em;}
#content, #related, #crumbs {margin:0 1em 0 17.4em; padding:0 1em;}
#content {margin-bottom:1em; padding:0 0.8em 1em 0.8em;}
#legal {clear:both;}

/* Hide 'helper' elements from graphical browsers */
.hide, .piclink, #extlinks dt, #help dt, #legal dt, #access dt, #siteprefs dd span, #search label {
  position:absolute; left:0px; top:-9999px; width:1px; height:1px; overflow:hidden; }
#mainnav dt {text-indent:-5000px;}

/* Branding */
#brand, #title {height:7em; text-align:left;}
#topnav {background:#006;}
#badge {padding:0; margin:1em 0 0 1em; margin-top:-8em; clear:left; border:0;}
#org {display:block; margin-left:134px; margin-top:0.5em; color:#FFF; font-size:2em;}
#secondnav {background:#C00;}
#help {border:2px solid #F00; border-width:2px 0;}
#tel {background:url(tel.gif) left no-repeat; color:#FFF; float:right; margin:-3em 0.5em 0 0; padding-left:33px; line-height:1.2em;}

/* Search box */
#search {	
	float:right;
	margin:-9em 0.8em 0 0; padding:0;
	height:4.2em; width:19em;
	background:#006;
	border:1px solid #039;
  }
#search form {margin:0;	height:5em;}
#search #q {width:9.8em; margin:1em 0 0 2em;}

/* Nav: Access links*/
#access {border-top:0.4em solid #152852; border-bottom:1px solid #039;}
#access dl {
	display:block;
	margin:0;	padding:0 20.6em 0.1em 0;
	text-align:right;
	}
#access dd {
	display:inline;
	margin:0;	padding:0 0.8em 0 0.6em;
	background:url(sq-blu-lt.gif) center right no-repeat;
	}
#access dd a {margin:0;	padding:0;}
#access a:link, #access a:visited {color:#FFF;}
#access a:hover {color:#FF9;}	
#access a:active, #access a:focus {color:#C00;}

/* Nav: Top bar */
#help dl {margin:0;	text-align:right;}
#help dd {display:inline; padding:0 1em;}
#help dd {
	height:24px;
	margin:0; padding:0;
	border-left:1px solid #900; border-right:1px solid #F00;
  }
#help .first a {border-left:1px solid #900;}
#help .first {border-left:1px solid #F00;}
#help a {height:24px; padding:0 1em; color:#F00;}
#help a:link, #help a:visited {color:#FFF;}
#help a:focus, #help a:hover, #help a:active {color:#FF0; background:#900;}

/* Nav: Main left */
#nav {margin:0.4em 0 0 0; padding:0; clear:left;}
#mainnav {display:block; background:url(blumenu-tr.png) right top no-repeat; margin:0 0.7em;}
#mainnav dt {display:block; background:url(blumenu-tl.png) left top no-repeat;}
#mainnav dd {width:100%; margin:0; background:url(blumenu-tl.png) left bottom repeat-y;border-bottom:1px solid #fbf8e8;}
#mainnav a { /* Buttons */
	display:block;
	color:#333;
	border-bottom:1px solid #ebe1af;
	padding:0.2em;
	text-indent:0.2em;
  }
#mainnav .current {background:url(blumenu-cur.png) left top no-repeat;border:1px solid #ebe1af;border-width:0 1px;}	
#mainnav a:hover {color:#888;}
#mainnav a:focus, #mainnav a:active {color:#C00;}
#mainnav .current:focus, #mainnav .current:active {background:#FFC;} 
#mainnav .last {background:url(blumenu-bl.png) left bottom no-repeat;}
#mainnav .last span {display:block; background:url(blumenu-br.png) right bottom no-repeat; border:0;padding-bottom:1em;}	
#mainnav .last, #mainnav .last a {border:0;}
  
/* Nav: Left ext links*/
#extlinks {background:#FFF;margin:0 0.4em;padding:0;clear:left;}
#extlinks dd {margin:0 0.1em 0 0.2em; background:url(goldgrad-l.png) left bottom no-repeat;}
#extlinks span {
	display:block;		
	padding:0.5em; 	
	background:url(goldgrad-r.png) right bottom no-repeat;
	}	
#extlinks a {
	display:block;
	height:100%;
	padding:0.8em 0.6em 0.8em 61px;
	color:#333;
	}
#extlinks a:hover {color:#C00;}
#extlinks a:focus, #extlinks a:active {color:#C00; border:1px solid #C00;}
#dpplink a {background:url(dpplogo.gif) 12px center no-repeat; padding-left:72px;}
#pawlink a {background:url(paw-logo.gif) left center no-repeat; padding-left:72px;}
#apalink a {background:url(apalogo.gif) left center no-repeat; padding-left:72px;}
#pplink a {background:url(pledge.gif) center left no-repeat; line-height:2.4em;}

/* Nav: Site prefs */
#textsize {float:left; margin:0 8px 0 0; padding:0 5px 5px 8px; border-right:1px solid #CCC;}
#scheme {margin:0; padding:0 0 5px 8px;}
#textsize dd, #scheme dd {margin:0; float:left;}
#siteprefs dd a {display:block; margin-right:5px; _margin-right:2px; height:18px; width:16px; border:1px solid #2362ca;}
#siteprefs dd a.current {border-width:2px;}
#small-fonts {background:url(textsize-s.gif) center no-repeat;}
#medium-fonts {background:url(textsize-m.gif) center no-repeat;}
#large-fonts {background:url(textsize-l.gif) center no-repeat;}
#default-scheme {background:url(scheme-default.gif) center no-repeat;}
#high-contrast {background:url(scheme-bw.gif) center no-repeat;}
#inverted {background:url(scheme-invert.gif) center no-repeat;}
#blue-yellow {background:url(scheme-yel.gif) center no-repeat;}

/* Nav: Breadcrumbs */
#crumbs {margin-top:1em; padding:0.3em; background:url(cor-tr.gif) top right no-repeat #E7E7E7; border-bottom:1px solid #DDD;}
#crumbs span {padding-left:0.4em;}
#crumbs ol, #crumbs li {display:inline; margin: 0 0.2em; padding:0;}
#crumbs a {padding:0 1em 0 0; background: url(arr-rt-blu.gif) no-repeat right; color:#333;}
#crumbs a:hover{color:#C00;}
#crumbs a:focus, #crumbs a:active {background-color:#FFC;}
	
/* Nav: Footer */	
#docdate {text-align:right; color:#999; padding-right:1em;}
#legal {
	display:block;
	background:url(foot-b.gif) bottom left repeat-x #FFF;
	text-align:right;
	}
#legal a:link {color:#039;}	
#legal a:visited {color:#003;}
#legal a:hover {color:#03F;}
#legal a:focus, #legal a:active {color:#C00;}
#copy {
	float:left;
	margin-left:-1px;	padding:1em 1.6em 1.2em 1em;
	background:url(foot-bl.gif) bottom left no-repeat;
	}
#privacy {	
	margin-right:-10px;	padding:1em 1.6em 1.2em 1em;
	background:url(../styles/foot-r.gif) bottom right no-repeat;
	}
	
/* Page content */
#content {background:url(ltgrygrad.png) top repeat-x #FAFAFA;	border:1px solid #E7E7E7;}
h1 {color:#152852; padding-right:150px;}
h2 {background:url(grad-gry-sm.gif) bottom repeat-x; border-bottom:1px solid #DDD;}	
acronym, .unit {border-bottom:1px dashed #999; cursor:help;} /* Use unit class w/ title to expand abbrv units e.g. £'000 */
#download, #contact, .highlight {background:url(cor-gry-tr.gif) top right no-repeat #EEE; padding:0.3em; margin-top:1.6em;}
#download .pdf {color:#555; line-height:1.5em;}
#download .pdf a {color:#444;}
#download .link {padding-top:1em;}
.outline {border:1px solid #DDD; margin:1.4em 0.6em 0 0.6em; padding:0.2em; background:url(ltgrygrad.png) top repeat-x; line-height:1.3em;}
.outline * {margin-top:0;}
.outline div, .outline ul, .outline p, .outline ol {position:relative; top:-0.1em;}
#download h2, #download h3, .outline h2, .outline h3, #contact h2, .highlight h2, .highlight h3 {display:inline; z-index:101; position:relative; border:0; background:0; top:-0.8em; padding:0; color:#888; font-size:1.4em; background:#f9f9f9; margin:0 0.2em; padding:0 0.4em; border:1px solid #DDD;}
blockquote .attrib {display:block; font-style:normal; font-weight:bold; padding-top:0.4em;}
.ref {color:#F00; vertical-align:top; font-weight:normal; font-size:0.8em;}
.ref a, a.ref {color:#F00; text-decoration:none;}
.footnote .ref {vertical-align:middle;}
.footnote {line-height:1.3em;}
.footnote h2 {background:none;}
#rmenu {float:right; width:18em; background:#FFF url(gld2wht.gif) top repeat-x; border-top:3px solid #ece2b4; border-left:4px solid #f9f9f9; border-right:4px solid #f9f9f9; border-bottom:2px solid #ece2b4; margin:1em 0 1em 1em;}
#rmenu ul {margin:1em; list-style:none; list-style-type:none;}
#rmenu li {border-bottom:1px solid #ece2b4;}
#rmenu a {text-decoration:none;}
#rmenu a:hover {text-decoration:underline;}

/*Tables*/
table {border:1px solid #BBB; width:80%;}
table.sm {width:60%;}
table.lg {width:98%;}
table.fit {width:auto;}
td {border:1px solid #DDD;}
th {background:#DDD; border:0;}
table .lcell {text-align:left;}
table .ccell {text-align:center;}
table .rcell {text-align:right;}
table .total {background:#CDF;}
table .subtotal  {background:#FFD;}
table .subcat {background:#EEF;}

/* Images */
img {float:left;}
img.l, img.r {border:1em solid #FAFAFA;} /*instead of margins - IE bug*/
img.l {border-left:0;}
img.r {float:right; border-right:0;}

/* Lists */
ul {list-style-image:url(sq-blu-dk.gif);}
ol.ualpha {list-style-type:upper-alpha;}
ol.lalpha {list-style-type:lower-alpha;}
ol.lroman {list-style-type:lower-roman;}

/* Links */	
a:link {color:#2362ca;}
a:visited {color:#315287;}
a:hover {color:#03F;}
a:focus, a:active {background:#FFC; color:#C00;}
#access a, #mainnav a, #help a, #extlinks a, #legal a {text-decoration:none;}
a.external {background:url(extlink.gif) right top no-repeat; padding-right:20px;}
a.external:visited {background-position:right -100px;}
a.external:focus {background-position:right -200px; background-color:#FFC;}
a.external:hover {background-position:right -200px;}
a.external:active {background-position:right -300px; background-color:#FFC;}

/* Forms */
input:focus, input:active {background:#FFC;}