/* CSS Document 
 Version 27, 22 July 2008 
 Author: Gavin Wray 
 Author URI: www.gavinwray.com */
 
/* reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
border:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
margin:0;
padding:0;
}

/* TYPOGRAPHY */
body {
line-height:1.5;
font-size:62.5%;
color:#FFF;
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
background:#0F5074 url("../images/global/bg-body.jpg") repeat-x;
}

/* END OF FORM STYLES 
 TABLES */
table {
border-collapse:separate;
border-spacing:0;
margin-bottom:1.4em;
width:100%;
font-size:1.3em;
}

caption,th,td {
text-align:left;
font-weight:400;
}

table,td,th {
vertical-align:text-top;
}

blockquote:before,blockquote:after,q:before,q:after {
content:"";
}

blockquote,q {
quotes:"" "";
font-size:1.3em;
line-height:1.5em;
margin:0 0 1.5em;
}

h1,h2,h3,h4,h5,h6 {
font-weight:400;
color:#FFF;
}

h1 {
font-size:3em;
line-height:1;
margin-bottom:0.5em;
}

/* All page titles are h2 */
h2 {
font-size:2em;
margin-bottom:0.75em;
}


h3 {
font-size:2em;
line-height:1.1em;
margin-bottom:1em;
border-bottom:1px #38607A solid;
}

h4 {
font-size:1.7em;
line-height:1.25;
margin-bottom:1em;
}

h5 {
font-size:1em;
font-weight:700;
margin-bottom:1.5em;
}

h6 {
font-size:1em;
font-weight:700;
}

h1 img,h2 img,h3 img,h4 img,h5 img,h6 img {
margin:0;
}

p {
font-size:1.3em;
margin:0 0 1.5em;
}

p img {
float:left;
margin:1.5em 1.5em 1.5em 0;
padding:0;
}

p img.right {
float:right;
margin:1.5em 0 1.5em 1.5em;
}

p img.centre {
margin:0 0 1.5em 6em;
}

a:focus,a:hover {
color:#FFF;
text-decoration:none;
}

a {
color:#FFF;
text-decoration:underline;
}

abbr,acronym {
border-bottom:1px dotted #FFF;
cursor:help;
}

ul,ol {
color:#FFF;
}

ul {
list-style-type:disc;
}

ol {
list-style-type:decimal;
}

.right {
text-align:right;
}

.small {
font-size:1.2em;
}

blockquote {
margin-bottom:-10px;
padding:1em 4em 0 2em;
}

blockquote p {
text-align:justify;
font:0.9em/1.5em Georgia, "Times New Roman", serif;
font-style:italic;
}

/* FORMS */
fieldset {
font-size:1.2em;
margin:0;
padding:0 0 2em;
}

legend {
font-size:1.7em;
margin:0 0 0.7em;
}

label {
vertical-align:bottom;
}

input,button,checkbox,file,password,radio,reset,submit,textarea {
font-size:1em;
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
line-height:1.3em;
}

/* This does not work in IE */
image {
background-color:transparent;
border:none;
}

.blueinput,.bluetextarea {
color:#FFF;
background-color:#0776AB !important;
border:1px #4289B2 solid;
margin:0.25em 0 0.75em;
padding:2px;
}

.blueinput {
width:240px;
}

/* Reusable button class */
.bluebutton {
background:#0878AC url("../images/buttons/btn-bluebutton.png") repeat-x top center;
-moz-border-radius:4px;
-webkit-border-radius:4px;
text-transform:uppercase;
letter-spacing:0.1em;
font-weight:700;
text-decoration:none;
color:#FFF;
border:1px #3EACCF solid;
width:auto;
padding:4px 10px;
}

.bluebutton:hover {
border:1px #FFF solid;
}

/* Style submit button */
button {
font-size:1em;
outline:none;
border:none;
margin:17px 50px 20px 0;
padding:0;
}

#tbl td
{
    border-bottom:1px #38607A solid
    }
td,th {
/*border-bottom:1px #38607A solid;*/
}

th {
font-weight:700;
}

th,td {
padding:3px 0px 0px 3px;
}

