body {margin: 0; padding: 0;
background: #FFFFCC;
font: small Verdana, Arial, sans-serif;}
h1 {font-size: 250%; margin: 0;}
h2 {font-size: 150%; margin: 0 0 0.75em;}
h3 {font-size: 135%; margin: 2em 0 0.2em;}
h4 {font-size: 115%; margin: 1.5em 0 0.25em;}
h5 {font-size: 100%; margin: 1em 0 0;}
h6 {font-size: 85%; margin: 0;}
strong {font-weight: bold;}
em {font-style: italic;}
p {margin: 0.3em 0 1.2em; line-height: 1.25em;}
hr {display: block; clear: both; visibility: hidden;}
A:link {color : blue;text-decoration: underline}
A:active {color : blue; text-decoration: underline}
A:visited {color : black; text-decoration: underline}
A:hover {color: red; text-decoration: underline}
#masthead {padding: 2.2em 0 0; margin: 0; border-bottom: 1px solid #000;
  background:  #FFFFCC url(../images/slate_house_signs_logo.gif) 0 0 no-repeat;}
#masthead h1 {font: small-caps bold 175%/0.9em Verdana, sans-serif; text-indent: -7px;
  margin: 0 15px 0 220px; color: #024;}
#tag {margin: 0 0 0 230px; padding: 0.5em 15px 1em 0;
  font-size: 80%; font-weight: bold; line-height: 1em; color: #345;}
.home #masthead {padding-top: 2em;}
.home #masthead h1 {font-size: 250%; margin-left: 230px;}
.home #tag {font-size: 105%; font-weight: normal; padding-top: 1em; margin-left: 235px;}
#main {position: relative; padding: 3em 0 1em 0; margin: 1px 2px 0 0;
border-right: 5px double #FFF;}
#main ul {list-style: square;}
#main li {margin: 0.075em 0 0;}
#content {float: right; width: 75%; padding: 0 4% 0 2%; margin: 0;
  word-spacing: -0.05em; letter-spacing: -0.01em; 
background:  #FFFFCC;
}
/*pix right*/
#content .picr {margin: 0.2em 0.2em 0.2em;}
#content .picr img {float: right; margin: 5px; border: none}
#content .picr span {border: 1px solid silver; border-width: 0 0 1px 2px;
  font-weight: bold; font-size: 80%; padding: 0.75em 0.5em 0.25em;
  color: gray;}
/*pix left*/
#content .picl {margin: 0.2em 0.2em 0.2em;}
#content .picl img {float: left; margin: 5px; border: none}
#content .picl span {border: 1px solid silver; border-width: 0 0 1px 2px;
  font-weight: bold; font-size: 80%; padding: 0.75em 0.5em 0.25em;
  color: gray;}
.services #content, .about #content {border-top: 1px solid silver; padding-top: 2em;}
.account #content {border-top: 1px solid silver; padding-top: 2em;}
.home #content {padding-top: 0;}
#content #lead {margin: 0 0 1.25em; font: normal 130% Verdana; line-height: 1em;
  text-align: left; letter-spacing: -1px; word-spacing: 0;}
#sidebar {margin: 0 80% 3em 5px; padding: 0;}
#sidebar * {margin: 0; padding: 0;}
#sidebar h3 {margin: 0; padding: 2px 0 0; font: bold 1em Arial, Verdana, sans-serif;
  background: #DBDBEF; text-align: center;
  border: 1px solid #B3B3B3; border-width: 2px 1px; border-bottom: none;}
#sidebar h3 a {background: #F0F3FA; color: #424248; padding: 2px 0.5em 0; margin-right: -0.75em;
  border: 1px solid #BEBEBE; border-bottom-color: #DBDBDD;
  text-decoration: none;}
#sidebar h3 a:hover {background: #FFA850; color: #FFA; border-color: #AEAEAE;}
#sidebar ul {list-style: none; padding: 1em 0 0; margin: 0 0 1.5em;
  border: 1px solid #B3B3B3; font-size: 0.85em;
  background: #F8FBFF;}
