/*  
Theme Name: John Beveridge Structural Engineers
Theme URI: http://www.cognique.co.uk  
Description: Last updated 27/01/2009
Version: 1
Author: James Patten
Author URI: http://www.cognique.co.uk
*/

/* The Normaliser! (after Andy Clarke and Tantek) */

/* Norm margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {margin:0; padding:0;}

/* Norm font-size for headings */
h1, h2, h3, h4, h5, h6 {font-size:100%;}

/* Remove table styles */
table {border-collapse:collapse; border-spacing:0;}

/* Remove borders from fieldset and img */
fieldset, img {border:0;}

/* Left-align captions and table headings */
caption, th {text-align:left}

/* Remove underlines from links */
:link,:visited {text-decoration:none}

/* Remove default nasty blue borders from image links */
a img,:link img,:visited img {border:none}

/* End of The Normaliser! */

body {
	margin:10px 0 0 0;
	padding:0;
	font-size:76%;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	background-color:#FFFFFF;
}

.skip {
	position:absolute; 
	left:-9000px; 
	top:0;
}

#preload {
	height:0;
	width:0;
	display:none;
	background-image: url(/images/projects-list-project-1-bg.gif);
	background-image: url(/images/projects-list-project-1-selected-bg.gif);
	background-image: url(/images/projects-list-project-2-bg.gif);
	background-image: url(/images/projects-list-project-2-selected-bg.gif);
	background-image: url(/images/projects-list-project-3-bg.gif);
	background-image: url(/images/projects-list-project-3-selected-bg.gif);
	background-image: url(/images/projects-list-project-4-bg.gif);
	background-image: url(/images/projects-list-project-4-selected-bg.gif);
	background-image: url(/images/projects-list-project-5-bg.gif);
	background-image: url(/images/projects-list-project-5-selected-bg.gif);
	background-image: url(/images/projects-list-project-6-bg.gif);
	background-image: url(/images/projects-list-project-6-selected-bg.gif);
	background-image: url(/images/projects-list-project-7-bg.gif);
	background-image: url(/images/projects-list-project-7-selected-bg.gif);	
	background-image: url(/images/projects-list-project-8-bg.gif);
	background-image: url(/images/projects-list-project-8-selected-bg.gif);		
}

#wrap {
	padding:0;
	margin:0 auto 0 auto;
	width:902px;
}

#header {
	float:left;
	display:inline;
	padding:0 ;
	margin:0;
	width:902px;
}

#header  #logo{
	float:left;
	display:inline;
	margin:0;
	padding:0;
	width:303px;
	height:62px;
}

#header  #contact{
	float:right;
	display:inline;
	margin:40px 2px 0 0;
	padding:0;
	color:#000000;
	font-size:1.1em;
}

#header  #contact a{
	text-decoration:none;
	color:#000000;
}

#header  #contact a:active{
	text-decoration:none;
	color:#000000;
}

#header  #contact a:hover{
	text-decoration:none;
	color:#000000;
}

#column-wrap{
	float:left;
	display:inline;
	padding:0 ;
	margin:10px 0 0 0;
	width:902px;
	clear:left;
}

#col-l  {
	float:left;
	display:inline;
	padding:0;
	margin:0;
	width:170px;
	height:530px;
	border-right:6px solid #231f20;
}

#col-l  a, #col-l  a:hover, #col-l  a:visited{
	color:#000000;
	text-decoration:underline;
}

#col-l  #navigation-list, #col-l  #navigation-list ul {
	float:left;
	display:inline;
	padding:0;
	margin:60px 0 0 62px;
	list-style:none;
	width:108px;
}

#col-l  #navigation-list li {
	float:left;
	margin:0;
	padding:0;
	width:108px;
	height:61px;
	text-align:center;
	font-size:1.2em;
}

#col-l  #navigation-list li a , #col-l  #navigation-list li a:visited{
	float:left;
	margin:0;
	padding:23px 0 0 0;
	width:108px;
	height:38px;
	background-color:#b7d8c1;
	color:#000000;
	text-decoration:none;
}

#col-l  #navigation-list li a.selected {
	float:left;
	margin:0;
	padding:23px 0 0 0;
	width:108px;
	height:38px;
	background-color:#76b88f !important;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}

#col-l  #navigation-list li a:hover {
	float:left;
	margin:0;
	padding:23px 0 0 0;
	width:108px;
	height:38px;
	background-color:#76b88f;
	color:#000000;
	text-decoration:none;
}

