/* @override http://www.webtise.net/~brewster/brewster/css/screen.css */

/*  

	PROJECT NAME Screen.css
	VERSION 1.0 
	NICK TOYE
	NICK@NICKTOYE.CO.UK
	
	CONTENTS ----------
		
		0.  IMPORTS
		1.  BODY
		2.  DEFAULT 
		3.  HEADINGS
		4.  LINKS
		5.  IMAGES
		6.  LAYOUT
		7.  BRANDING/MASTHEAD
		8.  NAVIGATION
		9.  SITE INFO/FOOTER
		10. TABLES
		11. FORMS
	
	------------------
		
	PALETTE ----------
	
		colour #930301
	
	------------------
	
*/

/* 0. IMPORTS
----------------------------------------------------------------------- */


@import url(reset.css); /* RESET CSS */
@import url(scratch.css); /* SCRATCH CSS */



/* 1. BODY
----------------------------------------------------------------------- */

body {
	font-family: Verdana, sans-serif;
	font-size: 62.5%;
	color: #3d3d3d;
	border-top: 2px solid #930301;
	background: #efefef;
}

p {
	font-size: 1.2em; /* 12px ÷ 12px */
	line-height: 1.5em; /* 18px ÷ 12px */
	margin: 0 0 1.5em 0;
}



/* hides the access menu */
ul#nav_access { 
	position:absolute; 
	top:-9999px; 
	left:-9999px; 
}

/* 2. DEFAULTS 
----------------------------------------------------------------------- */

/* SIDENOTES */



/* LISTS */

ul { list-style:none; margin-bottom: 1.5em;}
ul li, ol li { 
	font-size: 1em; /* 12px */
	line-height: 1.5em;
	margin: 0; 
}

ul.generic-list li {
	padding-left: 24px;
	background: url(../img/icons/tick.png) no-repeat 0 50%;
}

.generic li {
	padding: 5px 0;

}

ol { list-style:decimal inside;}
ol li { color:#000;}

dl { 
	line-height:1.5em; 
	margin-bottom: 1.5em; 
} 
dt { font-weight:bold; }
dd { padding-left:20px; }

/* BLOCKQUOTES */

blockquote {
	font-style: italic;  
	padding: 10px; 
	margin-bottom: 1.5em; 
}
blockquote p {  } 
blockquote cite {  
	text-align: left;  

	font-style: normal;
}
blockquote cite strong {
	display: block; 
}



/* TYPE EMBELLISHMENTS */

abbr { border-bottom:1px dotted #999; cursor:help;}
abbr:hover { border-bottom:1px dotted #666; }
del { color:#999; }
strong { font-weight:bold; color:#333; }
em { font-style:italic; color:#666;}
sup { font-size: 75%; position: relative; top: -5px;}


/* 3. HEADINGS 
----------------------------------------------------------------------- 
(divide whatever the desired pixel size by 12px and that gives you your EM value)
*/

h1,h2,h3,h4,h5,h6 {
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	color: #930301;  
}


/* 4. LINKS 
----------------------------------------------------------------------- */

a:link, a:visited {
	color: #000;
}

a:hover, a:focus {
	color: #930301;
}

a.button {
	background-color: rgba(0,0,0,.3);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: #696969 url(../img/grey-btn.gif) repeat-x;
	padding: 3px 8px;
	color: #fff;
	text-decoration: none;
	text-shadow: 0 1px rgba(0,0,0,.4);
	font-size: 1.2em;
	float: right;
	margin-right: 10px!important;
}

a.circle-button {
	background: url(../img/grey-circleBtn.png) no-repeat;
	padding-left: 20px;
	line-height: 16px;
}

a.button:hover {
	text-shadow: none;
	background: #696969 url(../img/grey-btnold.gif) repeat-x;
}

a.button a:visited {
	text-shadow: none;
	color: #333;
}


/* 5. IMAGES 
----------------------------------------------------------------------- */

img {
	padding: 1px;
	margin-bottom: 1.5em;
	border: 1px solid #C3C2B8;
}

#logo img {
	border: 0;
}

img.no-border {
	border: 0;
	margin: 0;
}

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

/* 6. LAYOUT 
----------------------------------------------------------------------- */

#container {
	background: #fff !important;
	padding: 0 5px;
}

#content {
	padding-top: 18px;
	background: #fff;
	width: 100%;
	margin: 0;
}


.cta h2 {
	background: url(../img/cta.gif)!important;
	width: 340px;
	height: 33px;
	padding-top: 10px;
	padding-left: 10px;
}

.cta-inner {
	border: 1px solid #e4e4e4;
	border-top: none;
	margin-top: -12px;
	padding: 10px;
	overflow: hidden;
}


/* 6.1 LAYOUT/MAIN-CONTENT */

#main-content {
	width: 720px;
	float: right;
}

#main-content h1 {
	background: url(../img/main-content.gif);
	width: 710px;
	height: 33px;
	padding-top: 10px;
	padding-left: 10px;
}

.content-inner {
	border: 1px solid #e4e4e4!important;
	border-top: none!important;
	margin-top: -12px;
	padding: 10px;
	overflow: hidden;
height: auto!important;
height: 1%;
}

#main-content h1, #main-content h2 {
	color: #930301;
	font-weight: normal!important;
margin-bottom: 10px;
font-size: 16px;
}

