/*
 * Copyright Brook Intelligence Centre.
 *
 * Design by Two
 * mailto: info@twodesign.co.uk
 * http://www.twodesign.co.uk
 *
 * Development by LOOKsystems Limited
 * mailto:info@looksystems.ltd.uk
 * http://www.looksystems.ltd.uk
 *
 */

/* GLOBAL STYLES */

body {
	color: #202020;
	background-color: #fff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	padding: 0;
	margin: 0;
	text-align: center;
}

a {
	color: #202020;
	background-color: inherit;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6, p {
	padding: 0;
	margin: 0;
}

/* PAGE LAYOUT */

#page {
	text-align: left;
	margin: 0 auto;
	width: 700px;
}

#header {
	margin-top: 34px;
	margin-bottom: 12.5px;
	padding: 0 12.5px;
}

/* logo */

#logo h1 a {
	display: block;
	background: url(../img/brook-logo.gif) top left no-repeat;
	text-indent: -9000px;
	overflow: hidden;
	width: 180px;
	height: 48px;
}

/* main menu */

#menu {
	margin: 23px 0 21px 0;
	border-bottom: 1px solid white;
	border-top: 1px solid white;
}

#menu ul {
	list-style: none;
	padding: 0;
	margin: 0 0 0 4px;
	padding-bottom: 12.5px;
}
#menu ul li {
	float: left;
	margin-right: 1em;
	font-size: 12px;
}
#menu a {
	color: #808080;
}
#menu a:hover,
#menuselect a {
	color: #202020;
	text-decoration: none;
}

/* stage area */

#stage {
	margin: 22px 0 12.5px 0;
	height: 262px;
	padding: 0px;
}

#stage h2 {
	float: left;
	font-size: 26px;
	line-height: 115%;
	font-weight: medium;
	margin-left: 12.5px;
}
#stage h2.withimage {
	width: 275px;
}
#stage h2 .date {
	color: #a4a299;
	font-weight: normal;
	line-height: 12px;
	font-size: 12px;
	display: block;
	height: 25px;
}
#stage h2 .hidden {
	display: none;
}
#stage h2 .prefix {
	color: #fff;
	display: block;
}
#stage p {
	float: right;
	width: 400px;
}
#stage.smaller{
    height:31px;
    margin-bottom:24px;
}

/* headlines */

#headlines {
	height: 33px;
	margin-bottom: 12.5px;
}
#headlines #heading1, #headlines #heading2, #headlines #heading3 {
	height: 27px;
	padding: 6px 12px 0 12px;
}
#headlines_thick {
	height: 66px;
	margin-bottom: 12.5px;
}
#headlines_thick #heading1, #headlines_thick #heading2, #headlines_thick #heading3 {
	height: 54px;
	padding: 12px 12px 0 12px;
}
#heading1, #heading2, #heading3 {
	width: 201px;
	overflow: hidden;
	font-size: 13px;
	color: #fff;
}
#heading3 {
	background: #29282c;
	float: right;
	margin: 0;
}
#heading2 {
	background: #29282c;
	float: left;
	margin: 0 12.49px;
}
#heading1 {
	background-color: #29282c;
	float: left;
	margin: 0;
}

.ie{
    padding: 6px 10px 0 12px !important;
}


/* content area */

#content {
	clear: both;
}
#content a {
	color: inherit;
}

/* columns */

#nocolumns {
	margin: 0 12.49px 2em 12.49px;
}

#colLeft, #colCenter, #colRight {
	padding: 6px 12px;
	width: 201px;
	background-color: #e6e6e6;
	color: #202020;
}
#colLeft {
	float: left;
	margin: 0;
}
#colLeft.fullwidth{
    width:438.5px;
}

#colCenter {
	float: left;
	margin: 0 12.49px;
}
#colRight {
	float: right;
	margin: 0;
}
#colRight a {
	display: block;
	color: #202020;
	margin-top: .5em;
}

#content ul,
#content li {
	margin: 0 0 0 .6em;
	padding: 0;
	/* list-style-position: inside; */
}
#content ul {
    margin-bottom:.5em;
}
#colLeft li, #colCenter li {
	margin-bottom: .5em;
}

/* lead-in copy */

#colLeft h2, #colCenter h2, #colRight h2 {
	font-size: 13px;
    clear:both;
    margin-bottom:.5em;
}


#colLeft h3, #colCenter h3, #colRight h3 {
	font-size: 12px;
	font-weight: normal;
	color: #f26648;
}
#colLeft h4, #colCenter h4, #colRight h4 {
	font-size: 11px;
    clear:both;
    margin-bottom:.5em;
}
/* sidebar */