#col-l  #quote {
	float:right;
	display:inline;
	padding:0;
	margin:106px 0 0 0;
	width:140px;
	line-height: 1.20em;
	font-size:1.4em;
	color:#76b88f;
}

#col-l  #images-1row{
	float:right;
	display:inline;
	padding:0;
	margin:60px 0 0 0;
	width:166px;
}

#col-l  #images-2row{
	float:right;
	display:inline;
	padding:0;
	margin:143px 0 0 0;
	width:166px;
}

#col-l  #images-1row .thumbnail-normal ,#col-l  #images-2row .thumbnail-normal {
	float:right;
	display:inline;
	padding:0;
	margin:7px 7px 0 0;
	border:6px solid #76b88f;
	height:64px;
	width:64px;
}

#col-l  #images-1row .thumbnail-selected ,#col-l  #images-2row .thumbnail-selected{
	float:right;
	display:inline;
	padding:0;
	margin:7px 7px 0 0;
	border:6px solid #231f20;
	height:64px;
	width:64px;	
}

#col-l  #profiles {
	float:right;
	display:inline;
	padding:0;
	margin:116px 0 0 0;
	width:120px;
}

#col-l  #profiles .thumbnail-normal {
	float:right;
	display:inline;
	padding:0;
	margin:7px 7px 0 0;
	border:6px solid #76b88f;
	height:36px;
	width:36px;
}

#col-l  #profiles .thumbnail-selected {
	float:right;
	display:inline;
	padding:0;
	margin:7px 7px 0 0;
	border:6px solid #231f20;
	height:36px;
	width:36px;	
}

#col-l  #sublinks{
	float:right;
	display:inline;
	padding:0;
	margin:50px 0 0 0;
	font-weight:bold;
	width:109px;
	text-align:center;
}

#col-l  #sublinks ul {
	list-style:none;
}

#col-l  #sublinks ul li {
	padding:0 0 8px 0;
}

#col-l  #sublinks li a, #col-l  #sublinks li a:visited{
	color:#000000;
	text-decoration:underline;
}

#col-l  #sublinks li a:hover{
	color:#76b88f;
	text-decoration:underline;
}

#col-l  #sublinks li a.selected {
	color:#76b88f;
	text-decoration:underline;
}

.home-1 {
	float:left;
	display:inline;
	padding:0;
	margin:0;
	width:545px;
	height:530px;
	background:#FFFFFF url(/images/home-1-large.jpg) top left no-repeat;	
}

.project1-1 {
	float:left;
	display:inline;
	padding:0;
	margin:0;
	width:545px;
	height:530px;
	background:#FFFFFF url(/images/project1-1-large.jpg) top left no-repeat;	
}

.project1-2 {
	float:left;
	display:inline;
	padding:0;
	margin:0;
	width:545px;
	height:530px;
	background:#FFFFFF url(/images/project1-2-large.jpg) top left no-repeat;	
}

.project1-3 {
	float:left;
	display:inline;
	padding:0;
	margin:0;
	width:545px;
	height:530px;
	background:#FFFFFF url(/images/project1-3-large.jpg) top left no-repeat;	
}

.project2-1 {
	float:left;
	display:inline;
	padding:0;
	margin:0;
	width:545px;
	height:530px;
	background:#FFFFFF url(/images/project2-1-large.jpg) top left no-repeat;	
}

.project2-2 {
	float:left;
	display:inline;
	padding:0;
	margin:0;
	width:545px;
	height:530px;
	background:#FFFFFF url(/images/project2-2-large.jpg) top left no-repeat;	
}

.project3-1 {
	float:left;
	display:inline;
	padding:0;
	margin:0;
	width:545px;
	height:530px;
	background:#FFFFFF url(/images/project3-1-large.jpg) top left no-repeat;	
}

.project3-2 {
	float:left;
	display:inline;
	padding:0;
	margin:0;
	width:545px;
	height:530px;
	background:#FFFFFF url(/images/project3-2-large.jpg) top left no-repeat;	
}

.project4-1 {
	float:left;
	display:inline;
	padding:0;
	margin:0;
	width:545px;
	height:530px;
	background:#FFFFFF url(/images/project4-1-large.jpg) top left no-repeat;	
}