/* PRELOAD AND HIDE IMAGES*/
div#preload {
display:none;
}

/* LAYOUT */
html,body {
height:100%;
margin:0;
padding:0;
}

#wrapper 
{
   
width:880px;
min-height:100%;
background:#096B9B url("../images/global/bg-wrapper.jpg") repeat-x;
position:relative;
text-align:left;
margin:0 auto;
}

#header {
width:880px;
height:111px;
background:#124160 url("../images/global/bg-header.jpg") right;
margin:0;
padding:0;
}

/* MWN logo */
#header h1,#header h1 a {
float:left;
width:224px;
height:111px;
background-color:#FFF;
color:#666667;
margin:0;
padding:0;
}

/* TOP NAV MENU */

#nav {
     padding: 0px 0px 0px 234px;
     width: 820px;
     height: 111px;
}

#nav ul { /* all nav lists */
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 1.7em;
        line-height: 0em;
}

#nav ul li { /* Top level nav items */
    width: auto;
    text-align: left;
    padding: 0px 7px 0px 0px;
}

#nav a {
    display: block;
    text-decoration: none;
}

#nav a:hover {
    color: #FFF;
    background-color: #11405F;
    background: #11405F url("../images/buttons/btn-navbaractive.jpg") repeat-x;
}

#nav ul li a {
        padding: 56px 5px 25px 5px;
}

#nav li { /* all list items */
	float: left;
	width: 10em; /* width needed or else Opera goes nuts */
}

#nav li ul { /* second level lists */
	position: absolute;
	width: 13em;
	margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
    font-size: 0.7em;
    line-height: 1.5em;
    border-bottom: 5px #096B9B solid; 
}

#nav li ul li {
    width: 100%;
    padding: 0;
    color: #162C42;
    background-color: #FFF;
}

#nav li ul li a {
	padding: 3px 0px 3px 5px;
	color: #162C42;
} 

#nav ul li ul li a:hover {
     text-decoration: underline;
     color: #FFF; 
     background: #24ABE2; 
} 

#nav li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 -1000em;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	margin-left: -1000em;
}

/* lists nested under hovered list items */
#nav li:hover ul, #nav li.sfhover ul {
	margin-left: 0;
}
#nav li li:hover ul, #nav li li.sfhover ul {
	margin-left: 10em;
}

/* Clear beneath the nav for page content to follow */
#content {
	clear: left;
	color: #ccc;
}

/* extra positioning rules for limited noscript keyboard accessibility */
#nav li a:focus + ul { margin-left: 0; }
#nav li li a:focus + ul { margin-left: 1010em; }
#nav li li a:focus { margin-left:1000em; width:auto; background: #24ABE2; }
#nav li li li a:focus {margin-left: 2010em; width: 10em; background: #162C42;}
#nav li:hover a:focus, #nav li.sfhover a.sffocus { margin-left: 0; }
#nav li li:hover a:focus + ul, #nav li li.sfhover a.sffocus + ul { margin-left: 10em; }

/* END OF TOP NAV */

.breadcrumbs {
float:right;
width:626px;
text-align:right;
font-size:1.1em;
margin:-25px 30px 5px 0;
padding:0;
}

#breadcrumbs a {
color:#FFF;
text-decoration:none;
border-bottom:1px #38607A solid;
}

#banner {
display:block;
clear:left;
background:#124160 url("../images/global/bg-banner.jpg") no-repeat;
width:880px;
height:136px;
margin:0 0 10px;
padding:0;
}

/* CONTENT 
 Standard pages span three columns */
#pagetitle {
clear:both;
margin:0 30px;
}

#pagetitle h2 {
font-size:2.5em;
border-bottom:1px #38607A solid;
padding:0.62em 0 0;
}

/* 3 classes for a 3 column layout */
.leftcolumn {
float:left;
width:290px;
clear:both;
padding:0 0 20px 30px;
}

.centrecolumn {
float:left;
width:290px;
padding-bottom:20px;
margin:0;
}

.rightcolumn {
float:left;
width:270px;
padding-bottom:20px;
margin:0;
}

