body {
  background-color: #31597c;
  background-image: url(/images/bg.jpg);
  background-repeat: repeat-x;
  text-align: center;
  font-family: Arial;
  font-size: 11pt;
  color: #333333;
  line-height: 150%;
  overflow-y: scroll; }
p { text-shadow: #DDD 1px 1px 1px; }
#logo {
  margin-top: 30px;
  margin-bottom: 10px;
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  display: block; }

#container {
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  display: block;
  background: #ffffff url(/images/containerbg.gif);
  padding: 0px; }

#content {
  background: transparent url(/images/contentbg.gif) no-repeat top left;
  width: 820px;
  text-align: left;
  padding: 20px 40px 50px 40px; }

#containerbot {
  background: #ffffff url(/images/containerbot.gif);
  height: 32px;
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  display: block; }

h1, h2, h3 {
  font-size: 14pt;
  font-family: Helvetica; }

h2 {
  font-size: 12pt; }

#links {
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  display: block;
  text-align: left;
  margin-bottom: 10px;
  font-weight: bold; }
  #links a {
    color: #eeeeff;
	text-shadow: #000 1px 1px 1px; 
    text-decoration: none;
    font-weight: normal; }
    #links a:visited {
      color: #ddddff;
      text-decoration: none;
      font-weight: normal; }
    #links a:hover {
      color: #ffffff;
      text-decoration: underline;
      font-weight: normal; }

#footer {
  color: #000044;
  text-align: right;
  width: 900px;
  margin: auto;
  font-size: 10pt; }

div.right {
  width: 220px;
  margin: 20px;
  float: right;
  border: 1px solid #aaaaaa;
  background: white;
  padding: 20px;
  margin-top: 0px;
  padding-top: 0px;
  text-shadow:#fafafa 1px 1px 1px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; }
  div.right h2 {
    color: #777788;
    margin-bottom: 0px;
    padding-left: 0px; }
  div.right p {
    margin-top: 3px;
    margin-bottom: 3px;
    color: #777777;
    font-size: 10pt; }
  div.right img {
    display: block;
    margin: auto; }

#portfolio a {
  background: url(/images/lwmenu.gif);
  background-position: -137px 67px;
  width: 131px;
  height: 64px; }
  #portfolio a:hover {
    background-position: -137px 134px; }
#portfolio a.active, #portfolio a.active:hover {
  background-position: -137px 0px; }

#projects {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background-color: rgb(220,220,220);
  border: 1px solid #C8C8C8;
  padding-bottom: 10px;
  padding-top: 10px; }
  #projects h2 {
    display: block;
    margin: 0px 10px 10px 10px; }
    #projects h2 span {
      font-size: x-small;
      color: #555; }
  #projects ul {
    display: block;
    margin: 0px;
    padding: 0px;
    float: left; }
    #projects ul li {
      list-style: none;
      padding: 0px;
      margin: 0px;
      float: left; }
      #projects ul li a:link {
        display: block;
        padding: 0px;
        margin: 0px;
        margin-right: 1px;
        float: left;
        background: rgb(180,180,180); }
      #projects ul li a:visited {
        display: block;
        padding: 0px;
        margin: 0px;
        margin-right: 1px;
        float: left;
        background: rgb(180,180,180); }
      #projects ul li a:hover {
        display: block;
        padding: 0px;
        margin: 0px;
        margin-right: 1px;
        float: left;
        background: rgb(230,230,230); }
      #projects ul li a.image img {
        border: none; }
      #projects ul li div.myspan {
        display: none; }

#projcontainer {
  margin: 0px 10px 0px 10px;
  background: rgb(220,220,220);
  border-left: 1px solid #C8C8C8;
  border-right: 1px solid #C8C8C8;
  border-bottom: 1px solid #C8C8C8;
  padding: 0px; }

#projectsdisplay {
  margin: 0px;
  background: white;
  margin-top: 2px;
  padding: 5px;
  padding-top: 10px;
  padding-bottom: 20px; }
  #projectsdisplay p.intro {
    margin: 0px;
    padding: 0px; }
  #projectsdisplay img.left {
    margin-bottom: 10px;
    margin-right: 10px;
    padding-top: 50px;
    float: left; }

h2.jslink {
  font-size: 12px;
  font-weight: normal;
  color: blue;
  text-decoration: underline;
  cursor: pointer; }

.quote {
  margin: 30px;
  margin-bottom: 10px;
  padding: 10px;
  font-style: italic;
  border: 1px solid #666666;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background-color: rgb(240,240,255); }

p.attribution {
  margin: 30px;
  margin-top: 0px;
  margin-bottom: 0px; }

div.link {
  color: blue;
  cursor: pointer;
  text-decoration: underline; }

div.exp {
  width: 600px;
  margin-left: 40px; }

#container table {
  padding: 1px;
  background: #333333; }
  #container table tr .even td {
    background: white;
    padding: 4px; }
  #container table tr td {
    background: white;
    padding: 4px; }
  #container table tr .odd td {
    background: #efefef;
    padding: 4px; }
  #container table th {
    background: black;
    color: white; }

form p {
  margin-top: 0px;
  margin-bottom: 0px; }

#googlemap {
	border: 1px solid #ddd;
	background:white;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:2px;
	width:426px;
	text-align:center;
	float:right;
	margin-top:20px;
}
textarea,input { border:1px solid #DDD; padding:4px;}
address { display:block; margin-bottom:40px }
#calendar td { line-height:15px; font-size:12px }