.project4-2 {
	float:left;
	display:inline;
	padding:0;
	margin:0;
	width:545px;
	height:530px;
	background:#FFFFFF url(/images/project4-2-large.jpg) top left no-repeat;	
}

.project4-3 {
	float:left;
	display:inline;
	padding:0;
	margin:0;
	width:545px;
	height:530px;
	background:#FFFFFF url(/images/project4-3-large.jpg) top left no-repeat;	
}

.project4-4 {
	float:left;
	display:inline;
	padding:0;
	margin:0;
	width:545px;
	height:530px;
	background:#FFFFFF url(/images/project4-4-large.jpg) top left no-repeat;	
}

.project5-1 {
	float:left;
	display:inline;
	padding:0;
	margin:0;
	width:545px;
	height:530px;
	background:#FFFFFF url(/images/project5-1-large.jpg) top left no-repeat;	
}

.project5-2 {
	float:left;
	display:inline;
	padding:0;
	margin:0;
	width:545px;
	height:530px;
	background:#FFFFFF url(/images/project5-2-large.jpg) top left no-repeat;	
}

.project5-3 {
	float:left;
	display:inline;
	padding:0;
	margin:0;
	width:545px;
	height:530px;
	background:#FFFFFF url(/images/project5-3-large.jpg) top left no-repeat;	
}

.project5-4 {
	float:left;
	display:inline;
	padding:0;
	margin:0;
	width:545px;
	height:530px;
	background:#FFFFFF url(/images/project5-4-large.jpg) top left no-repeat;	
}

.project6-1 {
	float:left;
	display:inline;
	padding:0;
	margin:0;
	width:545px;
	height:530px;
	background:#FFFFFF url(/images/project6-1-large.jpg) top left no-repeat;	
}

.project7-1 {
	float:left;
	display:inline;
	padding:0;
	margin:0;
	width:545px;
	height:530px;
	background:#FFFFFF url(/images/project7-1-large.jpg) top left no-repeat;	
}

.project8-1 {
	float:left;
	display:inline;
	padding:0;
	margin:0;
	width:545px;
	height:530px;
	background:#FFFFFF url(/images/project8-1-large.jpg) top left no-repeat;	
}

.project8-2 {
	float:left;
	display:inline;
	padding:0;
	margin:0;
	width:545px;
	height:530px;
	background:#FFFFFF url(/images/project8-2-large.jpg) top left no-repeat;	
}

.project8-3{
	float:left;
	display:inline;
	padding:0;
	margin:0;
	width:545px;
	height:530px;
	background:#FFFFFF url(/images/project8-3-large.jpg) top left no-repeat;	
}

.project8-4{
	float:left;
	display:inline;
	padding:0;
	margin:0;
	width:545px;
	height:530px;
	background:#FFFFFF url(/images/project8-4-large.jpg) top left no-repeat;	
}

.john-beveridge-1 {
	float:left;
	display:inline;
	padding:0;
	margin:0;
	width:545px;
	height:530px;
	background:#FFFFFF url(/images/john-beveridge-1-large.jpg) top left no-repeat;	
}

.judy-beveridge-1 {
	float:left;
	display:inline;
	padding:0;
	margin:0;
	width:545px;
	height:530px;
	background:#FFFFFF url(/images/judy-beveridge-1-large.jpg) top left no-repeat;	
}

.tom-holley-1 {
	float:left;
	display:inline;
	padding:0;
	margin:0;
	width:545px;
	height:530px;
	background:#FFFFFF url(/images/tom-holley-1-large.jpg) top left no-repeat;	
}

.victoria-foxon-1 {
	float:left;
	display:inline;
	padding:0;
	margin:0;
	width:545px;
	height:530px;
	background:#FFFFFF url(/images/victoria-foxon-1-large.jpg) top left no-repeat;	
}

.charlie-hollier-1 {
	float:left;
	display:inline;
	padding:0;
	margin:0;
	width:545px;
	height:530px;
	background:#FFFFFF url(/images/charlie-hollier-1-large.jpg) top left no-repeat;	
}

#col-c {
	float:left;
	display:inline;
	padding:0;
	margin:0;
	width:545px;
	height:530px;
}

#col-c  #home-highlight{
	float:left;
	display:inline;
	padding:0 8px 0 8px;
	margin:60px 0 0 59px;
	width:357px;
	background-color:#76b88f;
}

#col-c   #home-highlight p {
	color:#FFFFFF;
	font-size:1.15em;
	padding:8px 0 8px 0;
	margin:0;
	line-height: 1.15em;
	font-weight:normal;
}

#col-c  #home-standard{
	float:left;
	display:inline;
	padding:0 8px 0 8px;
	margin:0 0 0 59px;
	width:357px;
	background-color:#FFFFFF;
	clear:left;
}

#col-c  #home-standard p {
	color:#000000;
	font-size:1.1em;
	padding:8px 0 8px 0;
	margin:0;
	line-height: 1.2em;
	font-weight:normal;	
}

#col-c  #project-highlight{
	float:left;
	display:inline;
	padding:0 30px 0 8px;
	margin:304px 0 0 0;
	height:61px;
	background-color:#76b88f;
	filter: alpha(opacity:80);
	KHTMLOpacity: 0.80;
	MozOpacity: 0.80;
	opacity: 0.80;
}

#col-c   #project-highlight h1 {
	color:#FFFFFF;
	font-size:1.2em;
	padding:23px 0 8px 0;
	margin:0;
	line-height: 1.15em;
	font-weight:bold;	
}

#col-c   #project-standard{
	float:left;
	display:inline;
	padding:0 20px 0 8px;
	margin:0 0 0 0;
	width:517px;
	min-height: 61px;
	height:auto !important;
	height: 61px;
	background-color:#76b88f;
	filter: alpha(opacity:80);
	KHTMLOpacity: 0.80;
	MozOpacity: 0.80;
	opacity: 0.80;
	clear:left;	
}

#col-c   #project-standard p {
	color:#FFFFFF;
	font-size:1em;
	padding:8px 0 8px 0;
	margin:0;
	line-height: 1.15em;
	font-weight:normal;	
}

#col-c  #contact-standard{
	float:left;
	display:inline;
	padding:0 8px 0 8px;
	margin:340px 0 0 59px;
	width:409px;
	background-color:#FFFFFF;
	filter: alpha(opacity:80);
	KHTMLOpacity: 0.80;
	MozOpacity: 0.80;
	opacity: 0.80;	
}

#col-c   #contact-standard h1 {
	color:#000000;
	font-size:1.3em;
	padding:8px 0 0 0;
	margin:0;
	line-height: 1.15em;
	font-weight:bold;	
}

#col-c   #contact-standard h2 {
	color:#000000;
	font-size:1.1em;
	padding:0 0 8px 0;
	margin:0;
	line-height: 1.15em;
	font-weight:bold;	
}

#col-c   #contact-standard p {
	color:#000000;
	font-size:1em;
	padding:8px 0 8px 0;
	margin:0;
	line-height: 1.15em;
	font-weight:normal;	
}

#col-c  #standard{
	float:left;
	display:inline;
	padding:0 8px 0 8px;
	margin:60px 0 0 59px;
	width:409px;
	height: expression( this.scrollHeight > 429 ? "430px" : "auto" ); /* sets max-height for IE */
	max-height: 430px; /* sets max-height value for all standards-compliant browsers */
	background-color:#FFFFFF;
	overflow:visible; 
	overflow-y:auto; 
	overflow-x:hidden;
}

#col-c   #standard h1 {
	color:#000000;
	font-size:1.3em;
	padding:8px 0 8px 0;
	margin:0;
	line-height: 1.15em;
	font-weight:bold;	
}

#col-c   #standard h2 {
	color:#000000;
	font-size:1.2em;
	padding:8px 0 8px 0;
	margin:0;
	line-height: 1.15em;
	font-weight:bold;	
}

#col-c   #standard h3 {
	color:#000000;
	font-size:1.1em;
	padding:8px 0 8px 0;
	margin:0;
	line-height: 1.15em;
	font-weight:bold;	
}

#col-c   #standard p {
	color:#000000;
	font-size:1em;
	padding:8px 0 8px 0;
	margin:0;
	line-height: 1.15em;
	font-weight:normal;	
}

#col-c   #standard ul { 
	color:#000000;
	list-style-type:square;
	padding: 8px 0 4px 15px;
}

#col-c   #standard li { 
	padding: 0 0 4px 0
}

#col-c   #standard ul  li ul{ 
	color:#000000;
	list-style-type:square;
	padding: 4px 0 0 15px;
}

#col-c   #standard li ul li{ 
	padding: 0 0 4px 0
}

#col-c   #standard a, #col-c   #standard a:visited  { 
	color:#000000;
	text-decoration:underline;
}

