/*  
Theme Name: First Responders Theme
Theme URI: http://www.mayfieldellastonecfr.co.uk/
Description: First Responders Theme
Version: 1.0
Author: Tim Butler
Author URI: http://www.flux-design.co.uk/
*/

/* CSS RESET */
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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block}
body {line-height: 1}
ol, ul {list-style: none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none}
table {border-collapse: collapse; border-spacing: 0}

body, td, tr, img, form, input {font-size:11px; line-height:14px; color:#333333; font-family:Verdana, Arial, Helvetica, sans-serif; padding:0; margin:0; border:0}

body {background-color: #CCCCCC; margin: 0px}

#wrap {width:880px; margin:0 auto}
#page {padding:0px 18px 0px 17px; float:left; background-color:#FFFFFF; float:left}
#head {width:845px; height:437px; float:left; background-image:url(images/header-main.jpg); background-repeat:no-repeat; position:relative}
.logo {position:absolute; top:10px; left:0; z-index:3}
.overlay {position:absolute; top:0; left:0; z-index:2}

#nav {width:845px; height:38px; background-image:url(images/nav-bg.png); position:relative; top:399px; left:0; position:relative}
#left {float:left; width:580px; margin-top:11px}
#left .padding {padding:12px 0px 0px 0px; float:left}
#leftcontent {min-height:250px; width:580px; clear:left}
#lowerlogos {float:left; padding:25px 0px 15px 0px; clear:both; width:845px}
#lowerlogos img {float:left; padding-right:25px}
#lowerlogos img.last {float:left; padding-right:0px}

#right {float:right; width:250px; background-color:#e5f3f0; margin:20px 0px 0px 0px}
#right .padding {padding:12px}
#foot {width:880px; background-color:#008570; float:left}
#footermargin {float:left; width:880px; height:20px; background-color:#FFFFFF}

#right h4 {margin:30px 0 5px 0}

#right2 {float:right; width:250px; background-color:#fff; margin:20px 0px 0px 0px}
#right2 .padding {padding:12px}

img {border:0}
p {margin:0px 0px 10px 0px}
strong {color:#008570}
a {color:#333333; text-decoration:underline}
a:hover {color:#333333; text-decoration:none}

#leftcontent ul {margin:0px 0px 15px 0px; padding:0px 0px 0px 30px}
#leftcontent ul li {margin:0px 0px 5px 0px; padding:0px}

#leftcontent ul.flowchart {margin:0px 0px 15px 0px; padding:0}
#leftcontent ul.flowchart li {margin:0px; padding:5px 20px 0px 20px; background:url(images/flowchart-bg.png); display:block; width:540px; height:61px; text-align:center; list-style:none}

#leftcontent ul.flowchart li.oneline {padding-top:10px; height:56px}

h1 {margin:0px 0px 15px 0px; color:#008570; font-size:24px; line-height:30px; clear:both}
h2 {margin:0px 0px 15px 0px; color:#008570; font-size:18px; line-height:24px; clear:both}
h3 {margin:0px 0px 15px 0px; color:#008570; font-size:14px; line-height:18px; clear:both}
h4 {margin:0px 0px 15px 0px; color:#008570; font-size:11px; line-height:14px; clear:both}

img.alignleft {float:left; margin:0 15px 15px 0}
img.alignright {float:right; margin:0 0 15px 15px}

body#gallery #leftcontent img {margin-right:12px; float:left}
body#gallery #leftcontent img.last {margin:0}
body#gallery #leftcontent p {margin:0px 0px 12px 0px; float:left; clear:both; width:580px}

.article {margin-bottom:30px}

.footertext {padding:2px 0px 2px 17px; color:#FFFFFF; float:left}
.footertext a {color:#FFFFFF; text-decoration:none}
.footertext a:hover {text-decoration:none; color:#a7e3da}

.credit a{text-decoration:none}
.credit a:hover{text-decoration:none; color:#a7e3da}

#nav ul {list-style:none; padding:0px; margin:0px; width:100%}
#nav ul li {float:left; position:relative}
#nav ul li a {display:block; padding:9px 30px; margin:0px; text-decoration:none; float:left; text-align:center; background-repeat:no-repeat; font-size:12px; font-weight:bold; line-height:20px; color:#fff; text-decoration:none}
#nav ul li:hover a, #nav ul li.current-menu-parent a, #nav ul li.current-menu-item a {color:#fff; text-decoration:none; background-color:#008570}

#nav ul li ul {display:none; position:absolute; top:38px; left:0; width:auto; height:auto; z-index:999; background:#333333; overflow:visible; padding:9px 0}
#nav ul li:hover ul {display:block}
#nav ul li ul li {float:left; height:auto; clear:both; margin:0; padding:0; display:block; width:100%}
#nav ul li ul li a {display:block; clear:both; height:auto; float:none; padding:9px 30px; text-align:left; width:100%; line-height:14px; white-space:nowrap}
#nav ul li ul li a:hover, #nav ul li ul li.current-menu-item a {color:#008570; background:none}
#nav ul li:hover ul li a {background:none}

.container {float:left; margin:-10px 0px 5px 0px}

h4.trigger {
	padding: 10px 0 0 15px;
	margin: 0px 0 5px 0;
	width: 560px;
	float: left;
	border-top: 1px solid #bbcfe5;
	height: auto;
	line-height: 16px;
	background:url(images/showhide.png) 0px 3px no-repeat;
	font-size:11px;
}
h4.trigger a {
	text-decoration: none;
	display: block;
	color:#008570;
}
h4.trigger a:hover {
	text-decoration:underline
}
h4.active {background:url(images/showhide2.png) 0px 3px no-repeat}

.toggle_container {
	margin: 0 0 5px;
	padding: 0;
	overflow: hidden;
	width: 580px;
	clear: both;
}
.toggle_container .block {
	padding: 0px 0px 0px 15px;
}
.toggle_container .block p {
	padding:0;
	margin:0px 0px 15px 0px;
	width:100%
}

/* CLEARFIX */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */