/*-----------------------------------------------------------------------------
Master Style Sheet

version:   2.1
author:    Jamie Stanton
email:     jamie.stanton@gmail.com
website:   http://www.evolution-e.com, http://www.jamiestanton.com
-------------------------------------------------------------------------------

~~~~~~~~~~~~~~~~~~~~~
Table of Contents:
~~~~~~~~~~~~~~~~~~~~~
	General Settings
	Common Classes
	Link Icons
	Typography
	Header
	Column One
	Column Two
	blockLinks
	Content
	Footer
	Forms
	sIFR
	Job Engine

~~~~~~~~~~~~~~~~~~~~~
Main Colours
~~~~~~~~~~~~~~~~~~~~~
	Internet Blue 	#90B8D2
*/

/* =General Settings
-----------------------------------------------------------------------------*/
@charset "utf-8";
h1, h2, h3, h4, h5, h6, a,
table, caption, tbody, tfoot, thead, tr, th, td,
div, span, object, iframe,
blockquote, pre, abbr, acronym,
address, code, del, dfn, em, img,
q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, button,
html, body					{ margin: 0; padding: 0; border: 0;} /* Removes padding and margin from all items*/
ul, li 						{ list-style:none; }
:focus 						{ outline: 0; } /* remember to define focus styles! */
table 						{ border-spacing:0; border-collapse:collapse; }
caption, th, td 			{ text-align:left; font-weight:normal; }
img							{ border: 0px; }