#col-c   #standard a:hover { 
	color:#76b88f;
	text-decoration:underline;
}

#col-r  {
	float:left;
	display:inline;
	padding:0;
	margin:0;
	width:172px;
	height:530px;
	border-left:6px solid #231f20;
	font-size:0.8em;
}

#col-r  #projects-list, #col-r  #projects-list ul {
	padding:0;
	margin:0;
	list-style:none;
	width:108px;
}

#col-r  #projects-list li {
	float:left;
	margin:0;
	padding:0;
	width:172px;
	height:61px;
}

#col-r  #projects-list li {
	float:left;
	margin:0;
	padding:0;
	width:172px;
	height:61px;
}
	
#col-r  #projects-list li.project1 {
	background-color:#b7d8c1;
	border-bottom:6px solid #231f20;
}	

#col-r  #projects-list li.project1 a , #col-r  #projects-list li.project1 a:visited{
	float:left;
	margin:0;
	padding:0;
	width:172px;
	height:61px;
	background:#b7d8c1 url(/images/projects-list-project-1-bg.gif) top left no-repeat;
}

#col-r  #projects-list li.project1 a.selected {
	float:left;
	margin:0;
	padding:0;
	width:172px;
	height:61px;
	background:#b7d8c1 url(/images/projects-list-project-1-selected-bg.gif) top left no-repeat !important;
}

#col-r  #projects-list li.project1 a:hover {
	float:left;
	margin:0;
	padding:0;
	width:172px;
	height:61px;
	background:#b7d8c1 url(/images/projects-list-project-1-selected-bg.gif) top left no-repeat;
}

#col-r  #projects-list li.project2 {
	background-color:#b7d8c1;
	border-bottom:6px solid #231f20;
}

#col-r  #projects-list li.project2 a , #col-r  #projects-list li.project2 a:visited{
	float:left;
	margin:0;
	padding:0;
	width:172px;
	height:61px;
	background:#b7d8c1 url(/images/projects-list-project-2-bg.gif) top left no-repeat;
}

#col-r  #projects-list li.project2 a.selected {
	float:left;
	margin:0;
	padding:0;
	width:172px;
	height:61px;
	background:#b7d8c1 url(/images/projects-list-project-2-selected-bg.gif) top left no-repeat !important;
}

#col-r  #projects-list li.project2 a:hover {
	float:left;
	margin:0;
	padding:0;
	width:172px;
	height:61px;
	background:#b7d8c1 url(/images/projects-list-project-2-selected-bg.gif) top left no-repeat;
}

#col-r  #projects-list li.project3 {
	background-color:#b7d8c1;
	border-bottom:6px solid #231f20;
}

#col-r  #projects-list li.project3 a , #col-r  #projects-list li.project3a:visited{
	float:left;
	margin:0;
	padding:0;
	width:172px;
	height:61px;
	background:#b7d8c1 url(/images/projects-list-project-3-bg.gif) top left no-repeat;
}

#col-r  #projects-list li.project3 a.selected {
	float:left;
	margin:0;
	padding:0;
	width:172px;
	height:61px;
	background:#b7d8c1 url(/images/projects-list-project-3-selected-bg.gif) top left no-repeat !important;
}

#col-r  #projects-list li.project3 a:hover {
	float:left;
	margin:0;
	padding:0;
	width:172px;
	height:61px;
	background:#b7d8c1 url(/images/projects-list-project-3-selected-bg.gif) top left no-repeat;
}

#col-r  #projects-list li.project4 {
	background-color:#b7d8c1;
	border-bottom:6px solid #231f20;
}

#col-r  #projects-list li.project4 a , #col-r  #projects-list li.project4 a:visited{
	float:left;
	margin:0;
	padding:0;
	width:172px;
	height:61px;
	background:#b7d8c1 url(/images/projects-list-project-4-bg.gif) top left no-repeat;
}

#col-r  #projects-list li.project4 a.selected {
	float:left;
	margin:0;
	padding:0;
	width:172px;
	height:61px;
	background:#b7d8c1 url(/images/projects-list-project-4-selected-bg.gif) top left no-repeat !important;
}

#col-r  #projects-list li.project4 a:hover {
	float:left;
	margin:0;
	padding:0;
	width:172px;
	height:61px;
	background:#b7d8c1 url(/images/projects-list-project-4-selected-bg.gif) top left no-repeat;
}

#col-r  #projects-list li.project5 {
	background-color:#b7d8c1;
	border-bottom:6px solid #231f20;
}

#col-r  #projects-list li.project5 a , #col-r  #projects-list li.project5 a:visited{
	float:left;
	margin:0;
	padding:0;
	width:172px;
	height:61px;
	background:#b7d8c1 url(/images/projects-list-project-5-bg.gif) top left no-repeat;
}

#col-r  #projects-list li.project5 a.selected{
	float:left;
	margin:0;
	padding:0;
	width:172px;
	height:61px;
	background:#b7d8c1 url(/images/projects-list-project-5-selected-bg.gif) top left no-repeat !important;
}

#col-r  #projects-list li.project5 a:hover {
	float:left;
	margin:0;
	padding:0;
	width:172px;
	height:61px;
	background:#b7d8c1 url(/images/projects-list-project-5-selected-bg.gif) top left no-repeat;
}

#col-r  #projects-list li.project6 {
	background-color:#b7d8c1;
	border-bottom:6px solid #231f20;
}

#col-r  #projects-list li.project6 a , #col-r  #projects-list li.project6 a:visited{
	float:left;
	margin:0;
	padding:0;
	width:172px;
	height:61px;
	background:#b7d8c1 url(/images/projects-list-project-6-bg.gif) top left no-repeat;
}

#col-r  #projects-list li.project6 a.selected {
	float:left;
	margin:0;
	padding:0;
	width:172px;
	height:61px;
	background:#b7d8c1 url(/images/projects-list-project-6-selected-bg.gif) top left no-repeat !important;
}

#col-r  #projects-list li.project6 a:hover {
	float:left;
	margin:0;
	padding:0;
	width:172px;
	height:61px;
	background:#b7d8c1 url(/images/projects-list-project-6-selected-bg.gif) top left no-repeat;
}

#col-r  #projects-list li.project7 {
	background-color:#b7d8c1;
}

#col-r  #projects-list li.project7 a , #col-r  #projects-list li.project7 a:visited{
	float:left;
	margin:0;
	padding:0;
	width:172px;
	height:61px;
	background:#b7d8c1 url(/images/projects-list-project-7-bg.gif) top left no-repeat;
}

#col-r  #projects-list li.project7 a.selected {
	float:left;
	margin:0;
	padding:0;
	width:172px;
	height:61px;
	background:#b7d8c1 url(/images/projects-list-project-7-selected-bg.gif) top left no-repeat !important;
}

#col-r  #projects-list li.project7 a:hover {
	float:left;
	margin:0;
	padding:0;
	width:172px;
	height:61px;
	background:#b7d8c1 url(/images/projects-list-project-7-selected-bg.gif) top left no-repeat;
}

#col-r  #projects-list li.project8 {
	background-color:#b7d8c1;
	border-bottom:6px solid #231f20;
}

#col-r  #projects-list li.project8 a , #col-r  #projects-list li.project8 a:visited{
	float:left;
	margin:0;
	padding:0;
	width:172px;
	height:61px;
	background:#b7d8c1 url(/images/projects-list-project-8-bg.gif) top left no-repeat;
}

#col-r  #projects-list li.project8 a.selected {
	float:left;
	margin:0;
	padding:0;
	width:172px;
	height:61px;
	background:#b7d8c1 url(/images/projects-list-project-8-selected-bg.gif) top left no-repeat !important;
}

#col-r  #projects-list li.project8 a:hover {
	float:left;
	margin:0;
	padding:0;
	width:172px;
	height:61px;
	background:#b7d8c1 url(/images/projects-list-project-8-selected-bg.gif) top left no-repeat;
}

#footer{
	padding:3px 0 0 0;
	margin:0 auto 0 auto;
	width:902px;
	text-align:center;
	font-size:0.8em;
	color:#6d6e71;
	clear:both;
}

#footer a, #footer a:visited{
	color:#6d6e71;
	text-decoration:none;
}

#footer a:hover{
	color:#6d6e71;
	text-decoration:none;
}

fieldset {
	border: 1px solid #76b88f;
	padding: 0 5px 1em 5px;
	margin:8px 0 8px 0;
}

legend {
	font-weight:bold;
	color: #76b88f;
}

em {
	display: block;
	font-style:normal;
	padding: 1em 0 0 0;
	margin:0;
	clear:both;
	color: #999999;
}

label {
	float: left;
	width: 30%;
	margin:5px 0 0 0;
}

.fmtext {
    font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #76b88f;
	font-size: 1em;
	color: #000000;
	background-color:#FFFFFF;
	height: 15px;
	padding:5px 4px 4px 4px;
	margin:0;
	vertical-align: middle;
}

.fmtextarea {
    font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #76b88f;
	font-size:1em;
	color: #000000;
	background-color:#FFFFFF;
	padding: 4px 5px 5px 5px;
	margin:0;
	text-align:left;
}

.fmselect {
    font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #76b88f;
	font-size:1em;
	color: #000000;
	background-color:#FFFFFF;
	height: 26px;
	padding: 4px 0 0 0;
	margin:0;
	text-align:left;
}

.fmbutton {
    font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #76b88f;
	font-size: 1em;
	color: #999999;
	background-color:#FFFFFF;	
	height: 30px;
	padding:4px 4px 4px 4px;
	margin:0;
	cursor:pointer;
}

 .fmbutton:hover {
	color: #FFFFFF;
	background-color: #76b88f;
}

a.tt {
    position:relative;
    z-index:24;
    color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	font-size: 1em;
}
a.tt span {
	display: none;
}

a.tt:hover {
	z-index:25;
	color: #FFFFFF;
	text-decoration:none;
}

a.tt:hover span.tooltip {
    display:block;
    position:absolute;
    top:0px; 
    left:0px;
	padding: 15px 0 0 0;
	width:200px;
	color: #FFFFFF;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
	text-decoration:none;
}
a.tt:hover span.top {
	display: block;
	padding: 33px 8px 0 8px;
    background: url(/images/tt-bubble.gif) no-repeat top;
}
a.tt:hover span.middle {
	display: block;
	padding: 0 8px 0 8px;
	background: url(/images/tt-bubble-filler.gif) repeat bottom;
}
a.tt:hover span.bottom {
	display: block;
	padding:6px 8px 10px 8px;
    background: url(/images/tt-bubble.gif) no-repeat bottom;
}

.errorbox {
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	border: 1px solid #FFFFFF;
	margin: 8px 0 8px 0;
	padding: 8px;
	background-color: #FF0000;
}

.error {
	font-weight: bold;
	color: #FF0000;
}

.successbox {
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	border: 1px solid #FFFFFF;
	margin: 8px 0 8px 0;
	padding: 8px;
	background-color: #79BB69;
}

.success {
	font-weight: bold;
	color: #79BB69;
}

a.tt-alt {
    position:relative;
    z-index:24;
    color:#FFFFFF;
	text-decoration:none;
	font-size:1em;
}
a.tt-alt span {
	display:none;
}

a.tt-alt:hover {
	z-index:25;
	color:#FFFFFF;
	text-decoration:none;
}

a.tt-alt:hover span.tooltip {
    display:block;
    position:absolute;
    top:0px; 
    left:0px;
	padding:0;
	width:200px;
	color:#FFFFFF;
    text-align:center;
	filter:alpha(opacity:90);
	KHTMLOpacity:0.90;
	MozOpacity:0.90;
	opacity:0.90;
	text-decoration:none;
}
a.tt-alt:hover span.top {
	display:block;
	padding:10px 10px 0 10px;
    background-color:#000000;
	border-left:2px solid #4d4d4d;
	border-right:2px solid #4d4d4d;
	border-top:2px solid #4d4d4d;
}
a.tt-alt:hover span.middle {
	display:block;
	padding:0 10px 0 10px;
	background-color:#000000;
	border-left:2px solid #4d4d4d;
	border-right:2px solid #4d4d4d;
}
a.tt-alt:hover span.bottom {
	display:block;
	padding:10px 10px 0 10px;
    background-color:#000000;
	border-left:2px solid #4d4d4d;
	border-right:2px solid #4d4d4d;
	border-bottom:2px solid #4d4d4d;
}

.overlay h2 {
	color:#000000;
	font-size:1.4em;
	padding:0 0 8px 0;
	margin:0;
	line-height: 1.15em;
	font-weight:bold;	
}

.overlay p {
	color:#000000;
	font-size:1em;
	padding:8px 0 8px 0;
	margin:0;
	line-height: 1.15em;
	font-weight:normal;	
}

.overlay a, .overlay a:visited  { 
	color:#000000;
	text-decoration:underline;
}

.overlay a:hover { 
	color:#76b88f;
	text-decoration:underline;
}