body {
   background-color: #f1f1f1;
   font-family: Verdana, Arial, sans-serif;
   font-size: 14px;
   color: #333333;
   line-height: 1.2em; /* V4.10 CM set line height relative to font size - was 18px */
}
#largeImg {
	border:1px solid #CCCCCC;
	left:10px;
	top:10px;
	height:394px;
	padding:5px;
	width:500px;
}
/* reset default margin and padding */
div, h1, h2, h3, h4, h5, h6, p, ul, ol {
   margin: 0;
   padding: 0;
}

h1 {
   font-size: 20px;
   
b{
	margin-top:200px;
}
}
.bio{
	float:left;
}
h2 {
   font-size: 18px;
}

h3 {
   font-size: 16px;
}

h4 {
   font-size: 14px;
}

h5 {
   font-size: 12px;
}

h6 {
   font-size: 10px;
}

.nostyle {
   /* fallback elements displayed when stylesheet not found */
   display: none;
}


#faces{
	float:left;
	width:80%;
	text-align:center;
	border:0;
	border-spacing:2px 2px;
	font-weight:bolder;
}	
div.overwrite{	
	text-align:center;
	
	
}
hr {
   height: 1px;
   display: block;
   clear: both;
   border-style: dotted; /* MSIE6 draws as dashed - we can live with this */
   border-color: black;
   border-width: 0 0 1px 0;
   padding-top: 24px;
   margin-bottom: 12px;
   width: 100%;
}

img {
   border-width: 0;
}

div.wrapper {
   padding: 0;
   margin: 10px auto; /* MSIE 6 */
   width: 980px;
   /*background-color: white;*/
   background-image:url('../images/bg.jpg');
   background-repeat:repeat-y;   
   overflow: hidden;
   /* rounded corners (not yet supported by MSIE) */
   border-radius: 12px; /* CSS3 standard - not currently supported by any browser */
   -moz-border-radius: 12px; /* Firefox */
   -webkit-border-radius: 12px; /* webkit/Chrome */
}

html>body div.wrapper {
   margin: 20px auto; /* all other browsers */
}

@media screen {
   div.wrapper {
      /* drop shadow */
      box-shadow: 3px 3px 4px #000000; /* CSS3 standard - not currently supported by any browser */
      -moz-box-shadow: 3px 3px 4px #000000; /* Firefox */
      -webkit-box-shadow: 3px 3px 3px #000000; /* Chrome */
      -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; /* MSIE 8 */
   }
}

div.banner {
   height: 120px; /* must match height of banner image */
  /* overflow: hidden; */
 
   }

div.banner img {
   border-width: 0;
   margin-left: 16px;
   
}
div.maptitle{
	   font-family: Verdana, Arial, sans-serif;
   font-size: 14px;
   color: #ffffff;
}
@-moz-document url-prefix() {
   /* Firefox-only CSS hack
     FF does not clip an image to its container's rounded corners (whereas this
     works OK in Chrome, and rounded corners not supported at all in MSIE).
     To work around this bug, clip the banner image, and add the same image
     as a background-image */
   div.banner {
      background-image: url(../images/EFA_banner.gif);
      background-position: 16px 0;
      background-repeat: no-repeat;
      -moz-border-radius-topright: 12px;
   }
   
   div.banner img {
      position: absolute;
      clip: rect(0,836px,149px,0);
   }
}

