﻿/* Global Declarations
=========================================================================*/
* {margin:0; padding: 0;}

body {color: #000; font: 0.79em/1.45 "Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-serif;}
/*body {behavior: url(/inc/csshover.htc);}/* Win IE behavior call for arbitrary element hover */
img {border: 0; padding: 0;}
img.body {margin: 10px 10px 10px 5px; float: left;}
img.bodyr {margin: 10px -15px 10px 10px; border: 1px gray solid; float: right;}
.onebox img, .leftbox img, .rightbox img {margin:  5px 10px 0 0; float: right;}
abbr, acronym {font-style: normal; border-bottom: 1px dotted #666; cursor: help;}
p.sidecap {font-size: 1em; font-weight: bolder; font-style: italic; padding-top: 20px;}
p.cleared {clear: both;}
code {font-family: "Courier New", Courier, monospace;}
#main p, #main hr{margin-top: 1em;}
input {margin-top: 0.5em;}
div#main form table{margin-top:1em;}
div#main table {border: 1px solid #000;}
div#main td {padding: 0 5px; text-align: left;}
div#main table.council td {border: 1px solid #000;}
div#main table.council td.head {background: #ccc; text-align: center;}
div#main table.council td.datacell {vertical-align: top;}
div#main table.council tr.emptyrow td {height: 2em; border: 0;}
blockquote {padding: 0.5em 2.5em;}
pre {font: 150% monospace;}

/* Links
=========================================================================*/
a:link {color: #425cb0; text-decoration: none; border-bottom: 1px dotted #b6b6b6;}
a:visited {color: #005387; text-decoration: none; border-bottom: 1px dotted #666;}
a:hover {color: #c03238; text-decoration: none; border-bottom: 1px dotted #c03238;}
div#nav a {border: none;}
a.image {border: none;}

/* Headings
=========================================================================*/
h1 {color: #bf2e36; font-size: 1.4em; border: none; margin-bottom: 15px; margin-top: 1em;}
h1 span {font-size: .75em;}
h2 {color: #bf2e36; font-size: 1.2em; border: none; margin-bottom: 5px; margin-top: 1em;}
h3 {color: #000; font-size: 1.1em; border: none; margin-bottom: 3px; margin-top: 1em;}
h3 span.norm {font-weight: normal;}
h3.closeup {margin-top: 0;}
h4 {color: #000; font-style: italic; font-size: 1.0em; border: none; margin-bottom: 2px; margin-top: 1em;}
div#rhc h1 {color: #000; font-size: 1.1em; border: none; margin-bottom: 3px;}
div#rhc h2 {color: #000; font-style: italic; font-size: 1.1em; border: none; margin-bottom: 2px;}
div#rhc h1, div#rhc h2 {margin-top: 0;}
h4.date {color: #000; font-size: 1em; border: none; display: inline; margin-right: 1.5em; margin-top: 1em;}
h4.list {font-size: 1em; display: inline;}
.boxtop {margin-top: 0;}

/* Normal Lists
=========================================================================*/
ul, ol {margin: 0; padding-left: 22px;}
ul {list-style-type: disc;}
ol ul, ul ul {list-style-type: circle;}
ul.quicklinks {list-style-image: url(/i/s/opensquare.gif);}
ul.menu, ol.menu {margin-top: 1em;}

/* Elements and Boxes
=========================================================================*/
hr {color: #222;}
div.box  {background: #F1F2F3; margin: 20px; padding: 10px;padding-top:2px; border: 1px dotted #999999;}
div.specialbox  {background: #F1F2F3; margin: 20px; padding: 10px; border: 1px dashed #999999;}
div.pullquote  {background: #F1F2F3; margin: 20px; padding: 10px; border: 1px dotted #bf2e36;}
p.quote {text-align: left; margin-right: 7em;}
p.by {text-align: right; margin-top: 1em; margin-left: 7em;}
div.featurebox  {background: url("../nav/box_bg.gif") repeat-x center bottom; margin: 20px; padding: 10px; border-top: 1px solid #BE2D38; border-bottom: 1px solid #999999; }

/*div.smallboxtext  {background: url("../nav/box_bg.gif") repeat-x center bottom; padding: 10px; border-top: 1px solid #BE2D38; border-bottom: 1px solid #999999 }
div.homerightbox  {background: url("../nav/box_bg.gif") repeat-x center bottom; padding: 10px;}
div.innerrightbox  {background: #F1F2F3; padding: 10px; border-top: 0px; border-bottom: 1px dotted #999999;}*/

/* Div sizing and positioning
=========================================================================*/
div.container {width: 100%;}
div.wrapper {float: left; width: 100%;}
div#strapleft {float: left;}
div.leftbox, div.leftcol {margin-right: 52%;}
div.rightbox, div.rightcol {float: left; width: 48%; margin-left: -48%;}
div.onebox {margin: 0;} /*was 20px */
div#main {
	margin: 27px 29% 0 172px;
}
div#nav {float: left; width: 145px; margin-left: -100%; margin-top: 27px;}
div#rhc {float: left; width: 25%; margin-left: -25%; padding-top: 27px; }
div#footer {clear: both;}

/* Div styling
=========================================================================*/
div#mainbg {background: url(/i/s/falsecol_bg.gif) 75% repeat-y;}
div#masthead {background: url(/i/s/main_masthead.gif) 100% 0% no-repeat;}
div#memmasthead {background: url(/i/s/mem_masthead.gif) 100% 0% no-repeat;}
div#magmasthead {
	background:#f6e1db url(/i/s/em_logo_combined.png) right 10px no-repeat;
	height:159px;
	padding:0;
	}
div#masthead h1, div#memmasthead h1 {height: 84px; line-height: 84px; margin: 0; background: url(/i/s/sfep2.gif) 0% 0% no-repeat;}
div#masthead span, div#memmasthead span {display: none;}
div#masthead a, div#memmasthead a {border: none;}

div#strapwrap {background: url(/i/s/top_fade.gif) 0% 100%; color: #222; height: 24px; margin: 0; padding: 0;}
p.strapright {padding-right: 1em; font-size: 10px; line-height: 24px; text-align: right;}
div#strapleft p {font-size: 10px; line-height: 24px; margin: 0;}
div#strapleft p {padding-left: 10px;}
div#strapright p {padding-right: 10px;}

div.leftbox, div.rightbox, div.onebox {background: url(/i/s/box_bg.gif) repeat-x center bottom; border-top: 1px solid #be2d38; border-bottom: 1px solid #999; margin-top: 1em; margin-bottom: 1em; padding: .5em 0;}
div.leftbox h2, div.rightbox h2, div.onebox h2, div.leftbox p, div.rightbox p, div.onebox p {padding: 0 .5em;}
div.leftcol, div.rightcol {margin-top: 1em; margin-bottom: 1em; padding: .5em 0;}

div.onebox {
	margin-left:0px;
	width: 75%;
}

div#rhc {background: #f7f8f9;}
div#rhc .lone, div#rhc div {background: url(/i/s/box_bg.gif) 0% 100% repeat-x; padding: 1.5em 0.5em 1em 0.5em; margin: 0;}
div#rhc *.top {padding-top: 0;}
div.piccap {margin: 10px 10px 10px 5px; float: left;}

/*
div#rhc p{margin-top: 1em;}
div#rhc .lone, div#rhc div {background: url(/i/s/box_bg.gif) 0% 100% repeat-x; padding: 0.5em 0.5em 1em 0.5em; margin: 0;}
*/


div#footer {text-align: center;}
div#footer p {background: #fff; padding-top: 5em; padding-bottom: 5em;}


/* Callout boxes for Why Edit?
=========================================================================*/
div.quotewrapper {
width: 95%; 
}

blockquote.callout {
background-color: #f2f2f2;
border:1px dotted #CA9;
padding:10px;
padding-bottom:20px;
}
blockquote.callout div {
color:#332;
font:0.9em/1.6em Verdana, Geneva, sans-serif;
padding: 10px 30px;
}

blockquote.alt {background-color:#d6f4fc;}

/* Image caption divs (John E, 22/09/11)
===========================================================================*/
div.caption {
	background:#f5f5f6;
	border:2px solid #dedede;
	box-shadow:0px 0px 2px 0 #CCC;
	margin:20px 20px 20px 0;
	padding:10px;
	}

div.fltrt {
	float:right;
	margin-right:0;
	margin-top:0;
	margin-left:20px;
	}
div.fltlft {
	float:left;
	margin-left:0;
	margin-top:0;
	}
div.caption p {
	font-size:0.8em;
	margin:5px 0 0 0;
	color:#555;
	line-height:1em;
	text-align:justify;
}

div.centred {
	margin:10px auto;	
}
/*===============================================================*/
.clearboth, .clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.centred {
	text-align:center !important;
	}
	
.table_even {
	background-color:#F2F2F0;
	}
