html {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	background: url(../images/bg-body.jpg) top left repeat-x;
	background-color:#d5d5d5;
	height: 100%;
}

* html body {
	font-size:0.7em;
}

#menu a 
{
	color: White;
	text-decoration: none;
	font-size: 10pt;
	padding-left: 10px;
	padding-right: 10px;
	font-family:Calibri;
	text-transform:uppercase;
	 	FLOAT: left;
	PADDING-BOTTOM: 7px;
	VERTICAL-ALIGN: middle;
	PADDING-TOP: 8px;
	HEIGHT: 15px! important
	

}
#regionl
{
	float: left;
}
#regionr
{
	float: right;
}

#menu a:hover
{
 background-color: #7fa08c;
 	FLOAT: left;
	PADDING-BOTTOM: 7px;
	VERTICAL-ALIGN: middle;
	PADDING-TOP: 8px;
	HEIGHT: 15px! important
	}


img {
	border: 0;
}

#container {
	background: url(../images/bg-main-repeat.jpg) top center repeat-y;

}
 * html #container {
	height: 100%;
}

#inside {
	background: url(../images/bg-main.jpg) top center no-repeat;
}

#login .login-row {
margin:4px 0;
}

#login .login-button {margin-left:90px;}

#login .login-row input {
margin-left:90px;
margin-top:-18px;
position:relative;
display:block;
}

#menu {
	margin:0 -2px 0 -2px;
    position: relative;
	background-color:#4e4a49;
	padding-left: 20px;
	width: 752px;
	VERTICAL-ALIGN: middle;
	HEIGHT: 30px! important
}

* html #menu {
	margin:0 -2px -2px 1px;
	background-color:#4e4a49;
	width:772px;
}

#menu-shadow {
	background:url(../images/menu-shadow.gif) top center repeat-x;
	width:772px;
	margin:0 0px 0 -2px;
}

* html #menu-shadow {
	width:772px;
	margin:0 0px 0 1px;
}

#header-cp {
padding-top:4px;
font-size: 8pt;
margin-left:44px;
color:#595959;
}

#header-cp a:link, #header-cp a:visited {
color:#595959;
text-decoration:none;
}

#header-cp a:hover {
text-decoration:underline;
}

ul li.green-list {
list-style-type:none;
background-image:url(../images/list-square-green.gif);
background-repeat:no-repeat;
background-position:top left;
margin:0px;
}
ul .green-list {
margin-left:-36px !important;
padding:0px 0px 0px 20px !important;
}

.green-link a:link, .green-link a:visited {
color:#7fa08c;
}

.green-link a:hover {
text-decoration:none;
}


#wrapper {
	margin: 0 auto;
	text-align: left;
	width: 769px;
	background: url(../images/pc/page-bkgd.gif) top left repeat-y;
	min-height: 1200px;
	height:auto;
	padding-bottom: 80px;
}

* html #wrapper {
	width: 768px;
}

#page {
	margin: 0px;
	padding: 0px;
}

#pagecontent {
	width: 772px;
	margin: 0 0px 0 0;
}


html>body #pagecontent {
	margin: 0 0px 0 0;
}
#pagecontent h2 {
	margin: 0;
	padding: 0;
}
#pagecontent p, #pagecontent ul, #pagecontent ol, #pagecontent h3 {
	font-size: xx-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: x-small;
}
html>body #pagecontent p, html>body #pagecontent ul, html>body #pagecontent ol, html>body #pagecontent h3 {
	xfont-size: x-small;
}
#pagecontent p {
	margin: 6px 0;
}

h1.intro {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: x-large;
	color: #666666;
	margin-top: 12px;
	voice-family: "\"}\"";
	voice-family: inherit;
}

.home-small 
{
	padding-top:10px;
	padding-left:20px;
	font-size: .8em;
	padding-right:24px;
}

#main-content {
padding-top:10px;
padding-left:24px;
line-height: 13.44pt;
font-size: 0.7em;
width:350px;
font: "Lucida Grande", Arial, Verdana, sans-serif;
}

* html #main-content {
padding-top:10px;
padding-left:24px;
width:350px;
}

#main-content p {
	margin: 6px 0 0 0;
}

#main-content-cl2 {
margin-left:180px;
margin-right:100px;
margin-top:-25px;
width: 340px;
}
#cloud
{
text-align: justify;
}
#main-content-cl3 {
margin-left:204px;
margin-right:20px;
margin-top:-4px;
}

.top {
text-align:right;
}

.home-large {
	font-family:"Garamond", Georgia, serif;
	font-size:2em;
	color: rgb(104, 106, 108);
	white-space: nowrap;
	/*padding: 0 1.5em;*/
	letter-spacing: 1px;
}

.home-small {
	font-family:"Trebuchet MS", Arial Narrow, sans-serif;
	
	color:#9a9c9e;
	line-height:2em;
	/*text-align:justify;*/
}