div.menubar {
   background-color: #ffcc00;
   z-index:10;
   /* vertical gradient for browsers which support it */
   background: -webkit-gradient(linear, left top, left bottom, from(#ffcc00), to(#cccccc)); /* webkit/Chrome */
   background: -moz-linear-gradient(top,#ffcc00,#cccccc); /* Firefox 3.6+ */
   -ms-filter: "progid:DxImageTransform.Microsoft.Gradient(startColorstr='#ffcc00',endColorstr='#cccccc')"; /* MSIE 8 */
   height: 30px;
   margin: 0;
   
}

div.menu {
   padding: 0;
   margin: 0 12px 0 12px;
   font-size: 13px;
   
}

div.menu ul {
   list-style: none;
   line-height: 30px; /* must match div.menubar height */
   display: block;
   margin: 0;
   padding: 0;
   height: 100%;
   width: 100%;
}

div.menu li {
   float: left;
   position: relative;
   display: inline;
   padding: 0;
   margin: 0;
   border-color: white;
   border-style: solid;
   border-width: 0 1px 0 0;
   padding-left: 12px;
   padding-right: 12px;
}

div.menu li:last-child { /* last-child supported by FF and Chrome */
   float: left;
   border-right-width: 0px;
}

a.menuitem {
   color: #045fb4; /* #5191cd; */
   font-weight: bold;
   text-decoration: none;
   padding-left: 10px;
   padding-right: 10px;
   
}

a.menuitem:hover {
   color: black;
}

div.menu a#currentitem { /* set by javascript in page onload */
   color: black;
}

div.photo{
	background-position:right;
	background-repeat: no-repeat;
	height: 125px;
	margin-right:0px;
}
div#pw{   
	background-image:url(../images/contributors/pw.jpg);
}
div#cp{   
	background-image:url(../images/contributors/cp.jpg);
}
div#vv{   
	background-image:url(../images/contributors/vv.jpg);
}
div#pd{   
	background-image:url(../images/contributors/pd.jpg);
}
div#jz{   
	background-image:url(../images/contributors/unk.jpg);
}
div#rb{   
	background-image:url(../images/contributors/rb.jpg);
}
div#bd{   
	background-image:url(../images/contributors/bd.jpg);
}
div#mo{   
	background-image:url(../images/contributors/mo.jpg);
}
div#db{   
	background-image:url(../images/contributors/db.jpg);
}
div#ad{   
	background-image:url(../images/contributors/ad.jpg);
}
div.landscape {
   background-position: 0 0;
   background-repeat: no-repeat;
   height: 175px;
}

div#landscape1 {
   background-image: url(../images/landscape1.jpg);
}

div#landscape2 {
   background-image: url(../images/landscape2.jpg);
}

div#landscape3 {
   background-image: url(../images/landscape3.jpg);
   height:355px;
  
}

div#landscape4 {
   background-image: url(../images/landscape4.jpg);
}

div#landscape5 {
   background-image: url(../images/landscape5.jpg);
   
}

div#landscape6 {
   background-image: url(../images/landscape6.jpg);
}

div#landscape7 {
   background-image: url(../images/landscape7.jpg);
}

div#landscape8 {
   background-image: url(../images/landscape8.jpg);
}

div#landscape9 {
   background-image: url(../images/landscape9.jpg);
}

div.landscape h1 {
   color: white;
   margin: 0;
   line-height: 28px;
   font-size: 25px;
   font-weight: normal;
}

div#landscape1 h1 {
   padding: 65px 0 0 34px;
   width: 45%;
}

div#landscape2 h1,
div#landscape3 h1,
div#landscape4 h1,
div#landscape5 h1,
div#landscape6 h1,
div#landscape7 h1,
div#landscape8 h1,
div#landscape9 h1 {
   padding: 65px 0 0 34px;
}
input.button{
   font-size:14px;
   float: left;
   color:#000000;
   background-color:#FFCC00;
   border-top-style:double;
   border-bottom-style:double;
   border-left-style:double;
   border-right-style:double;
   cursor:pointer !important; cursor:hand;
}


/* alternative layouts:
   * We can have multiple div.content elements on a single page - they will be displayed
     across the whole page width:
     
     |-- CONTENT1 --|
     |-- CONTENT2 --|
     |-- CONTENT3 --|
     
   * Each div.content can contain one of 2 alternative layouts:
     1. sidebar and main (as on index.html)
     2. column1 and column2 - 2 columns of equal width
*/

div.content {
   clear: both;
}

/* default content element styles */
div.content h1 {
   margin: 4px 0 16px 0; /* MSIE 6 */
   line-height: 1.2em; /* V4.1 explicit line-height set for headings */
}

html>body div.content h1 {
   margin: 0 0 16px 0; /* all other browsers */
}

div.content h2,
div.content h3,
div.content h4,
div.content h5,
div.content h6 {
   margin: 0 0 16px 0;
}

div.content p {
   margin: 0 0 16px 0;
}

div.content ul {
   margin: 0 30px 16px 20px;
}

div.content ol {
   margin: 0 30px 16px 20px;
}

div.content a { /* default link style */
   text-decoration: none;
   color: #045fb4;
}

div.content a:hover {
   color: black;
}

div.content iframe.map {
   display: block;
   margin: 0 auto;
   background: url(../images/loading.gif) no-repeat center center; /* V4.10 added loading background */
}
#mask {
  position:absolute;
  z-index:9000;
  background-color:#000;
  display:none;
}
   
#boxes .window {
  position:absolute;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:0px;
}
 
 
/* Customize your modal window here, you can add background image too */
#boxes #dialog {
  width:375px; 
  height:203px;
}
@media screen {
   div.content iframe.map {
      /* drop shadow */
      box-shadow: 3px 3px 4px #000000; /* CSS3 standard - not currently supported by any browser */
      -moz-box-shadow: 3px 3px 4px #000000; /* Firefox */
      -webkit-box-shadow: 3px 3px 3px #000000; /* Chrome */
      -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; /* MSIE 8 */
   }
}

div.content div.sidebar {
   display: block;
   margin: 20px 0 0 15px; /* MSIE 6 */
   float: right;
   width: 35%;
   color: #666666;
   font-size: 20px;
   line-height: 2em; /* V4.10 CM added explicit line-height for sidebar */
}

div.content div.sidebar div.sidebar-title{
	color:white;
	font-size:22px;
	text-align:center;
	background-color:#ffcc00;
	line-height:1.6em;
}

html>body div.content div.sidebar {
   margin: 20px 0 0 30px; /* all other browsers */
}

div.content div.sidebar ul {
   list-style: none;
   margin: 0 0 16px 0; /* override default div.content ul margin */ 
   padding: 0;
}

div.content div.sidebar a {
   text-decoration: none;
   color: #666666;
   line-height: 2em;
   font-size:20px;
}

div.content div.sidebar a:hover {
   color: #045fb4; /* #5191cd; */
}

div.content div.main {
   display: block;
   float: center;
   width: 850px;
   overflow-x:hidden;
   margin: 20px 0 20px 20px;
   font-size: 12px;
   line-height: 1.4em; /* V4.10 line-height changed from 14px to 1.2em */
}
div.content div.main2 {
   display: block;
   float: center;
   width: 500px;
   overflow-x:hidden;
   margin: 20px 0 20px 20px;
   font-size: 12px;
   line-height: 1.4em; /* V4.10 line-height changed from 14px to 1.2em */
}

div.content div.column1 {
   display: block;
   clear: both;
   float: left;
   width: 45%;
   margin-top: 20px;
   margin-left: 30px;
   font-size: 12px;
   line-height: 1.4em; /* V4.10 line-height changed from 14px to 1.2em */
}

div.content div.column2 {
   display: block;
   float: left;
   width: 45%;
   margin-top: 20px;
   margin-left: 30px;
   font-size: 12px;
   line-height: 1.2em; /* V4.10 line-height changed from 14px to 1.2em */
}
#submit-go {
	margin-top:1em;
	width:69px;
	height:26px;
	text-indent:-9999px;
	overflow:hidden;
	border:0;
	background:url(../images/login-button.gif) no-repeat 0 0;
	display:block;
	cursor:pointer !important; cursor:hand;
}
#submit-go:hover {
	background-position:0 -26px;
}
.button_style{
	background-color:#ffcc00;
	padding: 2px;
} 
fieldset div{
	border:1px solid #ddd;
	padding:0 0.5em 0.5em;
	width: 160px;
}
form.sponsors {
	background:#cccccc;
	float:right;
	right:10px;
	padding:1em;
	border:2px 0px 20px 0px;
	border: solid #ffcc00;
	width:20em;
}
form.contributors {
	background:#cccccc;
	float:right;
	margin-right:25px;
	padding:1em;
	border:2px 0px 20px 0px;
	border: solid #ffcc00;
	width:16em;
}
#thumbs{
	text-align:center;
	float:left;
}
div.footer {
   clear: both;
   display: block;
   height: 30px;
   background-color: #cccccc;
   color: black;
   padding-top: 10px;
   margin-top: 0;
   font-size: 10px;
   /* Firefox 3.6 - border radius from #wrapper must be repeated (OK in Chrome) */
   -moz-border-radius-bottomleft: 12px;
   -moz-border-radius-bottomright: 12px;
}

.display{
	position:relative;
	text-align:center;
	Top:270px;
	Left:145px;
	border:2px;
	width:50px;
	border:solid;
	padding:7px;
}
.display2{
	position:relative;
	text-align:center;
	Top:100px;
	Left:540px;
	border:2px;
	width:50px;
	border:solid;
	padding:7px;
}
@media print {
   div.footer {
      display: none;
   }
}

div.footer p {
   margin-left: 30px;
   font-size: 10px;
}

/* general paragraph styles */
p.intro {
   color: #666666; /* Grey*/
   font-family: "Verdana", Verdana;
   font-size: 14px;
   text-align:center;
   margin-bottom: 20px;
   line-height: 1.2em; /* V4.10 line-height changed from 15px to 1.2em */
   font-weight: bold;
}
p.team{
   color: #FFFFFF; /* White*/
   font-family: "Verdana", Verdana;
   font-size: 12px;
   text-align:left;
   margin-left:250px;
   margin-bottom: 1px;
   line-height: 1.2em; /* V4.10 line-height changed from 15px to 1.2em */
}
p.team a{
	text-decoration:none;
	color:#FFFFFF;
}
p.name{
   color: #FFFFFF; /* White*/
   font-family: "Verdana", Verdana;
   font-size: 14px;
   float:right;
/*   text-align:right;*/
   margin-right:10px;
   line-height: 1.2em; /* V4.10 line-height changed from 15px to 1.2em */
}
p.bio{
   color: #FFFFFF; /* White*/
   font-family: "Verdana", Verdana;
   font-size: 12px;
   text-align:left;
   margin-left:10px;
   margin-top:10px;
   line-height: 1.2em; /* V4.10 line-height changed from 15px to 1.2em */
}
p.secondary{
   color: #FFFFFF; /* White*/
   font-family: "Verdana", Verdana;
   font-size: 16px;
   text-align:left;
   margin-top:20px;
   margin-left:250px;
   margin-bottom: 10px;
   line-height: 1.2em; /* V4.10 line-height changed from 15px to 1.2em */
}
p {
   color: #666666; /* Grey*/
   font-family: "Verdana", Verdana;
   font-size: 14px;
   text-align:left;
   margin-bottom: 20px;
   line-height: 1.2em; /* V4.10 line-height changed from 15px to 1.2em */
   font-weight: bold;
}
p.address {
   padding-left: 12px; /* extra indentation */
}

p.smallprint {
   font-size: 10px;
   line-height: 1.2em; /* V4.10 line-height changed from 11px to 1.2em */
}

.red {
   color: red;
}

img.centre {
   display: block;
   margin-left: auto;
   margin-right: auto;
}
img.major {
float: left;
margin: 0 10px 1em 0.5em;
}
/* styles for Lynx Download forms */
div.lynxDownload {
   border-style: dotted; 
   border-width: 1px 0; 
   padding-top: 12px;   
   margin-bottom: 12px;
   overflow: auto;
}

div.lynxDownload label {
   display: block; 
   float: left;   
   width: 200px; 
   color: black; 
   clear: left; 
   margin-bottom: 2px;
}

div.lynxDownload input, 
div.lynxDownload select {
   display: block;   
   width: 300px; 
   margin-bottom: 2px; 
   background-color: white; 
   border: 1px solid #cccccc;
}

div.lynxDownload select {
   width: 305px; /* combo-boxes display as narrower than edit boxes on all browsers */
}

div.lynxDownload p {
   display: block; 
   clear: both; 
   margin: 12px 0;
}

div.lynxDownload a.download {
   display: block;
   clear: left;
   float: left;
   width: 200px;
}

div.lynxDownload p.description { /* MSIE6 not recognising clear: right */
   /* this is a workaround - starts description on the next line from download link,
     but at least the column margins line up properly */
   display: block;
   position: relative;
   left: 200px;
   width: 300px;
   margin-top: 0px;
}

html>body div.lynxDownload p.description { /* all other browsers allow download and description to be floated */
   left: 0;   
   float: left;
   clear: right;
}

/* display client list in a grid format */
/* max logo size 150x100px */
div.clientList div.client {
   float: left;
   padding: 12px;
   width: 150px;
   height: 110px;
   overflow: hidden;
}

div.client a {
   float: left;
   clear: left;
   display: block;
   margin-top: 6px;
   width: 150px; /* required for MSIE6 */
}

div.client img {
   /*float: left;
   clear: left;*/
   /* V4.02 changed img to block for inclusion inside link to client homepage */
   display: block;
   padding-bottom: 4px;
}

/* Nivo JQuery slider (slideshow container) - V4.10 CM added */
div.lynx-slideshow {
   position: relative;
   width: 640px;
   height: 480px;
   background: url(../images/loading.gif) no-repeat center center;
}

div.lynx-slideshow img {
   position: absolute;
   top: 0px;
   left: 0px;
   display: none;
}

div.lynx-slideshow p.print-caption {
   display: none;
}

div.lynx-slideshow a {
   border: 0px;
   display: block;
}

.nivo-directionNav a {
   display: block;
   width: 30px;
   height: 30px;
   background: url(../images/arrows.png) no-repeat;
   text-indent: -9999px;
   border: 0;
}
a.nivo-nextNav {
   background-position:-30px 0;
   right: 15px;
}
a.nivo-prevNav {
   left: 15px;
}
#osx-modal-content, #osx-modal-data {display:none;}

/* Overlay */
#osx-overlay {background-color:#000; cursor:wait;}

/* Container */
#osx-container {background-color:#eee; color:#000; font: 16px/24px "Lucida Grande",Arial,sans-serif; padding-bottom:4px; width:600px; -moz-border-radius-bottomleft:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius-bottomright:6px; -webkit-border-bottom-right-radius:6px; border-radius:0 0 6px 6px; -moz-box-shadow:0 0 64px #000; -webkit-box-shadow:0 0 64px #000; box-shadow:0 0 64px #000;}
#osx-container a {color:#ddd;}
#osx-container #osx-modal-title {color:#000; background-color:#ddd; border-bottom:1px solid #ccc; font-weight:bold; padding:6px 8px; text-shadow:0 1px 0 #f4f4f4;}
#osx-container .close {display:none; position:absolute; right:0; top:0;}
#osx-container .close a {display:block; color:#777; font-weight:bold; padding:6px 12px 0; text-decoration:none; text-shadow:0 1px 0 #f4f4f4;}
#osx-container .close a:hover {color:#000;}
#osx-container #osx-modal-data {font-size:12px; padding:6px 12px;}
#osx-container h2 {margin:10px 0 6px;}
#osx-container p {margin-bottom:10px;}
#osx-container span {color:#777;}

@media print {
   div.lynx-slideshow {
      height: auto;
   }
   
   div.lynx-slideshow img {
      display: block !important;
      position: static;
      height: auto;
      width: auto;
      margin-bottom: 10px;
   }
   
   div.lynx-slideshow p.print-caption {
      display: block;
   }
      div.jquery-image-zoom {
	line-height: 0;
	font-size: 0;

	z-index: 10;

	border: 5px solid #fff;
	margin: -5px;

	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

	div.jquery-image-zoom a {
		background: url(common_gfx/jquery.imageZoom.png) no-repeat;

		display: block;
		width: 25px;
		height: 25px;

		position: absolute;
		left: -17px;
		top: -17px;
		/* IE-users are prolly used to close-link in right-hand corner */
		*left: auto;
		*right: -17px;

		text-decoration: none;
		text-indent: -100000px;
		outline: 0;

		z-index: 11;
	}

	div.jquery-image-zoom a:hover {
		background-position: left -25px;
	}

	div.jquery-image-zoom img, 
	div.jquery-image-zoom embed, 
	div.jquery-image-zoom object, 
	div.jquery-image-zoom div {
		width: 100%;
		height: 100%;
		margin: 0;
	}
  .nivo-caption {
      display: none;
  }
/* Z-index of #mask must lower than #boxes .window */

 
}