#sidebar li {margin: 0 1em 0.5em; padding: 0; border-top: 1px solid #F8FBFF; color: #5A5B5D;}
#sidebar ul ul {border: none; padding: 0; margin: 0; font-size: 1em;}
#sidebar ul ul li {margin: 0; padding: 0;}
#sidebar li.moreinfo {text-align: right; margin: 0; padding: 0 0 1px;}
#sidebar p {border: 1px solid #B3B3B3; font-size: 0.85em; line-height: 1.33em;
  padding: 0.66em; margin-bottom: 1em; background: #F8FBFF; color: #5A5B5D;}
#sidebar blockquote {margin: 0; padding: 0;}
#sidebar blockquote p {margin: 2.5em 0.25em 0 0.75em; padding: 0; border: none;
  text-indent: 15px; font-size: 85%; line-height: 1.2em;
  background: url(../images/arrow.gif) 0 0 no-repeat; color: #6E6E78;}
#sidebar blockquote p span {display: block; font-style: italic; text-indent: 0;}
#navbar {position: absolute; z-index: 5; top: 0; left: 0; right: 0; width: 99%;
  margin: -1px 0 0; padding: 0.2em 0 0.1em;
  border: 1px solid #8F8E82; border-width: 0 3px 1px 20px;
  background:  #666699; white-space: nowrap;}
html>body #navbar {margin: -4px 0 0;}
#navbar a {border-right: 1px solid #8F8E82; padding: 0.45em 0.5em 0.2em;
  text-decoration: none; font-weight: bold; font-variant: small-caps;
  color: #fff;}
html>body #navbar a {padding: 0.2em 0.5em 0.1em;}
#navbar a#home {padding-left: 12px;}
#navbar a:hover {background: #bce; color: red;}
#navbar b {display: none !important;}
.home #navbar #home {color: #CCA; background: transparent;}

#navbar_new {position: absolute; z-index: 5; top: 90; left: 0; right: 0; width: 99%;
  margin: -1px 0 0; 
  border: 1px solid #8F8E82; border-width: 0 3px 1px 20px;
  background:  #666699; white-space: nowrap;}
html>body #navbar_new {margin: -4px 0 0;}
#navbar_new a {border-right: 1px solid #8F8E82; padding: 0.45em 0.5em 0.2em;
  text-decoration: none; font-weight: bold; font-variant: small-caps;
  color: #fff;}
html>body #navbar_new a {padding: 0.2em 0.5em 0.1em;}
#navbar_new a#home {padding-left: 12px;}
#navbar_new a:hover {background: #bce; color: red;}
#navbar_new b {display: none !important;}
.home #navbar_new #home {color: #CCA; background: transparent;}

.services a#services, .about a#about, .projects a#projects, .events a#events, 
.publications a#publications, .contact a#contact , .account a#account {
  position: relative; border-bottom: 1px solid #FFF;
  background: #FFFFCC !important; color: black !important;}
#content h3 {font-size: 110%;}
#subnav {position: absolute; z-index: 3; top: 0; left: 18%; right: -6px;
  margin: 0; padding: 1.8em 0 0.5em 2%; font-size: 100%;}
#subnav b {font-weight: normal; margin: 0 0.5em; color: #776;}

#subnav_new {position: absolute; z-index: 3;  left: 18%; right: -6px;
  margin: 0; padding: 1.8em 0 0.5em 2%; font-size: 100%;}
#subnav_new b {font-weight: normal; margin: 0 0.5em; color: #776;}

/*gallery links */
#galnav {margin: 0 0 1px; border: 1px solid #BBB; border-width: 3px 0;
  font-size: 180%; clear: both;}
#galnav p {margin: 0 0 0 50px; padding: 0.75em 1.5em 0.5em 0;}
#galnav .next {float: right; margin: 15px}
#galnav .prev {float: left; margin: 15px}
#galnav .call {float: right; margin: 15px}
#footer {margin: 0 0 10px; border: 1px solid #BBB; border-width: 1px 0;
font-size: smaller; clear: both;}
#footer p {margin: 0 0 0 180px; padding: 0.75em 1.5em 0.5em 0;}
/* help thingy - measurements conversion, mouseover tidbits */
.hlp
{
color: #9F141A;
cursor: help;
text-decoration: none
}