#main-content strong {
	color: #930301;
	margin-bottom: 10px !important;
}

#main-content .box {
	background: 0;
	margin-bottom: 10px;
overflow: hidden;

}

#main-content .box.grid_6 {
	border: 0;
}

.box h2 {
	color: #930301 !important;
	text-indent: 0;
	font-weight: normal;
	background: 0;
	border-bottom: 0;
}


/* 6.1.2 LAYOUT/MAIN-CONTENT/SECTIONS */

ul#sections, ol#sections {
	margin: 10px 0 0;
}

#sections h3 {
	margin: 0 0 10px 0;
	
}

#sections p {
	margin-bottom: 15px;
}

#sections ul {
	height: 1%;
}

#sections ul li {

	padding-left: 10px;
	background: url(../img/icons/red-bullet.gif);
	background-position: 0 5px;
	background-repeat: no-repeat;
	color: #3d3d3d;
font-size: 12px;
}

#sections ol li{
	border: 0;
	margin: 0;
	padding-left: 10px;
	color: #3d3d3d;
font-size: 12px;
}

hr {
background: #dfdfdf;
height: 1px;
border: none;
}

/* 6.2 SIDEBAR */



.box {
	margin-bottom: 15px;
}

.last {
	border: 0 !important;
}

#sidebar .box h2 {
	color: #fff;
	font-weight: normal;
	text-indent: 10px;
	margin-bottom: 0;
	font-size: 1.3em;
	text-transform: uppercase;
	background: url(../img/left-h2.gif);
	height: 30px;
	padding-top: 13px;
}

.box-inner {
	border: 1px solid #e4e4e4;
border-top: none;
color: #930301;
overflow: hidden;
padding: 0 1px;
}

.box-inner dd {
	color: #000;
}

.summery {
	color: #930301;
}
	
.box-inner a, .box-inner a:link {
	color: #930301;
}

.box-inner .button a, .box-inner .button a:link {
	color: #fff!important;
}

#sidebar .box ul {
	padding: 10px;
	font-size: 1.2em;
	overflow: hidden;
	height: 15;
}

#sidebar .box ul li a, #sidebar .no-box ul li a {
	padding-left: 10px;
	background: url(../img/icons/red-bullet.gif) no-repeat 0 5px;
        display: block;
height: 1%;
}

#sidebar .box ul li a {
	text-decoration: none;
}

#sidebar .box ul.downloads li {
	margin-bottom: 10px;
	background: url(../img/icons/pdf.gif) no-repeat left top;
	padding-left: 26px;
	height: 1%;
}

#sidebar .box ul.downloads li span {
	display: block;
}

dl.blog-post {
	padding: 10px;
	font-size: 1.1em;
}

dl.blog-post dt {
	float: left;
	border: 1px solid #DFDFDF;
	padding: 2px;
}

dl.blog-post dt span.day {
	font-size: 130%;
	display: block;
}

dl.blog-post dt span.month {
	text-transform: uppercase;
	display: block;
	font-size: 80%;
}

dl.blog-post dd {
	margin-left: 20px;
}

dl.blog-post dd.summary {
	font-weight: bold;
}

/* teaser boxes */


.teasers  {
	width: 332px !important;
	margin-bottom: 10px!important;
	font-size: .95em;
		background: #F1F1F1 url(../img/teasers-bg.gif) repeat-y;
	overflow: hidden;
	float: left;
	margin-left: 10px!important;
		border-bottom: 1px solid #e5e5e5;
		padding-bottom: 10px;

}

.image {
	margin-left: 10px!important;
}


.teasers  h3 {
	margin: 0;
	font-size: 1.2em;
	padding: 15px;
	color: #930301;
	font-weight: bold;
	text-transform: uppercase;
	background: #F1F1F1 url(../img/teasersh3.gif) no-repeat bottom right;
	width: 302px;
	height: 13px;
}

.teasers a {
	float: right;
	margin: 0 0 0 10px;
}

.teasers img {
	float: left;
	margin: 10px 10px 0 0;
}

.teasers p {
	margin: 10px;
	height: 85px!important;
}

.bottom-teaser {
	height: 10px;
	background: #000;
}



/* 7. BRANDING 
----------------------------------------------------------------------- */