#main-content-cl2 a:link, #main-content-cl2 a:visited, #main-content a:link, #main-content a:visited, #main-content-cl3 a:link, #main-content-cl3 a:visited {
color:#7fa08c;
}

#main-content-cl2 a:hover, #main-content a:hover, #main-content-cl3 a:hover {
text-decoration:none;
}

#rhs-nav {
	float:right;
	width:218px;
	font-family:Tahoma, Helvetica, Arial, sans-serif;
	margin-right:-26px;
	line-height:16px;
}
* html #rhs-nav {
	margin-right:-5px;
}

#rhs-nav h3 {
	font-size:0.9em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:-9px;
}

#rhs-nav .rhs-text {
background-color:#ebecee;
padding:6px 6px 6px 12px;
margin-bottom:10px;
margin-top:10px;
}

* html #rhs-nav .rhs-text {
}

#rhs-nav h3{
	padding-top:6px;
}

#rhs-nav a:link, #rhs-nav a:visited {
color:#547a68;
}

#rhs-nav a:hover {
text-decoration:none;
}

#breadcrumbs {
	color:#666666;
	margin-left:206px;
}

#breadcrumbs p {
	margin:0;
	padding:2px 0 12px 0;
	font-size:0.8em;
}

#breadcrumbs a:link, #breadcrumbs a:visited {
	color:#666666;
	text-decoration:none;
}
#breadcrumbs a:hover {
	text-decoration:underline;
}


#breadcrumbs .current {
	font-weight:bold;
}

#lhsnav {
	background-color: #ebecee;
	width: 184px;
	float:left;
	margin-left:-22px;
}
#lhsnav li 
{
	line-height: 15px;
}
.img-right {
float:right;
margin-right:-2px;
}
.selectedExpertise 
{
	font-weight: 600;
}
* html .img-right {
float:right;
margin-right:-5px;
}

.about-image-left {float:left;padding-right:15px;}
.about-block {height:30px;padding-bottom:6px;}
* html .about-block {height:0px;padding-bottom:0px;margin-bottom:-10px;}
.about-block h3 {padding-top: 16px;}

div.spacer {
	clear: both;
}

* html .people {
margin-top:24px;
margin-left:-120px;
float:left;
}

.people {
margin-top:6px;
margin-left:-120px;
float:left;
}

.matrix-right {text-align:right;}

.contact-block {
width:230px;
margin: -10px 6px 0 0px;
padding:0px;
float:left;
}

* html .contact-block {
width:230px;
margin: 1px 6px 6px 0px;
padding:0px;
float:left;
}

:first-child+html .contact-block {
width:230px;
margin: 1px 6px 6px 0px;
padding:0px;
float:left;
}




#footer {
	clear: both;
	background-color:#4e4a49;
	margin: -32px auto 0;
	padding-top: 12px;
	width: 773px;
	position: relative;
	font-size: xx-small;
	text-align: left;
	height: 20px;
	voice-family: "\"}\"";
	voice-family: inherit;
}

* html #footer {
	margin-top:-32px;
	height:16px;
	padding-top:12px;
	padding-bottom:12px;
	font-size:8pt;
}
html>body #footer {
	height: 24px;
	margin-top: -36px;
}

#footer p {
	margin: 0;
	padding: 0 0 0 12px;
	color:#fff;
	float: left;
	width: 400px;
}
#footer a:link, #footer a:visited {
	color: #fff;
	text-decoration: none;
	margin-right:14px;
}
#footer a:hover {
	text-decoration: underline;
}

#footer p.footer-right
{
	text-align: right;
width: 320px;
padding-right: 10px;
float: right;
}

#content-shrinker {
margin-right:220px;
}

/* show hide */

div#sh-darkins-board
{
margin: 0px 20px 0px -24px;
display: none;
}

div#sh-ball-board
{
margin: 0px 20px 0px -24px;
display: none;
}

div#sh-fisher-board
{
margin: 0px 20px 0px -24px;
display: none;
}

div#sh-kilsby
{
margin: 0px 20px 0px -24px;
display: none;
}

div#sh-macdonald-board
{
margin: 0px 20px 0px -24px;
display: none;
}

div#sh-nicholas-board
{
margin: 0px 20px 0px -24px;
display: none;
}

div#sh-nicholas-board
{
margin: 0px 20px 0px -24px;
display: none;
}

div#sh-ball
{
margin: 0px 20px 0px -24px;
display: none;
}

div#sh-comerford
{
margin: 0px 20px 0px -24px;
display: none;
}

div#sh-crowley
{
margin: 0px 20px 0px -24px;
display: none;
}

div#sh-dickinson
{
margin: 0px 20px 0px -24px;
display: none;
}

div#sh-bates
{
margin: 0px 20px 0px -24px;
display: none;
}

div#sh-farrell
{
margin: 0px 20px 0px -24px;
display: none;
}

div#sh-fraser
{
margin: 0px 20px 0px -24px;
display: none;
}
.togglePeople
{
margin: 0px 20px 0px -24px;
display: none;
}

div#sh-graham
{
margin: 0px 20px 0px -24px;
display: none;
}

div#sh-hayward
{
margin: 0px 20px 0px -24px;
display: none;
}

div#sh-nicholas
{
margin: 0px 20px 0px -24px;
display: none;
}

div#sh-macdonald
{
margin: 0px 20px 0px -24px;
display: none;
}

div#sh-obrien
{
margin: 0px 20px 0px -24px;
display: none;
}

div#sh-pomana-kemp
{
margin: 0px 20px 0px -24px;
display: none;
}

div#sh-pointon
{
margin: 0px 20px 0px -24px;
display: none;
}

div#sh-puketapu
{
margin: 0px 20px 0px -24px;
display: none;
}


div#sh-pointon-board
{
margin: 0px 20px 0px -24px;
display: none;
}

/* show hide IE fixes */

* html div#sh-darkins-board
{
margin: 0px 20px 0px 0px;
display: none;
}

* html div#sh-ball-board
{
margin: 0px 20px 0px 0px;
display: none;
}

* html div#sh-fisher-board
{
margin: 0px 20px 0px 0px;
display: none;
}


* html div#sh-macdonald-board
{
margin: 0px 20px 0px 0px;
display: none;
}

* html div#sh-nicholas-board
{
margin: 0px 20px 0px 0px;
display: none;
}

* html div#sh-ball
{
margin: 0px 20px 0px 0px;
display: none;
}

* html div#sh-comerford
{
margin: 0px 20px 0px 0px;
display: none;
}

* html div#sh-crowley
{
margin: 0px 20px 0px 0px;
display: none;
}

* html div#sh-dickinson
{
margin: 0px 20px 0px 0px;
display: none;
}

* html div#sh-english
{
margin: 0px 20px 0px 0px;
display: none;
}

* html div#sh-farrell
{
margin: 0px 20px 0px 0px;
display: none;
}

* html div#sh-fraser
{
margin: 0px 20px 0px 0px;
display: none;
}

* html div#sh-graham
{
margin: 0px 20px 0px 0px;
display: none;
}

* html div#sh-hayward
{
margin: 0px 20px 0px 0px;
display: none;
}

* html div#sh-nicholas
{
margin: 0px 20px 0px 0px;
display: none;
}

* html div#sh-macdonald
{
margin: 0px 20px 0px 0px;
display: none;
}

* html div#sh-obrien
{
margin: 0px 20px 0px 0px;
display: none;
}

* html div#sh-pomana-kemp
{
margin: 0px 20px 0px 0px;
display: none;
}

* html div#sh-pointon
{
margin: 0px 20px 0px 0px;
display: none;
}

* html div#sh-puketapu
{
margin: 0px 20px 0px 0px;
display: none;
}

.home-ul {
margin-top:0.4em;
}

.closeup {
margin-bottom:-1.4em;
}

* html .pdf-right {float:right;margin:-53px -110px 0px 0;padding:0;}
.pdf-right {float:right;margin:-48px -210px 0px 0;padding:0;}
* html .img-table {margin-top:-16px;}

/**
 * POPUP CONTAINER STYLES
 */
#popupMask {
	position: absolute;
	z-index: 200;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: .4;
	filter: alpha(opacity=40);
	/* this hack is so it works in IE
	 * I find setting the color in the css gives me more flexibility 
	 * than the PNG solution.
	 */
	background-color:transparent !important;
	background-color: #333333;
	/* this hack is for opera support
	 * you can uncomment the background-image if you don't care about opera.
	 * this gives you the flexibility to use any bg color that you want, instead of the png
	 */
	background-image/**/: url("maskBG.png") !important;
	background-image:none;
	background-repeat: repeat;
	display:none;
}
#popupContainer {
	position: absolute;
	z-index: 201;
	top: 0px;
	left: 0px;
	display:none;
	padding: 0px;
}
#popupInner {
	border: 2px solid #000000;
	background-color: #ffffff;
}

#popupFrame {
	margin: 0px;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 202;
}
#popupTitleBar {
	background-color: #486CAE;
	color: #ffffff;
	font-weight: bold;
	height: 1.3em;
	padding: 5px;
	border-bottom: 2px solid #000000;
	border-top: 1px solid #78A3F2;
	border-left: 1px solid #78A3F2;
	border-right: 1px solid #204095;
	position: relative;
	z-index: 203;
}
#popupTitle {
	float:left;
	font-size: 1.1em;
}
#popupControls {
	float: right;
	cursor: pointer;
	cursor: hand;
}