/* ---------------------------------
   project: Bourenmouth/Poole Gov
   title: Hi-Contrast CSS
   date: 10/03/2008
   author: Stuart Lees
   company: TXD Limited
   web: http://www.txdlimited.co.uk
   --------------------------------- /*
   
/* --------------------------------- set defaults --------------------------------- */

* {
	margin:0; 
	padding:0
}

body {
	font:72.5%/1.2 Arial, Helvetica, sans-serif; 
	color:#fff; 
	text-align:center; 
	background:#000
}

a, a img {
	outline:0; 
	border:0
}

img {border:0}
a {color:yellow}
a:hover {text-decoration:none}

/* --------------------------------- div layout --------------------------------- */

div#wrapper {
	width:800px; 
	text-align:left; 
	margin:0px auto; 
	padding-bottom:1px; /* Fix: firefox/safari visual issue */ 
	background:#000;
}

div#header {
	width:785px; 
	background:url(../images/hi_contrast_header.jpg) top left #000; 
	height:85px; 
	border:7px solid #000
}

div#sub_header{
	color:yellow; 
	background:#333; 
	border: 2px solid #222; 
	margin:0 7px;
}

div#footer {
	height:1%; 
	clear:both; 
	color:yellow; 
	background:#333; 
	border: 2px solid #222; 
	margin:0 7px 7px 7px
}

div#header h1 {display:none}

/* --------------------------------- breadcumb trail --------------------------------- */

#bread {
	float:left;
	color: yellow;
	padding: 0.5em;
	font-size:1.2em;
}

#bread ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
} 

#bread ul li {
	margin-left: 0;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
}

#bread-gen ul li:before {
	content: "\0020 \0020 \0020 \00BB \0020";
	color: yellow;
}
	
#bread-gen ul li.first:before {
	content: " ";
}
	
#bread ul li a {color:yellow; text-decoration:none} 
#bread ul li a:hover {text-decoration:underline} 
	
/* --------------------------------- sub nav --------------------------------- */	

#subNavigation {
	width: 167px;
	padding: 1em 0;
	margin: 7px;
	background-color: #222;
	color: #fff;
	font-size:1.2em;
}
	
#subNavigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
		
#subNavigation li {
	border-top: 1px solid #111111;
	border-bottom: 1px solid #222222;
	margin: 0;
}

#subNavigation li a {
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-right: 5px solid #333;
	background:none;
	background-color: #444;
	color: #fff;
	text-decoration: none;
	width: 100%;
}

html>body #subNavigation li a { /* IE6 FIX - ensures anchor stretches full width of div */
	width: auto;
}

#subNavigation li a:hover {
	border-right: 5px solid #EAEA00;
	background:none;
	background:yellow;
	color: #000;
}

div#centerCol {
	width:439px
}

div#printFriendly {
	float:right
}

div#printFriendly a, div#disclaimer a {
	color:yellow
}

div#header a {
	display:block; 
	width:785px; 
	height:89px
}

div#leftCol, div#centerCol, div#rightCol {
	float:left; 
	margin-bottom:7px
}

div#latest-news{
	background:none; 
	color:#fff; 
	margin:7px 0 7px 7px; 
	width:167px;  
	background:#333; 
	border-bottom:10px solid #222
}

div#contact-card{
	background:none; 
	color:#fff; 
	margin:7px 0 7px 7px; 
	width:167px;  
	background:#333; 
	border-bottom:10px solid #222
}

div#accessibility-tools{
	background:none; 
	color:#fff; 
	margin:7px 0 0 7px; 
	width:167px;  
	background:#333; 
	border-bottom:10px solid #222
}

div#stylesheet-swappers {
	padding:0.5em
}

div#copyright{
	float:left
}

div#disclaimer{
	float:right
}

/* --------------------------------- typography --------------------------------- */

h1 {
	font-family:"Trebuchet MS"; 
	font-weight:normal; 
	font-size:1.7em; 
	padding:0.4em
}

h2 {
	font-family:"Trebuchet MS"; 
	font-size:1.3em; 
	padding:0.5em
}

p, div#centerCol li{
	font-size:1.2em; 
	padding:0.5em
}

ul {padding-left:30px}

h1 span, .emailStyle span {display:block}

/* --------------------------------- forms --------------------------------- */

fieldset {
	margin:0;
	padding:0.5em;
	border:0;
	color:#fff;
	font-size:0.9em;
	width:162px;
}

legend {
	font-weight:bold;
	font-size:1.2em;
	padding:0.6em;
	color:#fff;
}

label {
	display:block;
	width:10em;
}

input, textarea {
	width:150px;
}

input.submit {
	font-size:1.1em;
	width:80px;
	padding:0.5em;
	border:1px solid #ddd;
	margin:0.5em;
	cursor:pointer;
}

/* --------------------------------- heading styles --------------------------------- */

.latestNewsHeading {
	height:25px; 
	background:none; 
	color:yellow; 
	background-color:#333; 
	display:block; 
	border-bottom:10px solid #222
}

.contactCardHeading {
	height:25px; 
	background:none; 
	color:yellow; 
	background-color:#333; 
	display:block; 
	border-bottom:10px solid #222
}

.accessibilityToolsHeading {
	background:none; 
	color:yellow; 
	background-color:#333; 
	display:block; 
	border-bottom:10px solid #222; 
	font-size:1.5em
}

.emailStyle {
	cursor:pointer; 
	color:#FFFFFF; 
	text-decoration:underline; 
	display:block; 
	background:#333; 
	padding:0.5em; 
	margin-bottom:-7px;
	border:none;
	display:block; 
    height:20px;
	cursor:pointer;
	width:150px;

}

* html .latestNewsHeading, * html .contactCardHeading, * html .accessibilityToolsHeading, * html .emailStyle {
	background:none; 
	filter:none; 
	background:#333
}

/* --------------------------------- misc classes --------------------------------- */

.yellow {
	color:yellow; 
	font-weight:bold
}

.clear {
	clear:both; 
	height:0; 
	visibility:hidden; 
	display:block
}

.firstHeader {
	margin:7px 0
}

fieldset#contact_us {
	margin:1em;
	padding:1em;
	border:1px solid #000;
	background:#222;
	width:400px;
}

fieldset#contact_us legend {
	font-weight:bold;
	color:yellow;
}

fieldset#contact_us label {
	float:left;
	display:block;
	width:10em;
	font-weight:bold;
	color:#fff;
}

.expWidth {font-size:11px;}

div#contact-card a, div#latest-news a {
	color:yellow
}


/* --------------------------------- IE 6 Kludging --------------------------------- */
* html div#sub_header {height:20px;}
* html div#latest-news, * html div#contact-card {width:150px}
* html .emailStyle {width:133px}
* html div#accessibility-tools {width:182px}
* html fieldset {width:142px;}
* html input, textarea {width:130px;}

div#differentHeader {margin:10px 0;}
div#differentHeader div#h1Container {float:left; display:inline; height:200px; width:200px; background:#333;}
div#differentHeader h1 {font-size:2em; margin: 0; padding:1em;}
div#differentHeader img {float:right; display:inline;}

/* --------------------------------- IE 6 Box Model Kludging --------------------------------- */

div#newsItem {background:#333; border:1px solid #222;}
div#newsItem h2 {background:url(../images/date1.gif) center left no-repeat; padding-left:20px; margin-left:5px;}
.alignRight {text-align:right}
.newsImg {float:left; display:inline; margin:0.5em}

div#paging {background-color:#333; border:1px solid #222; margin-bottom:10px; color:#fff;}
.smallText {font-size:0.9em; padding-bottom:0; text-align:right}