#branding {
	background: #fff;
	height: 100px;
	position: relative;
	margin: 0;
	width: 100%;
}

#logo {
	position: absolute;
	top: 20px;
}

#branding img.right-align {
	position: absolute;
	right: 0;
	top: 10px;
	border: 0;
	z-index: 5;
}

a#client-login {
	position: absolute;
	top: 2px;
	right: 0;
	z-index: 10;
	text-decoration: underline;
}

/* 8. NAVIGATION 
----------------------------------------------------------------------- */

ul#nav {
	width: 960px;
	margin: 0 !important;
	border-right: 1px solid #DFDFDF;
	border-left: 1px solid #DFDFDF;
	border-bottom: 1px solid #DFDFDF;
	min-height: 31px;
	background: #EFEFEF url(../img/nav-bg.gif) repeat-x;
	font-size: 1.3em;
	-webkit-border-radius: 3px
}

ul#nav li {
	float: left;
	line-height: 31px;
	border-right: 1px solid #DFDFDF;
	text-transform: uppercase;
}

ul#nav li#client-login {
	border: 0;
	width: 153px;
	margin-right: 0;
	padding: 0;
}

ul#nav li#resource-links {
	margin-right: 0;
}

ul#nav li a {
	display: block;
	padding: 0 14px 0 14px;
	text-align: center;
	text-decoration: none;
	color: #930301;
}

ul#nav li a:hover {
	text-decoration: none;
	background: #851001 url(../img/nav-hover-2.gif)!important;
	color: #fff;
}

/* 9. SITE INFO/FOOTER 
----------------------------------------------------------------------- */

#site-info {
	margin: 20px auto 0;
	background: url(../img/siteInfo-bg.gif) no-repeat bottom;
}

#site-info div {
	width: 260px;
	margin: 0;
}


#site-info h3 {
	font-size: 1.10em; /* 12px ÷ 12px */
	margin: 0 !important;
	color: #930301;
	height: 39px;
	line-height: 39px;
	background: url(../img/basic-box.gif) repeat-x;
	border-right: 1px solid #DFDFDF;
	text-indent: 10px;
}

#site-info div.alpha {
	width: 220px;
}

#site-info div.alpha h3 {
	background: url(../img/left-box.gif) no-repeat left;
	border: 0;
}

#site-info div.omega {
	width: 220px;
height: 160px;
}

#site-info div.omega h3 {
	background: url(../img/right-box.gif) no-repeat right;
	border: 0;
}

#site-info div ul {
	padding: 10px;
	margin-bottom: 0;
}

#site-info div ul li {
	margin-bottom: 2px;
}

#site-info div ul ul {
	padding: 0;
}

#site-info div ul a {
	text-decoration: none;
}

/* vcard stuff */

li.org {
	font-weight: bold;
	color: #930301;
}

/* social networking */

ul#socialNetworking {
	height: 1%;
}

ul#socialNetworking li {
	margin-bottom: 5px;
}

ul#socialNetworking li a {
	font-weight: bold;
	padding-left: 32px;
	line-height: 26px;
}

ul#socialNetworking li#facebook {
	background: url(../img/icons/facebook.gif) no-repeat left;
}

ul#socialNetworking li#twitter {
	background: url(../img/icons/twitter.gif) no-repeat left;
}

ul#socialNetworking li#linkedin {
	background: url(../img/icons/linkedin.gif) no-repeat left;
}

ul#socialNetworking li#youtube {
	background: url(../img/icons/youtube.gif) no-repeat left;
}



/* misc info */

#miscInfo {
	position: relative;
	font-size: .75em;
	font-weight: bold;
}

#miscInfo p strong {
	display: block;
	color: #930301;
}

p#fsa-text {
	padding: 10px 0 0 0;
}

p#copyright {
	clear: both;
}

#miscInfo img#tag {
	border: 0;
	position: absolute;
	right: -1px;
	top: -1px;
}

ul#accreditations {
	float: left;
	margin: 10px 5px 10px 0;
}

ul#accreditations li {
	float: left;
	margin-right: 5px;
}

ul#accreditations img {
	border: 0;
	margin: 0;
}

/* 10. TABLES 
----------------------------------------------------------------------- */

table {
	text-align: left;
	margin: 0 0 15px 0 !important;
	padding: 0;
	border-collapse: collapse;
}

caption {
	line-height: 1.5em; /* 18px ÷ 12px */
	font-style: italic;
	margin: 0 !important;
}

thead {
	line-height: 1.5em; /* 18px ÷ 12px */
	text-indent: 5px;
	float: left;
	width: 938px !important;
	margin: 0 !important;
	border: 1px solid #3d3d3d;
	border-bottom: 0;
	background: #8E9F90;
}

thead th, tbody td {
	float: left;
	width: 233px !important;
	margin: 0 !important;
	border-right: 1px solid #3d3d3d;
}

thead th.omega, tbody td.omega {
	width: 236px !important;
	border-right: 0;
}

tbody {
	line-height: 1.5em; /* 18px ÷ 12px */
	text-indent: 5px;
	margin: 0 !important;
	float: left;
	width: 938px !important;
	color: #3d3d3d;
	border: 1px solid #3d3d3d;
	border-bottom: 0;
}

tbody tr {
	background: #AABEAC;
	border-bottom: 1px solid #4F6969;
}

tbody tr.alt {
	background: #CDD9CE;
}

tbody tr:hover {
	cursor: pointer;
	background: #E0C79B;
}


/* 11. FORMS 
----------------------------------------------------------------------- */
li#form {
width: 280px;
float: left;
}

#branding form {
	position: absolute;
	right: 0;
	top: -28px;
}

#branding form button {
	
	cursor: pointer;
}

#branding form input {
	width: 250px;
	color: #ccc;
}

form.generic fieldset {
	padding-bottom: 15px;
}

form.generic fieldset label {
	float: left;
	width: 250px;
	margin-bottom: 5px;
clear: both;
}

form.generic fieldset label span {
	width: 100px !important;
	float: left;
	color: #930301;
}

form.generic fieldset label input {
	width: 250px;
	border: 1px solid #DFDFDF;
	padding: 5px;
	color: #999;
}

form.generic fieldset label textarea {
	width: 250px;
	height: 100px;
	border: 1px solid #DFDFDF;
	padding: 5px;
	color: #999;
}

form.generic button {
clear: both;
background-color: rgba(0,0,0,.3);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: #696969 url(../img/grey-btn.gif) repeat-x;
	padding: 3px 8px;
	color: #fff;
	text-decoration: none;
	text-shadow: 0 1px rgba(0,0,0,.4);
	font-size: 1.2em;
}

form.generic button:hover {
	text-decoration: none;
	color: #3d3d3d;
}

/* profiles */

.members {
float: left;
padding: 10px;
width: 320px;
height: 95px;
background: #f1f1f1;
overflow: hidden;
margin-left: 8px;
margin-bottom: 8px;
font-size: 0.9em;
}

.staff-image {
float: left;
width: 87px;
height: 87px;
border: 1px solid #930301;
padding: 0px;
padding-right: 2px;
padding-bottom: 2px;
}

.staff-image img {
border: none;
}

.staff-details {
float: right;
width: 220px;
}

.staff-details p {
margin-top: -5px;
height: 65px;
}

#main-banner {
width: 718px;
height: 103px;
background: #610304;
border: 1px solid #610304;
overflow: hidden;
margin-bottom: 10px;
}

#main-banner img {
float: left;
width: 290px;
}

#main-banner h3 {
float: right;
color: #fff;
width: 405px;
font-size: 18px;
font-weight: normal;
margin-top: 15px;
margin-left: 15px;
}

h1 {
	font-size: 20px;
}

.links {
	width: 100%;
	border-bottom: 1px solid #dfdfdf;
	overflow: hidden;
	padding: 10px 0 1px 0;
	
}

.links p {
	height: 80px;
line-height: 78px;
overflow: hidden;
}

.links img {
	float: right;
	margin: 0;
	padding: 0;
}

.links a, .links a:link {
	font-weight: bold;
	color: #930301;
	text-decoration: none;
		float: left;
		
}

textarea#comment  {
width: 500px!important;
}

dl.blog-post2 {
	padding: 10px;
	font-size: 1.1em;
}

dl.blog-post2 dt {
	float: left;
	border: 1px solid #DFDFDF;
	padding: 2px;
}

dl.blog-post2 dt span.day {
	font-size: 130%;
	display: block;
}

dl.blog-post2 dt span.month {
	text-transform: uppercase;
	display: block;
	font-size: 80%;
}

dl.blog-post2 dd {
	margin-left: 20px;
}

dl.blog-post2 dd.summary {
	font-weight: bold;
}

.storytitle {
	margin: 10px 0;
}

.meta {
	margin-bottom: 10px;
}

#ajaxSearch_input {
	width: 140px!important;
}

#ajaxSearch_form {
	padding-top: 10px;
	padding-left: 5px;
	width: 215px!important;
}

#ajaxSearch_form button {
	background-color:none;
	-webkit-border-radius: none;
	-moz-border-radius: none;
	border: none;
	background: #696969 url(../img/grey-btn.gif) repeat-x;
	padding: 0px;
	height: 20px;
	line-height: 20px!important;
	padding-top: -2px;
	width: 60px;
	color: #fff;
	text-decoration: none;
    
}

.ingtext {
	position: absolute;
	top: 40px;
	right: 20px;;
	color: #900000;
	font-size: 1.8em;
	text-align: right;
	background: #fff;
	padding: 10px;
}