/*
*
* Stylesheet for Thurrock Mind (thurrockmind.org.uk)
*
* Site development by BB-IT Solutions Ltd.
* Contact: web@bb-it.co.uk
* All rights reserved.
*
* Version: IE (Ver. 7 onwards)
* Date: 17-03-2008
*
*/

/* *********************************** Template Classes ****************************************** */

/* Mind colour pallett
*
* blue    #002e8b;
* cyan    #0399fa;
* green 1 #00785a;
* green 2 #269a1a;
* green 3 #6ad345;
* yellow  #fed43f;
* orange  #ffba00;
* red     #d72626;
*
* Improvised accessible background colours
* blue    #;
* cyan    #81ccfc;
* green 1 #b2d6cd;
* green 2 #bde1ba;
* green 3 #6ad345;
* yellow  #d2f2c7;
* orange  #ffeab2;
* red     #f7d4d4;
* 
*/

.site-name {
	display: none;
}
.site-date {
	float: right;
	width: 200px;
	color: #ccc;
	font-size: 0.7em;
	text-align: right;
	margin: 4px 10px 0 0;
}
.top-links {
	background-color: #000;
	height: 10px;
	color: #fff;
	text-align: right;
	width: 600px;
	margin: 0 auto;
	font-size: 0.8em;
	padding-top: 2px;
}
.logo {
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
	float: left;
	display: inline;
	width: 131px;
	height: 122px;
	margin-top: -84px;
}
/*
.page-scheme-cyan   { background-color: #f0f9ff; padding: 20px; }
.page-scheme-green1 { background-color: #b2d6cd; padding: 20px; }
.page-scheme-green2 { background-color: #bde1ba; padding: 20px; }
.page-scheme-green3 { background-color: #6ad345; padding: 20px; }
.page-scheme-yellow { background-color: #ffe99e; padding: 20px; }
.page-scheme-orange { background-color: #ffeab2; padding: 20px; }
*/

.home-blurb {
	background: url(../images/fade_headline.jpg) repeat-x;
	height: 50px;
	width: 650px;
	float: right;
}
.hp-sections { width: 100%; text-align: center;}
.hp-sections img { padding: 15px 30px;}
.nav-top LI {
	list-style-type: none;
	float: left;
	width: 100px;
	margin: 0;
	padding: 0;
	font-size: 0.83em;
	text-align: center;
	padding-top: 5px;
}
.nav-top {
	float: right;
	margin-right: 20px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.main-nav {
	float: left;
	list-style-type: none;
	display: inline;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin-left: 302px;
}
.main-nav LI {
	list-style-type: none;
	float: left;
	margin: 0;
	font-size: 0.83em;
	text-align: center;
	padding-top: 56px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
.nav-home {
	width: 120px;
	display: inline;
	height: 24px;
	float: left;
}
.nav-info {
	width: 108px;
	display: inline;
	height: 24px;
	float: left;
}
.nav-contact {
	width: 105px;
	display: inline;
	height: 24px;
	float: left;
}
.nav-services {
	width: 109px;
	display: inline;
	height: 24px;
	float: left;
}
.nav-support {
	width: 140px;
	display: inline;
	height: 24px;
	float: left;
}

.top-nav-holder {
	height:25px;
	padding-top: 10px;
}
.main-area {
	background: url(../images/site_bg.jpg) no-repeat 100% 0;
	margin: 0 auto;
	padding-bottom: 30px;
	width: 961px;
	min-height: 628px;
	height:auto !important;
	height: 628px;
}
.left-panel {
	float: left;
	margin-top: 15px;
	margin-left: 15px;
	overflow: hidden;
	width: 270px;
	font-size: 0.9em;
}
.left-panel h3 {
	width: 240px;
	border: none;
	margin: 20px 10px;
}
.left-panel-content {
	margin-left: 10px;
	font-size: 0.9em;
}
.arrow {
}
.content-block {
	float: left;
	display: inline;
	margin: 15px 0 0 15px;
	width: 630px;
	overflow:hidden;
}
.footer {
	clear:both;
	margin: 10px auto;
	padding-top: 5px;
	width: 963px;
}
.footer-nav {
	width: 150px;
	margin: 0;
	padding: 0;
	float: left;
}
.footer-nav li {
	padding: 0;
	font-size: x-small;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10;
	list-style-type: none;
}
.reg-numbers {
	float: left;
	width: 170px;
	font-size: x-small;
	margin:0px;
}
.bbit {
	color: #ccc;
	text-decoration: none;
	font-size: 0.8em;
}
.w3c {
	display: inline;
	float: right;
	text-align: right;
	margin: -60px 15px 0 0;
}
.copy-notice {
	margin: 50px 0 0 0;
	width: 200px;
	display: inline;
	float: right;
	font-size: 0.8em;
}
.header-block {
	width: 950px;
	height: 10px;
	margin-left: 5px;
	clear:both;
}
.header-graphic {
	float: left;
	width: 950px;
	height: 40px;
	margin-left:5px;
}
.nav-footer {
	float: right;
	width: 370px;
}
.nav-footer LI {
	display: inline;
	font-size: 0.7em;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.address {
	float: left;
	width: 300px;
}
.address LI {
	font-size: 0.7em;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
/* ********************************************************************************************** */

/* ***************************** Navigation list **************************** */

a:link {
	color: blue;
	text-decoration: underline;
}
a:visited {
	color: blue;
	text-decoration: underline;
}
a:active {
	color: blue;
	text-decoration: underline;
}
a:hover {
	color: #81ccfc;
	text-decoration: underline;
}
.nav-main a:link {
	color: #0f1166;
	text-decoration: none;
}
.nav-main a:visited {
	color: #0f1166;
	text-decoration: none;
}
.nav-main a:active {
	color: #0f1166;
	text-decoration: none;
}
.nav-main a:hover {
	color: #0f1166;
	text-decoration: underline;
}
.nav-top a {
	font-weight: normal;
}
/* ****************************** Formatted tags ***************************** */


body {
	margin: 0 auto;
	padding: 0;
	font-family: sans-serif, arial;
	text-align: justify;
	color: #333;
}
legend {
	color: #000000;
	font-weight: bold;
}
img {
	border: 0;
}
p {
	font-family: sans-serif, arial;
	font-size: 1.1em;
	padding: 0 10px;
	text-align: justify;
	color: #222;
	line-height: 1.4;
}
div {
	font-family: sans-serif, verdana, arial;
	font-size: small;
}
h1 {
	margin: 5px 0 0 40px;
	color: #333;
	font-size: 24px;
}
h2 {
	padding: 0 10px;
	margin: 0;
	color: #002e8b;
	font-size: 1.6em;
	font-family: arial;
	font-weight: bold;
}
h2.information {
	color: #002e8b;
}
h2.download-forms {
	color: #002e8b;
}
h3 {
	padding: 0;
	color: #003366;
	font-size: 1.2em;
	font-family: arial;
	font-weight: bold;
	width: 97%;
	margin: 20px auto -5px auto;
	border-bottom: 1px solid #003366;
}
h4 {
	padding: 0 10px;
	color: #003366;
	font-size: 1.1em;
	font-weight: bold;
}
li {
	font-family: sans-serif, arial;
	font-size: 1.1em;
	margin-left: 25px;
	padding: 0 50px 10px 0;
	text-align: justify;
	color: #222;
}
th {
	text-align: right;
	font-weight: normal;
	color: #666;
}
td {
	color: #666;
}
input, textarea {
	font-size: x-small;
	border: 1px solid #ccc;
}
fieldset {
	padding: 5px;
}
#no-bullets {
	list-style-type: none;
}
.small {font-size: small}