/*
	--------------------------
	Common Page Styles
	--------------------------
*/

/*  Custom Classes
--------------------------  */

/* contain */
.contain:after	{ content: "."; display: block; clear: both; visibility: hidden; height: 0px; }
.contain		{ display: inline-block; }

/* hidden */
.hidden	{ display: none; }

/* clear */
.clear	{ clear: both; }

/* General */
.left	    { float: left; }
.right	    { float: right; }
.centre		{ text-align: center; }
.nowrap     { white-space: nowrap; }

/*  Typography 
--------------------------  */

html, body  { height: 100%; width: 100%; }

body 		{ font-family: Arial, sans-serif; color: #323232; background-color: #e0e0e0; font-size: 1em; line-height: 1.1em; margin: 0px; padding: 0em; width: 100%; text-align: center; }
h1 			{ font-size: 0.8em; color: #fff; margin: 0px 0px 0.75em 0px; }
h2 			{ font-size: 0.75em; color: #004b14; margin: 0px 0px 0.75em 0px; line-height: 1.25em; }
h3 			{ font-size: 0.7em; color: #fff; margin: 0px 0px 0.75em 0px; text-transform: uppercase; }
h4, h5, h6, h7	{ font-size: 0.7em; color: #000; margin: 0px; }

h2 span { font-size: 0.9em; }

p,li,dt,dd,label	{ font-size: 0.7em; }
li li, li p	{ font-size: 1em; }

a 			{ text-decoration: underline; color: #000; }
a:hover		{ text-decoration: none; color: #000; }

a img		{ border: 0px; }

input, select, textarea		{ font-family: arial,helvetica; font-size: 0.7em; color: #6d6d6f; }

input.radio, input.check    { width: 2em; }

table   { width: 100%; margin: 0.25em 0px 0.75em 0px; }
table thead th  { font-size: 0.85em; }
table tbody td  { font-size: 0.85em; }
table tfoot td  { font-size: 0.85em; padding-top: 0.75em; }
table tfoot.key td  { font-size: 0.65em; padding-top: 0.75em; }

/*  Template 
--------------------------  */

div#outer   { background: #fff; width: 57em; text-align: left; margin: 0.5em auto; padding: 1em; border: solid 0.15em #86b51d; }

div#header ul   { margin: 0px 0px 0.35em -4px; padding: 0px; float: left; }
div#header li { list-style-type: none; float: left; padding: 0px; margin: 0px 0.225em 0px 0px; }
div#header li.last { margin-right: 0px; }
div#header li img { padding: 0px; height: 135px; }

div#links  { width: 12.1em; }
div#links ul { margin: 0px; padding: 0px; }
div#links li { font-size: 0.7em; color: #004b14; list-style: none; margin: 0.2em; } 
div#links li a { display: block; color: #004b14; background: #e6e6e6 url(../files/images/greycorner.gif) no-repeat top right; padding: 0.3em 0.4em 0.3em 1em; }
div#links li.drop a  { background: #e6e6e6 url(../files/images/greycornergreenarrow.gif) no-repeat top right; } 
div#links li a:hover  { background: #86b51d url(../files/images/greencorner.gif) no-repeat top right; } 
div#links li.drop a:hover { background: #86b51d url(../files/images/greencornerwhitearrow.gif) no-repeat top right;}
div#links li.sub { padding: 0px 0px 0px 1.5em; font-size: 0.55em;}
div#links li.selected a { color: #fff; background: #005622 url(../files/images/drkgreencorner.gif) no-repeat top right; }
div#links li.drop.selected a  { background-image: url(../files/images/drkgreencornerwhitearrow.gif);}
div#links li.drop.selected a:hover { background-image: url(../files/images/greencornerwhitearrow.gif); }

div#links li ul li { font-size: 1em; margin-left: 1em; }
div#links li.drop ul li a { background: #e6e6e6 url(../files/images/greycorner.gif) no-repeat top right; color: #004b14; }
div#links li.drop.selected ul li a { background: #e6e6e6 url(../files/images/greycorner.gif) no-repeat top right; color: #004b14; }
div#links li.drop.selected ul li a:hover { background: #86b51d url(../files/images/greencorner.gif) no-repeat top right; }
div#links li.drop ul li.selected a { color: #fff; background: #005622 url(../files/images/drkgreencorner.gif) no-repeat top right; }
div#links li.drop ul li a:hover { background-image: url(../files/images/greencorner.gif); }
div#links li.drop ul li.selected a:hover { background-image: url(../files/images/drkgreencorner.gif); }

div#header1  { margin: 0.5em 0px 0px 0px; width: 60em; }
div#header1 img#logo  { margin: 0.5em 2em 0.25em 2em; width: 17.45em; float: left; }
div#header1 ul  { list-style-type: none; margin: 0px 0px 0.5em 0px; padding: 0px; width: 36em; text-align: right; }
div#header1 ul li  { float: right; margin-right: 0.35em; }
div#header1 ul li a  { text-decoration: none; padding-right: 0.75em; }
div#links li a { text-decoration: none; }

div#main { float: left; }
div#main div { float: left; }

div#features  { border: solid 1px #99bba7; }
div#features ul { margin: 0px; padding: 0px; }
div#features li { font-family: arial, sans-serif; list-style: none; margin: 0px; width: 18.25em; border: 0px; padding: 0.5em 1em; line-height: 1.6em; } 
div#features li h3 { background: #86b51d url(../files/images/featurebg.gif) repeat-y left; padding: 0.35em 0.35em 0.35em 1em; font-size: 1em; margin-bottom: 0px; }
div#features li h4 { padding: 0px; margin: 0px; font-size: 1em; margin-bottom: 0px; }
div#features img { float: right; width: 16px; height: 20px; }
div#features li.project { padding: 0px 1em; }
div#features li.project img { float: none; width: 18.25em; height: auto; }

div#features li.first   { width: 20.25em; padding: 0px; }
div#features li.last    { width: 20.25em; background-color: #86b51d; padding: 0px 0px 1em 0px; }
div#features li.last a { font-size: 1.2em; color: #fff; font-weight: bold; margin: 0px 1em; text-decoration: none; }
div#features li.last a:hover { text-decoration: underline; }
div#features li.last p { font-size: 1.3em; color: #fff; font-weight: bold; margin: 0.5em 1em; line-height: 1em; }

div#features li p.green { font-size: 1.3em; color: #004b14; font-weight: bold; }
div#features li.pdf { color: #004b14; } 
div#features li.pdf img { float: left; padding: 0px 0.5em 0px 0px; }

div#features ul#focus li h3 { margin: -0.5em -1em 0.5em -1em; }
div#features ul#focus li img { float: none; width: 18.25em; height: auto; margin: 0.5em 0px; }
div#features ul#focus li h3 img { float: right; width: 16px; height: 20px; margin: 0px; }

/*  Content 
--------------------------  */

div.content { width: 30.3em; }
div.content div.contentmain, div.content div.contentbottom	{ width: 27.8em; padding: 0px 1.3em 0px 1.2em; margin-bottom: 1em; }
div.content div.contenttop	{ width: 29.2em; margin: 0px 0.35em 0.5em 0.35em; }
div.content h1 { background: #86b51d url(../files/images/h1bg.gif) no-repeat bottom left; margin: 0px -1.1em 0.5em -1.4em; padding: 0px; }
div.content h1 span { background: transparent url(../files/images/topleftshading.gif) no-repeat top left; display: block; }
div.content h1 a { background: transparent url(../files/images/bottomrightshading.gif) no-repeat bottom right; display: block; color: #fff; text-decoration: none; }
div.content h1 span a span { background: transparent url(../files/images/toprightshading.gif) no-repeat top right; display: block; padding: 0.35em 0.3em 0.6em 1.3em; }

div.contentmain img { margin: 0px 0px 0.25em 0px }
div.contentmain img.left { margin-right: 0.5em; }
div.contentmain img.right { margin-left: 0.5em; }

div.contentmain p.profilelinks img { margin-right: 0.55em; }

ul.projects { list-style-type: none; margin: 0px; padding: 0px; }
ul.projects li  { margin-bottom: 2em; float: left; width: 100%; }
ul.projects li h3   { font-size: 1em; margin-top: 0px; color: #004b14; }
ul.projects li h3 a   { color: #004b14; }
ul.projects li img  { float: left; width: 12em; margin-right: 1em; }
ul.projects li div  { float: left; width: 26.5em; }

ul#homebanner   { list-style-type: none; margin: 0px; padding: 0px; }

/*  Vacancies 
--------------------------  */

ul.vacancies   { list-style-type: none; padding: 0px; margin: 0px; float: left; }
ul.vacancies li    { margin-bottom: 1em; float: left; }
ul.vacancies li h2    { margin: 0px 0px 0.5em 0px; font-size: 1em; }
ul.vacancies li h2 a    { text-decoration: none; }
ul.vacancies li h2 a:hover    { text-decoration: underline; }
ul.vacancies li p  { margin: 0.5em 0px; }
ul.vacancies li p.info  { font-size: 0.7em; }
ul.vacancies li p.info strong  { color: #009b00; }

ul.vacancies li ul li   { float: none; font-size: 1em; }

ul.vacancies li ul.files    { list-style-type: none; float: right; margin: 0px; padding: 0px; }
ul.vacancies li ul.files li { font-size: 0.7em; }
ul.vacancies li ul.files li img { vertical-align: middle; }

ul.vacancies li ul.info    { list-style-type: none; float: left; margin: 0px; padding: 0px; }
ul.vacancies li ul.info li  { margin: 0px; }

/*  Footer 
--------------------------  */

div#footer  { width: 59em; text-align: left; margin: 0px auto; }
div#footer ul   { list-style-type: none; padding: 0px; margin: 0px; color: #888; }
div#footer ul a   { color: #888; text-decoration: none; }