/* CSS Document */

body {margin:0; padding:0px; font-family: Arial, sans-serif; color: #666666; on}

#topbanner { height:49px; background: #757DD4 url(../images/logo.gif) no-repeat 0 0;  }
/* alternate backgrounds */
body#projects #topbanner { background: #9966CC url(../images/logo.gif) no-repeat 0 0 }
body#conservation #topbanner { background: #996600 url(../images/logo.gif) no-repeat 0 0 }
body#environment #topbanner { background: #339933 url(../images/logo.gif) no-repeat 0 0 }

div#nav { background:#ACB1E5; width:2000px; min-height:18px; clear:both; margin:0 0 0 165px; padding:0; line-height:18px; font-size:75% }
/* for Internet Explorer */
/*\*/
* html div#nav { height:17px; }
/**/

/* alternate backgrounds */
body#projects div#nav { background: #C2A3E0 }
body#conservation div#nav { background: #C2A366 }
body#environment div#nav { background: #85C285 }


/* main links */

div#nav li {  list-style:none; margin:0; padding:0; display:inline; float:left; text-align:center; }
div#nav ul {margin:0; padding:0; }

div#nav a { padding:0 6px 0 6px; font-weight:bold; color:#FFFFFF;}
div#nav a#bHome { float:left; display:block; }
div#nav a#bHandles { display:block; }
div#nav a#bAccessories { display:block; }
div#nav a#bBathroomfittings { float:left;  display:block; }
div#nav a#bAccess { float:left; display:block; }
div#nav a#bConservation { float:left; display:block; }
div#nav a#bEnvironment { float:left; display:block; }
div#nav a#bProjects { display:block; }
div#nav a#bNews { display:block; }
div#nav a#bTechnical { display:block; }
div#nav a#bBespoke { float:left; display:block; }
div#nav a#bAnti { float:left; display:block; }

div#nav a#bHome:hover, body#home a#bHome, 
div#nav a#bHandles:hover, body#handles a#bHandles, 
div#nav a#bAccessories:hover, body#accessories a#bAccessories, 
div#nav a#bBathroomfittings:hover, body#bathroomfittings a#bBathroomfittings, 
div#nav a#bAccess:hover, body#access a#bAccess, 
div#nav a#bConservation:hover, body#conservation a#bConservation, 
div#nav a#bEnvironment:hover, body#environment a#bEnvironment, 
div#nav a#bProjects:hover, body#projects a#bProjects, 
div#nav a#bNews:hover, body#news a#bNews, 
div#nav a#bTechnical:hover, body#technical a#bTechnical,
div#nav a#bBespoke:hover, body#bespoke a#bBespoke,
div#nav a#bAnti:hover, body#anti a#bAnti { background:#000; }

/* drop down effect */

div#nav li ul { margin:0; padding:0; position:absolute; width:130px; left:-999em; }
div#nav li ul li { margin:0; padding:0; position:relative; width:130px; top:0; left:0; /* tells IE5 to align ignored by everting else */ voice-family:"\"}\""; voice-family:inherit; right:auto;  }
html>body div#nav li ul li { right:auto;  }
div#nav li ul li a { margin:0; padding:0; width:100px; line-height:2em; }

html>body div#nav { right:auto; }
div#nav li:hover ul { left:auto; } /* the :hover hides it from IE */
div#nav li:hover ul li { left:0; }
div#nav li.sfhover ul { left:auto; } /* the .sfhover shows it to IE */

div#nav ul.drop a { background-color:#757DD4; margin:0; padding:0 2px 0 10px; width:130px; min-height:20px; display:block; text-align:left; opacity:.80;filter: alpha(opacity=80); -moz-opacity: 0.8; border-bottom:1px solid #fff;}
div#nav ul.drop a:hover { margin:0; padding:0 2px 0 10px; background:#000; }
/* alternate backgrounds */
body#projects div#nav ul.drop a { background-color:#9966CC }
body#projects div#nav ul.drop a:hover { background:#000; }
body#conservation div#nav ul.drop a { background-color:#996600 }
body#conservation div#nav ul.drop a:hover { background:#000; }
body#environment div#nav ul.drop a { background-color:#339933 }
body#environment div#nav ul.drop a:hover { background:#000; }



/* content */
div.feature { color: #666666; height:260px;  background:#E6E7F7 url(../images/feature_banner.png) top right no-repeat; margin:0 0 15px 0;  }
div.feature img {  float:left;  }
div.feature div.feature_text {  float:left; padding:0px 0px 10px 15px}
div.feature div.feature_text h4 {  color:#FFFFFF; font-size:120%; font-weight:bold; margin:0 0 10px 0; padding:3px 0 0 0; }


#content { width:1024px; font-size:80%; line-height:150%; margin:0; padding:30px 0 0 0}

#leftcontent{float:left; width:145px; margin:0; padding: 0px 20px 0px 0px;}
#rightcontent{width:655px; margin:0 0 0 165px; padding:0 0 0 0px; }

body#handles div#rightcontent,
body#bespoke div#rightcontent,
body#accessories div#rightcontent,
body#bathroomfittings div#rightcontent,
body#access div#rightcontent
{ width:720px; margin:0 0 0 165px; padding:0; }

#content img { margin: 0 0 15px 0px;  }
body#environment #content img { margin: 0 0 5px 0px;}

/* PROJECTS */
body#projects #content img { margin: 0 0 15px 0px;}
/* backbutton on projects */
#caseStudy { color:#9966CC; margin:0; padding:0; text-decoration: none; }

img.floatleft { float:left; margin: 0 15px 4px 0px; }
/* general backbutton */


table#partnerList { margin:0 0 15px 0; padding:0; }
table#partnerList td { margin:0; padding:15px 15px 0 0; }
table#partnerList h2 {  padding:0; }
table#partnerList p {  padding:0; }

table#glossary { border-collapse:collapse; margin:0 0 20px 0; padding:0; }
table#glossary td { vertical-align:top; margin:0 0 0 0px; padding:10px 20px 0px 0px }
/*table#glossary td img { vertical-align:top; margin:0px; padding:10px 0 0px 0px } */

table.twoColumn { border-collapse:collapse; margin:0 0 15px 0; padding:0; }
table.twoColumn td { vertical-align:top; margin:0 0 0 0px; padding:0px 50px 0px 0px }

table#replyForm { border-collapse:collapse; margin:0 0 20px 0; padding:0; }
table#replyForm td { font-size:80%; vertical-align:top; margin:0 0 0 0px; padding:10px 10px 0px 0px }

.bulletList { margin:0 0 10px 17px; padding:0;  }
.bulletList li { margin:0; padding:3px 0 0 0;  }

#content h1 { font-size:180%; color:#6666CC; margin:0; padding:0 0 15px 0; }
/* alternate backgrounds */
body#projects #content h1 { color:#9966CC } 
body#conservation #content h1 { color:#996600 } 
body#environment #content h1 { color:#339933 } 
#content h2 { font-size:120%; font-weight:bold; margin:0; padding:0 0 5px 0; } 
#content h3 { font-size:100%; font-weight:bold; margin:0; padding:0 0 0px 0; } 
#content p { font-size:100%; margin:0; padding:0 0 10px 0; }
body#projects #content p { padding:0 0 14px 0;  } 


#downloadSite { border:1px solid #ACB1E5; float:right; width:310px;  }
#downloadSite p { text-align:center; line-height:150%; padding:6px 4px 6px 4px;  }
#addressFooterOFF { background:#ACB1E5; margin:0; padding:0 0 20px 0 }
#addressFooter { margin:0; padding:0 0 20px 0 }

/* LINK styles 
a:link { color:#333333; text-decoration: none;  font-weight:bold;}
a:visited {text-decoration:none; color: #333333; font-family:arial, sans-serif; font-weight:bold; }
a:hover { text-decoration: none; color:#333333;} */
a:link, a:visited {  text-decoration: none;}

div#content a:link { color:#757DD4; text-decoration: none;  font-weight:bold;}
div#content a:visited {text-decoration:none; color: #757DD4; font-family:arial, sans-serif; font-weight:bold; }
div#content a:hover { text-decoration: underline; color:#757DD4;}

body#environment div#content a:link { color:#339933; text-decoration: none;  font-weight:bold;}
body#environment div#content a:hover { text-decoration: underline; color:#339933;}



#linkButton { color:#757DD4; margin:0; padding:0; text-decoration: none; }
#downloadPDF { float:right; margin:0; padding:0; text-decoration: none; }

img#wagnerLogo { margin:0; padding:0; }

#iconPDF { color:#757DD4; margin:0; padding:6px 0 1px 24px; background: url(../images/article.gif) no-repeat 0 50%; }
#downloadSite #iconPDF { color:#757DD4; margin:0; padding:0px 0 1px 24px; background: url(../images/article.gif) no-repeat 0 0; }

.pageNav { font-size:0.55em; color:#000000; font-weight:normal }
.pageNav a { color:#757DD4; }
.caption { font-style:italic; margin:0; padding:0; }