html{
  height:100%;
  overflow-y:scroll;
}
body{
  background:#efefef url(background.png) fixed repeat-x;
  font-family:trebuchet ms;
  margin:0;
  height:100%;
  font-size:12pt;
  color:#323232;
}


/* Layout */
#container{
  margin:0 auto;
  width:960px;
  text-align:left;
  background:white;
  margin-bottom:0px;
}
#corner, #header, #menu, #footer{
  background:#e6e6e6 url(background.jpg);
  -moz-box-shadow:0 0 25px rgba(0, 0, 0, 0.5) inset;
  -webkit-box-shadow:0 0 25px rgba(0, 0, 0, 0.5) inset;
  -o-box-shadow:0 0 25px rgba(0, 0, 0, 0.5) inset;
  -ms-box-shadow:0 0 25px rgba(0, 0, 0, 0.5) inset;
  box-shadow:0 0 25px rgba(0, 0, 0, 0.5) inset;
}
#page{
  -moz-box-shadow:0 0 25px rgba(0, 0, 0, 0.2) inset;
  -webkit-box-shadow:0 0 25px rgba(0, 0, 0, 0.2) inset;
  -o-box-shadow:0 0 25px rgba(0, 0, 0, 0.2) inset;
  -ms-box-shadow:0 0 25px rgba(0, 0, 0, 0.2) inset;
  box-shadow:0 0 25px rgba(0, 0, 0, 0.2) inset;
}
#corner{
  width:180px;
  height:100px;
  float:left;
  margin:0 10px;
  padding:10px;
  background-position:0 0;
}
#doodlebug{
  padding:10px 0;
}
#header{
  background-position:-210px 0;
  width:710px;
  height:100px;
  float:right;
  margin:0 10px 0 0;
  padding:10px;
}
#header:after{ /* clear fix */
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
#header h1 a{
  color:white;
  text-decoration:none;
  text-shadow:0 0 10px rgba(0, 0, 0, 0.8);
}
#menu{
  background-position:0 -130px;
  width:200px;
  float:left;
  margin:10px;
}
#page{
  background:#efefef url(background.png) fixed repeat-x;
  width:710px;
  float:right;
  margin:10px;
  margin-left:0;
  padding:10px;
  min-height:25em;
}
#footer{
  background-position:right 150px;
  height:75px;
  margin:10px 10px 0 10px;
  padding:10px;
  clear:both;
  text-align:right;
  font-size:10pt;
}


/* Structure */

h1, h2, h3{
  font-weight:bold;
  text-decoration:none;
  margin:0;
}
h1{
  text-align:center;
  font-size:45pt;
  line-height:1.5;
  color:#ffffff;
}
h2{
  text-align:center;
  font-size:45pt;
}
h3{
  margin:1em 0 0.25em;
  text-align:left;
  font-size:18pt;
}
p{
  margin:0.5em 0;
  text-align:justify;
}
dt{
  font-weight:bold;
}
dd{
  margin-left:1em;
  margin-bottom:0.5em;
}
a, a:visited{
  color:black;
  text-decoration:underline;
}
a:hover, a:active{
  color:black;
  text-decoration:none;
}


/* Navigation */

ul#nav{
  margin:0;
  padding:0;
  line-height:2.5;
  padding:10px;
  list-style:inside;
  color:white;
  font-weight:bold;

}
ul#nav li{
  margin:0;
  padding:0;
}
ul#nav li a{
  color:black;
  text-shadow:0 0 7px white;
}


/* Specials */
.error{
  font-weight:bold;
  color:red;
}
#updates{
  line-height:1.5;
}
#updates li{
  margin-bottom:1em;
}
#map{
  width:710px;
  height:300px;
  border:1px solid black;
  margin:0;
  padding:0;
}
.photo{
  border:1px solid black;
}
label{
  font-weight:bold;
}
input, button{
  display:block;
  margin:0.5em;
}