/* Span across right and centre columns for two column layouts */
.centreandrightcolumns {
float:left;
width:530px;
padding-bottom:7em;
margin:0;
}

/* SET THE TYPE IN THREE COLUMN LAYOUT  */
.leftcolumn h3,.centrecolumn h3 {
margin:0 50px 20px 0;
}

.submitcv {
    margin-top: 8px;
}

.iebuttons {
    margin-top: -15px;
}

.leftcolumn h4,.centrecolumn h4 {
margin:0 50px 0.7em 0;
}

.rightcolumn h3,.rightcolumn h4 {
margin:0 30px 20px 0;
}

.leftcolumn p,.centrecolumn p {
padding-right:50px;
}

.leftcolumn blockquote,.centrecolumn blockquote,.rightcolumn blockquote {
quotes:"" "";
font-size:1.3em;
line-height:1.5em;
margin:0;
padding:1em 0 0;
}

.rightcolumn p {
padding-right:30px;
}

.leftcolumn ul {
font-size:1.3em;
margin:0 1em 2em 1.1em;
}

.centreandrightcolumns ul {
font-size:1.3em;
margin:0 1em 2em 2.5em;
}

.centreandrightcolumns ul li ul {
list-style-type:circle;
margin:0.5em 2em 1em;
}

.centreandrightcolumns li ul li {
font-size:0.75em;
}

/* HOME PAGE ELEMENTS */
.centrecolumn button {
margin:31px 0 0;
}

/* 2-COLUMN TEMPLATE ELEMENTS 
 Left-hand subnav */
.leftnav {
font-size:1.3em;
list-style-type:none;
line-height:2em;
margin:0;
padding:0;
}

.arrow {
background:transparent url(../images/global/bluearrow.gif) no-repeat;
background-position:0 0.4em;
padding-left:2em;
}

/* SEARCH RESULTS & OTHER FULL WIDTH 1-COLUMN PAGES */
.allcolumns {
width:820px;
padding:0 0 20px 30px;
}

.paging {
padding:0 0 0px 0px;
text-align:right; 
}

.paging table{
width:0px;
text-align:right;   
}


/* script added on 08/09/08 by MK */
.agridsearchresult 
{
 width:820px;
 padding:0 0 5px 5px;    
}
.allcolumns ul {
font-size:1.3em;
margin:1em 3em;
}

.allcolumns li {
padding:0 0 1.5em;
}

.skinnylist li {
padding:0;
}

/* USE THIS AS A SECTION BREAK SPANNING FULL WIDTH */
.clear {
width:820px;
padding:0 30px;
}

/* CONSULTANTS & STAFF IMAGES */

.staffwrapper {
width:880px;
height:16em;
padding: 0;
margin:0;
text-align:center;
}

.table {
display: table;   /* Allow the centering to work */
margin: 0 auto;
} 

.stafflist {
list-style-type:none;
}

.stafflist li {
display:inline-block;
width:150px;
vertical-align:top;
font-size:1.3em;
line-height:1.2em;
padding: 0px 5px;
margin:0;
}

.stafflist img {
border:transparent 1px solid;
margin-bottom:0.2em;
}

.stafflist a:hover img {
border:#FFF 1px solid;
}

.stafflist a {
text-decoration:none;
}

.stafflist a:focus,.stafflist a:hover {
text-decoration:underline;
}

.profile {
padding:0 0 10px;
}

/* FOOTER */
#footer {
clear:both;
width:880px;
height:9em;
background:#162C42 url("../images/global/bg-footer.jpg") repeat-x top;
position:relative;
margin:-9em auto;
padding:0;
}

#footer ul {
display:inline;
float:left;
padding:1em 30px;
}

#footer li {
display:inline;
font-size:1.3em;
padding:0 1.5em 0 0;
}

#footer p {
clear:both;
font-size:1.1em;
line-height:1.5em;
padding:0 30px;
}

.copyright {
display:inline;
float:right;
position:relative;
font-size:1.1em;
padding:1em 30px;

}

#clearfooter {
clear:both;
height:9em;
width:100%;
}

a img,h1 a,.noborder,.allcolumns h3 {
border:none;
}