#colRight.sidebar {
	background: #666;
	color: #fff;
}
#colRight.sidebar a {
	font-weight: bold;
	color: #fff;
}

/* footer */

#footer {
	margin: 0;
	padding: 0;
	font-size: 9.75px;
	clear: both;
}
#footer p {
	margin: 0;
	padding: 0 0 25px 0;
}
html>body #footer p {
	margin-top: 12.5px;
	padding: 0 0 25px 0;
}

/* DIRECTIONS */

#directions {
	height: 29em;
	list-style: none;
	padding: 0;
	margin: 0;
}
#directions li {
	margin: 0;
	padding: 0;
}
#directions li a {
	display: inline;
	cursor: default;
	text-decoration: none;
	padding: 0;
	margin: 0 0 0 -1.25em;
}
html>body #directions li a {
	margin-left: 0;
}
#directions li a:hover {
	font-weight: bold;
	border: none; /* IE6hack */
}
#directions li a span {
	color: #fff;
	visibility: hidden;
	display: none;
}
#directions li a:hover span {
	font-weight: normal;
	visibility: visible;
	display: block;
	height: 22em;
	padding-top: .5em;
}

/* BUTTONS */

.button, .cancel, .remove {
	color: #fff;
	border: none;
	padding: 2px .5em;
}
.button {
	font-weight: bold;
	background-color: #8e8679;
}
.cancel {
	background-color: #514c3e;
}
.remove {
	font-weight: bold;
	background-color: #800;
}

/* BLANK PAGE */

#blank {
	color: #000;
	background-color: #fff;
	padding: 8px;
}
#blank a {
	color: #000;
	background-color: inherit;
	text-decoration: none;
}
#blank a:hover {
	text-decoration: underline;
}

/* ACCESS KEYS */

a.accesskey {
	top: 0;
	display: block;
	position: absolute;
	text-indent: -9000px;
	overflow: hidden;
	height: 0px;
}

/* new style*/
.diagram{
    float:left;
    margin:9px 0 22px 0;
}
#colLeft ul.three-cols{
    color:#666;
    clear:both;
    float:left;
    display:inline;
    margin:0 0 15px -12px !important;
    list-style-type:none;
    padding:0px !important;
    font-size:11px !important;
    width:100% !important;
}
#colLeft ul.three-cols li{
    width:134px;
    float:left;
    display:inline;
    margin:0 0 0 12px !important;
    padding:0px !important;
}
#colLeft ul.three-cols h4{
    color:#666 !important;
    margin-bottom:0px !important;
}
.smaller {
    font-size:11px !important;
}

ul li ul{
    list-style-type:none;
}
ul li ul li{
    margin-top:0.6em !important;
}

#content ul.extrapadding-below {
    margin-left: 0;
    list-style-position: inside;
    margin-bottom: 12px;
}

/* paragraph */
#content p{
    padding:0px 0 11px 0;
}

hr{
    margin:15px 0 15px 0;
    border:0px;
    border-top:1px solid #808080;
    clear:both;
    width:100%;
    float:left;
}

.images{
    float:left;
    width:213px;
    margin-right:12px;
    margin-bottom:0px;
    clear:both;
}

.images img{
    margin:6px 0 0px 0;
}
.fullwidth address{
    font-style:normal;
    padding:5px 0 10px 0;
}
.highlight{
    color:#dc5034;
    clear:both;
    padding-bottom:1px !important;
}
.images h4{
    font-size:12px;
    padding-top:12px;
    margin-bottom:0px !important;
}
.last{
    margin-right:0px;
    clear:none;
}
.last h2{
    padding-top:6px;
}

.cb{
    clear:both;
}

/* IE 6 fix*/
em{
    width:99%;
}


/* services layout */
.submenu{
    background:#009aa6;
    padding:12px;
    width:201px;
    float:left;
    margin-right:12px;
}
.submenu ul{
    list-style-type:none;
    margin:0px !important;
    padding:0px !important;
}
.submenu li{
    font-weight:bold;
    padding:5px 0 !important;
    margin:0px !important;
}
.submenu li a{
    color:#b2e1e4 !important;
}
.submenu li a:hover,.submenu li a.clicked{
    color:#fff !important;
    text-decoration:none !important;
}

/* bottom nav*/
.bottom-nav{
    font-weight:bold;
    list-style-type:none;
    margin:0px !important;
    padding:20px 0 0 0 !important;
    clear:both;
}
.bottom-nav li{
    padding:5px 0 !important;
    margin:0px !important;
}

/* selectors */
br+h2.highlight{
    margin-top:13px;
}

ul+h2{
    padding-top:15px !important;
}
p+h2{
    padding-top:9px !important;
}

#colRight p{
    padding-bottom:14px !important;
}