/* =Common Classes
-----------------------------------------------------------------------------*/
.help 						{ cursor:help; }
.left 						{ float:left; }
.right 						{ float:right; }
.clear 						{ clear:both; }
.img-left 					{ float:left; margin:4px 10px 4px 0; }
.img-right 					{ float:right; margin:4px 0 4px 10px; }
.align-left					{ text-align:left; }
.align-right				{ text-align:right; }
.align-center				{ text-align:center; }
.align-justify				{ text-align:justify; }
.nopadding      			{ padding:0; }
.noindent       			{ margin-left:0;padding-left:0; }
.nobullet       			{ list-style:none;list-style-image:none; }
.invisible					{ position:absolute; left:-9000px; }
.spoiler					{ color:#000; background-color:#000; }
.content .vertical-nav 		{ margin:0px; text-align: center; width:100%;}
.content .vertical-nav li	{ display: inline; padding-right: 5px; padding-left: 5px; margin:0px; background-image:none;}
.content .sitemap li 		{ background-image: url(../images/icons/page.png);background-repeat: no-repeat;background-position: left 4px;padding-left: 20px;}

/* =Link Icons
-------------------------------------------------------------------------------
Syntax: class="icon-right email" --- Many of these icons were created by Mark James of http://www.famfamfam.com/
-----------------------------------------------------------------------------*/
.icon-right 				{ background-repeat: no-repeat;background-position: right;padding-right: 20px; margin-right: 5px; }
.icon-left 					{ background-repeat: no-repeat;background-position: left;padding-left: 20px; margin-left: 5px; }
.email 						{ background-image: url(../images/icons/email.png); }
.external 					{ background-image:url(../images/icons/world_link.png); }
.calendar 					{ background-image:url(../images/icons/calendar.png); }
.date 						{ background-image:url(../images/icons/date.png); }
.time 						{ background-image:url(../images/icons/time.png); }
.rss 						{ background-image:url(../images/icons/rss.png); }
.search 					{ background-image:url(../images/icons/magnifier.png); }
.map 						{ background-image:url(../images/icons/map.png); }
.photo 						{ background-image:url(../images/icons/picture.png); }
.phone 						{ background-image:url(../images/icons/telephone.png); }
.mobile 					{ background-image:url(../images/icons/phone.png); }
.next 						{ background-image:url(../images/icons/resultset_next.png); }
.prev, .back				{ background-image:url(../images/icons/resultset_previous.png); }
.star 						{ background-image:url(../images/icons/star.png); }
.printer 					{ background-image:url(../images/icons/printer.png); }
.vcard 						{ background-image:url(../images/icons/vcard.png); }
.tag 						{ background-image:url(../images/icons/tag.png); }
.add 						{ background-image:url(../images/icons/add.png); }
.info 						{ background-image:url(../images/icons/info.png); }
.secure 					{ background-image:url(../images/icons/lock.png); }
.text	 					{ background-image:url(../images/icons/page_white_text.png); }
.skype 						{ background-image:url(../images/icons/skype.gif); }
.paypal 					{ background-image:url(../images/icons/paypal.gif); }
.gearth 					{ background-image:url(../images/icons/gearth.gif); } /* Google Earth */
.outlook 					{ background-image:url(../images/icons/outlook.gif); } /* Microsoft Outlook - Alternative to vcard icon, depending on audience of site */
.login, .key				{ background-image:url(../images/icons/key.png); }
.ie							{ background-image:url(../images/flags/ie.png); }  /* Change country code to get relevant flag */
.new-window					{ background-image:url(../images/icons/newwindow.gif) }

/* =Typography (Global)
-----------------------------------------------------------------------------*/
a 							{ color:#003399; font-weight: bold; }
a:link 						{ color:#003399; text-decoration: underline; }
a:visited 					{ color:#999999; text-decoration: underline; }
a:hover 					{ color:#003399; text-decoration: none; }
a:active 					{ color:#003399; text-decoration: none; }
h1, h2, h3, h4, h5, h6  	{ font-weight:normal; }
p, ul, ol 					{ margin:0; padding:0 0 1.25em 0; }
sup 						{ position:relative; bottom:0.3em; vertical-align:baseline; }
sub 						{ position:relative; bottom:-0.2em; vertical-align:baseline; }
acronym, abbr 				{ cursor:help; letter-spacing:1px; border-bottom: 1px dashed; }

body {
	font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 0.75em;
	min-width:778px;
	text-align:center; /* remove if using fluid layout*/
}

/* =Header
-----------------------------------------------------------------------------*/
.header 					{}
.header .navOne 			{}
.header .navTwo 			{}

/* =Column One
-----------------------------------------------------------------------------*/
.colOne 					{}
.colOne h2 {
	display: block;
	position: absolute;
	left: -9000px;
}
.colOne .colOne-A {
background-color:#FCDB00;
height:185px;
margin:0;
padding:5px 0 0;
width:166px;
}
.colOne .colOne-A li a {
background-image:url(../images/nav-upper.gif);
background-position:left bottom;
background-repeat:no-repeat;
display:block;
font-size:16px;
font-weight:normal;
height:23px;
margin-bottom:5px;
margin-left:20px;
padding-left:10px;
padding-top:3px;
text-decoration:none;
width:120px;	color: #000066;
}

.colOne .colOne-A li a:hover {
background-position:left top;
height:22px;
margin-left:20px;
padding-left:12px;
padding-top:4px;
width:118px;	color: #000066;
}


.colOne .colOne-B {
background-color:#FDF2AE;
height:185px;
margin:0;
padding:20px 0 0;
width:166px;
}
.colOne .colOne-B li a {
background-image:url(../images/nav-lower.gif);
background-position:left bottom;
background-repeat:no-repeat;
display:block;
font-size:16px;
font-weight:normal;
height:23px;
margin-bottom:5px;
margin-left:20px;
padding-left:10px;
padding-top:3px;
text-decoration:none;
width:120px;
color: #000066;
}

.colOne .colOne-B li a:hover {
background-position:left top;
height:22px;
margin-left:20px;
padding-left:12px;
padding-top:4px;
width:118px;
color: #000066;
}

.content-wrapper {	background-color:#FDF2AE; }
.content-wrapper-inner { height: 535px; }
.content-wrapper-inner .maincontent { padding: 10px; background-color:#FFF8C7; height: 250px; width: 100%; overflow-y: scroll;}
.maincontent { padding: 10px; }


/* =Column Two
-----------------------------------------------------------------------------*/
.colTwo  					{}

/* =blockLinks
-------------------------------------------------------------------------------
Quick way to add uniform look and functionality to links
-----------------------------------------------------------------------------*/
.blockLinks a {
	display: block;
	padding: 2px;
}

.blockLinks a:link {
	text-decoration: none;
}

.blockLinks a:visited {
	text-decoration: none;
}

.blockLinks a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #003399;
}

.blockLinks a:active {
	color: #FFFFFF;
	text-decoration: none;
}

.blockLinks ul {
	list-style-type: none;
}
.content .topbanner {
	background-color: #98A6C8;
	display: block;
	height: 190px;
	width: 550px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	position: relative;
}
.content .topbanner img {
	float: left;
}

.content .topbanner blockquote {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 240px;

	}


/* =Content
-----------------------------------------------------------------------------*/
.content {
	margin: 0px;
	padding: 0px;
}

.content h1 {
	font-size: 1.8em;
	font-weight: bold;
	letter-spacing: 0.1em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding: 0px;
	color: #1A3985;
}

.content h2 {
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 0.2em;
	font-weight: bold;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	color: #1A3985;
	padding: 0px;
}

.content caption {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0px;
	padding: 3px;
}
.content table {
	margin: 0px;
	width: 100%;
}

.content table th {
	text-align: left;
	margin: 0px;
	padding: 5px;
	vertical-align: top;
	font-weight: bold;
}

.content table td {
	color: #333333;
	font-size: 1.1em;
	text-align: left;
	margin: 0px;
	padding: 5px;
}

.content tr:hover {
	background-color: #EFEFEF;
}

.content .odd {
}

.content .even {
}

.content address {
	background-color: #FEFAA5;
	display: block;
	margin: 30px;
	padding: 10px;
	border: 1px solid #F48221;
	font-size: 1.2em;
	font-style: normal;
	color: #333333;
}

.content ul {
	padding: 0px;
	margin-top: 5px;
	margin-right: 10%;
	margin-bottom: 5px;
	margin-left: 10%;
	display: block;
}

.content ul li {
	margin: 3px;
	background-image: url(../images/bullet.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
}
.content blockquote {
	color: #000066;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	display: block;
	float: left;
	padding: 10px;
	margin: 0%;
}

.content code, .content pre {
	font-family: "Courier New", Courier, monospace;
	font-size: 1.2em;
	margin-right: 10%;
	margin-left: 10%;
	color: #009900;
	background-color: #000000;
	padding: 10px;
	display: block;
	border: 8px inset #CCCCCC;
}
.content .maincontent .furtherInfo {
	background-image: url(../images/button-request1.gif);
	text-indent: -9000px;
	margin: 0px;
	padding: 0px;
	height: 41px;
	width: 130px;
	display: block;
}


/* =footer
-----------------------------------------------------------------------------*/
.footer {
	min-width: 750px;
	width: 716px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	text-align: center;
}
.footer li {
	display: inline;
	padding-right: 5px;
	padding-left: 5px;
}

/* =Forms
-----------------------------------------------------------------------------*/
.content form {
	width: 100%;
	display: block;
	padding: 10px;
	margin-left: -10px;
}

.content form label {
	width: 120px;
	display: block;
	height: 20px;
	float: left;
}

.content form button { /* Resets button styles */
	background: none;
	background-color:transparent;
	cursor: pointer;
	border: 0px;
	margin: 0px;
}

input.email
{
	background: none !important;
}