/* ------------------------------------------------------------------------------------
Website: Encams Keep Britain Tidy
File: Global styles
Author: Reading Room
Created: Feb 2009
Colour references:
Purple		#92406d
------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------
-- Resets and base styles
------------------------------------------------------------------------------------ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; font-size: 1em; }
img, embed, form, fieldset { border: 0; vertical-align: bottom; }
body { font: 62.5% "Arial", sans-serif; background: #fff url(/images/bodyBackground.png) center top repeat-x; color: #000; text-align: center; }
input, select, textarea { font: 1em "Arial", sans-serif; vertical-align: bottom; }
table { border-collapse: collapse; border-spacing: 0; }
table th { font-weight: normal; text-align: left; }
ul, ol { list-style: none; }
.hide, .skipNav { position: absolute; top: 0; left: -9999px; }
.skipNav:hover, .skipNav:active, .skipNav:focus { position: absolute; top: 0; left: 0; background: #000; color: #fff; }
.clear { clear: both; }
a { color: #92406d; text-decoration: none; }
a:hover, a:active, a:focus { color: #92406d; text-decoration: underline; }
.imgRight { float:right; margin:0 0 .5em 1em; }
.imgLeft { float:left; margin:0 1em .5em 0; }
.flash-replaced .alt { position:absolute; left:-999em; }
.mapSkip { position:absolute; z-index:100; right:15px; }
/* ------------------------------------------------------------------------------------
-- Main layout
------------------------------------------------------------------------------------ */
#container { width: 998px; margin: 0 auto; text-align: left;  }
/*h1 { font-size: 2em; }*/
#logo { margin: 10px 0 10px 6px; display: block; width: 470px; float: left; }
#main { clear: both; }
#home #mainCol { width: 765px; margin-left: 220px; padding-top: 30px; }
#interior #mainCol { width: 765px; margin-left: 220px; padding-top: 5px; padding-bottom: 5px; }
#content { position: relative; width: 994px; margin: 0 auto; }
#content { background: url(/images/contentHomeBackground.gif) top left repeat-y; }
#contentTop { background: url(/images/contentHomeTopBackground.png) top left no-repeat; width: 994px; height: 10px; margin: 0 auto; overflow:hidden; }
#contentBottom { background: url(/images/contentHomeBottomBackground.png) top left no-repeat; width: 994px; height: 10px; margin: 0 auto; font-size: .1em; }
/* ------------------------------------------------------------------------------------
-- Site tools
------------------------------------------------------------------------------------ */
#tools { width: 998px; }
#toolsContent { overflow: hidden; background: url(/images/toolsBackground.png) top left repeat-y; padding: 4px 20px 0 20px; }
#toolsBottom { clear: both; background: url(/images/toolsBottom.png) top left no-repeat; height: 11px; font-size: .1em; }
#tools li { display: inline; color: #92406d; padding: 0 0.6em 0 0; float: left; }
#tools li#toolsSkip, #tools li#toolsHelp { margin-top: 2px; }
#tools li#toolsSkip a, #tools li#toolsHelp a { padding-right: 0.6em; }
#tools li#toolsText { margin-top: -1px; }
#tools li ul { display: inline; }
#tools li ul a { text-transform:uppercase; }
#tools li ul li { float:none; padding:0; }
#tools li ul li.large a { font-size:1.2em; }
#tools li ul li.xlarge a { font-size:1.4em }
#tools li ul li a span { position:absolute; left:-999em; }
#tools li#toolsColours { margin-top:1px; }
#tools li#toolsColours ul { padding-left: 0.3em; }
#tools fieldset { float: right; }
#tools fieldset label { font-weight: bold; font-size: 1.1em; }
#tools fieldset input { vertical-align: middle; }
/* ------------------------------------------------------------------------------------
-- CSGN Login box
------------------------------------------------------------------------------------ */
#login { width: 241px; float: right; margin: 30px 1px 0 0; }
#loginTop { background: url(/images/loginTopBg.png) top left no-repeat; height: 8px; font-size: .1em; }
#loginContent { background: url(/images/loginContentBg.png) top left repeat-y; min-height:75px; padding: 0 4px; width: 241px; overflow: hidden; }
#loginContent p { font-weight: bold; color: #0871c2; font-size: 1.1em; padding: 0 5px 2px 5px; }
#loginContent fieldset, #loginContent .loginInner { border-top: 1px solid #DDD; padding: 6px 6px 0 6px; margin-right: 6px; }
#loginContent fieldset div#loginLeft { float: left; width: 170px; }
#loginContent fieldset div#loginLeft label { float: left; clear: left; width: 5.5em; color: #666; padding-top: 0.25em; }
#loginContent fieldset div#loginLeft input { float: left; margin-bottom: 0.4em; width: 100px; vertical-align: middle; }
#loginContent fieldset div#loginRight { float: right; width: 50px; }
#loginContent fieldset div#loginRight a { color: #999; font-size: 0.9em; }
#loginContent fieldset div#loginRight input { margin-top: 4px; }
#loginBottom { background: url(/images/loginBottomBg.png) top left no-repeat; height: 8px; font-size: .1em; }
/* ------------------------------------------------------------------------------------
-- Main nav
------------------------------------------------------------------------------------ */
#nav { background: #999 url(/images/navBg2.gif) center top no-repeat; width: 949px; margin: 0 auto; margin-bottom: -10px; }
#nav ul { padding-left: 15px; overflow: hidden; }
#nav li { float: left; }
#nav li a { display: block; font-size: 1.5em; color: #FFF; text-align: center; line-height: 2.6em; }
#nav li a:hover, #nav li a:focus, #nav li a:active { text-decoration: none; color: #caeac3 }
#nav li a span span { padding: 0 15px; white-space: nowrap; }
#nav li.current a, #nav li.current a:hover, #nav li.current a:active, #nav li.current a:focus { background: url(/images/navLeftBg.png) top left no-repeat; color: #000; padding: 0; }
#nav li.current a span { display: block; background: url(/images/navRightBg.png) top right no-repeat; height: 34px; cursor: pointer; }
#nav li.current a span span { display: block; padding: 0 15px; }
/* ------------------------------------------------------------------------------------
-- Footer
------------------------------------------------------------------------------------ */
#footer { background: url(/images/footerBackground.png) top left no-repeat; margin-top: 10px; padding: 13px 20px 20px 16px; }
#footer li { float: left; color: #92406d; }
#footer li a { color: #92406d; margin: 0 4px; }
#footer li.rr { margin-left: 4px; }
#footer li.rr a { margin: 0; }
#footer #footerLinks { float: left; width:75%; }
#footer #share { float: right; text-align:right; width:22%; padding-top: 5px; font-weight: bold; text-align: right; }
#footer #share span { display: inline; }
#footer #share ul { display: inline; }
#footer #share li { display: inline; float:none; }
#footer #share li a { margin: 0; padding: 0 2px; }
/* ------------------------------------------------------------------------------------
-- Clearfixes
------------------------------------------------------------------------------------ */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */