/************************************************************************

	GLOBAL CSS
	==========

	Provides all global styles for the site which more specific sections 
	can be built on using the layered css technique

	Author:		Nick Watson
				Tom Fletcher
				[www.optixsolutions.co.uk]

	Listing Order:
	==============

	Universal
	Forms
	General Structure / Layout
	Navigation Elements
	Header Elements
	Body Elements
	Footer Elements
	Messages

************************************************************************/

/***********************************************************************
	UNIVERSAL STYLES
************************************************************************/

body {
	font-size: 62.5%;
	background: url('../i/layout/bg2.gif');
}

html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address, abbr, input, select, textarea, table, td, th {
	font-family: Arial, Helvetica, sans-serif;
}

div#content p {
	margin: 1em 0;
	font-size: 1.3em;
	text-align: justify;
	color: #808080;
}

span.note {
	font-size: 0.8em;
}
/***********************************************************************
	FORMS
************************************************************************/

fieldset, legend {
	border: none;
}

legend {
	background: transparent;
	font-size: 1em;
	font-weight: bold;
	margin: 1em 0;
	padding: 0 .5em;
}

label {
	float: left;
	padding: 0 1em 0 0;
	text-align: right;
}

form fieldset div {
	clear: both;
	display: block;
	margin-bottom: .5em;
	padding: 0;
}

div.submit {
	clear: both;
	text-align: center;
	width: auto;
}

div.multi input {
	border: 0;
	width: auto;
}
 
form 									{ width: 100%; }

label		 							{ float: left;	height: 22px; width: 45%; }

fieldset div input,
fieldset div select,
fieldset div textarea  			{ width: 45%; }

fieldset div input.small,
fieldset div select.small,
fieldset div textarea.small 	{ width: 25%; }

div.req label, div.req p		{ font-weight: bold; }

div.multi label 					{ height: 22px; }

div.req label:before, 
div.req p:before {
	content: "* ";
}

input:focus, textarea:focus {
	background: #fafafa;
	color: #000;
}

fieldset div input, 
fieldset div select, 
fieldset div textarea  {
	border: 1px solid #aaa;
	color: #333;
	font-weight: normal;
	padding: 1px;
}

div.submit input {
	background: #777;
	border: 1px solid #333;
	color: #fff;
	font-weight: bold;
	padding: 1px .7em;
	width: auto;
}

/***********************************************************************
	GENERAL STRUCTURE/LAYOUT
************************************************************************/

div#inner {
	width: 804px;
	margin: 0 auto;
}

div#container {
	width: 829px;
	background: url('../i/layout/bg.gif') repeat-y;
	margin: 0 auto;
	padding-left: 20px;
	padding-right: 20px;
	border-bottom: 1px solid #ccc;
}

div#sorter a, div#viewvac a {
	display: inline-block;
	border: 1px solid #ED008C;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 1px;
	padding-bottom: 1px;
}

div#viewvac a {
	color: #ED008C;
	padding-top: 2px;
	padding-bottom: 2px;
}

div#sorter {
	margin-top: 5px;
	margin-bottom: 5px;
}

div#sorter a.selected, li.currentPage a {
	border: 1px solid #ED008C;
	background: #FFF100;
}

div#resultpag {
	margin-top: 10px;
	margin-bottom: 5px;
}

div#resultpag span {
	float: left;
}

div#resultpag li {
	float: left;

}

div#resultpag li a {
	display: block;
	margin-left: 4px;
	border: 1px solid #ED008C;
	padding-left: 2px;
	padding-right: 2px;
	width: 15px;
	text-align: center;
}

div.job-vacancy {
	margin-top: 10px;
	border: 1px solid #ED008C;
	color: #808080;
}
div.job-vacancy{
	float: left;
}

div.job-header, div.job-header h5 {
	background: #FFF2F9;
	padding: 0.5em;
	border-bottom: 1px solid #ED008C;
}

span.job-dateadded {
	float: right;
	color: #ED008C;
}

div.job-header h2 a, div.job-header h5 a {
	color: #ED008C;
	font-size: 1.3em;
}

div.job-header h2 {
	padding-bottom: 0px;
}

div.job-body {
	padding: 1em;
}

div.job-body span {
	margin-right: 20px;
	font-size: 1.2em;
}

div.news-item {
	border: 1px solid #ED008C;
	color: #808080;
	float: left;
	margin-bottom: 10px;
}

div.news-item h2 a {
	color: #ED008C;
	font-size: 1.3em;
	background: #FFF2F9;
	border-bottom: 1px solid #ED008C;
	padding: 5px;
}

div.news-item-content{
	padding: 10px;
}

div.news-item h5 a {
	color: #ED008C;
	font-size: 1.3em;
	background: #FFF2F9;
	padding: 5px;
}

div.news-item a.read-more {
	color: #ED008C;
	font-size: 1.3em;
	background: #FFF2F9;
	padding: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 588px;
	display: block;
}

div.news-archive li {
	float: left;
}

div.news-archive li a {
	display: block;
	margin-right: 4px;
	border: 1px solid #ED008C;
	padding-left: 3px;
	padding-right: 3px;
	text-align: center;
}

div.view-news img.news-image {
	float: right;
	clear: right;
	margin-bottom: 10px;
	margin-left: 11px;
	margin-top: 4px;
	border: solid 2px #ED008C;
}
/***********************************************************************
	HEADER ELEMENTS
************************************************************************/

div#header {
	background: url('../i/layout/header.jpg') no-repeat;
	width: 804px;
	height: 248px;
}

/***********************************************************************
	NAVIGATION
************************************************************************/

div#navigation {
	width: 190px;
	float: left;
	padding-top: 10px;
}

div#navigation ul li {
	border-left: 6px solid #FFF100;
	background: #F4F4F4;
	list-style: none;
	display: block;
	height: 21px;
	padding-left: 10px;
	padding-top: 4px;
	font-size: 1.5em;
	margin-top: 1px;
}

div#navigation ul li a {
	color: #595959;
}

div#navigation ul li.featured a {
	color: #ED008C;
}

div#subcv {
	background: #EFEFEF;
	margin-top: 10px;
	padding: 10px;
}

h1 {
	color: #ED008C;
	font-size: 2.8em;
	font-weight: normal;
}

h2 {
	color: #ED008C;
	font-size: 1.3em;
	padding-bottom: 10px;
}

div#subcv input {
	width: 160px;
	margin-bottom: 10px;
	margin-left: 5px;
	font-size: 1.1em;
}

div#subcv input#cvsub {
	background: #FFF100;
	border: 1px solid #ccc;
}

div#contactinfo {
	color: #ED008C;
	background: #EFEFEF;
	margin-top: 10px;
	padding: 10px;
	padding-left: 20px;
	font-size: 1.1em;
}

div#content {
	width: 590px;
	float: right;
	padding-top: 20px;
}

/***********************************************************************
	FOOTER ELEMENTS
************************************************************************/

div#footer {
	width: 805px;
	margin: 10px auto;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 2px solid #FFF100;
	background: #F3F3F3;
	font-size: 1.1em;
}

div#siteinfo-links {
	width: 400px;
	margin-left: 20px;
	float: left;
}

div#siteinfo-credits {
	width: 300px;
	text-align: right;
	margin-right: 10px;
	float: right;
}

/***********************************************************************
	MESSAGES
************************************************************************/

.error, .notice, .message { 
	color: #b22;
	font-weight: bold;
}

.error ol li {
	font-weight: normal;
	list-style-type: lower-roman;
	list-style-position: inside;
	margin-left: 0;
	padding-left: 1em;
	text-indent: 1em;
}