body {
 color: #000;
 background-color: #fff;
 background-image: url(/pix/body-bg-blue.gif);
 font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
}

h1 {
 font-size: 60px;
 color: blue;
 text-align: center;
 padding: 0 10px 0 0;
 overflow: hidden;
 white-space: nowrap;
 margin: 20px 0 0 20px;
 text-decoration: none;
}

h2 {
 font-size: x-large;
 text-decoration: none;
 color: #36f;
 margin: 0;
}

h3 {
 font-size: large;
 text-decoration: none;
 color: #36f;
 margin: 0;
}

#styler {
 width: 800px;
 margin-right: auto;
 margin-left: auto;
 text-align: right;
}

#styler a {
 background-color: #fff;
 border: 1px solid black;
 font-size: x-small;
 padding: 2px;
 margin: 0;
 text-decoration: none;
 color: black;
}

#header {
 border: 1px solid black;
 background-image: url(/pix/header-bg-blue.jpg);
 width: 800px;
 height: 120px;
 background-color: #fff;
 margin-right: auto;
 margin-left: auto;
 overflow: hidden;
}

#nav {
 border-left: 1px solid black;
 border-right: 1px solid black;
 padding: 0;
 background-color: #39f;
 width: 800px;
 margin-right: auto;
 margin-left: auto;
}

#nav ul {
 margin: 0;
 padding: 2px 5px 2px 10px;
}

#nav ul li {
 list-style: none;
 display: inline;
 background-color: #9cf;
 padding: 0;
}

#nav li a {
 text-decoration: none;
 font-weight: bold;
 font-size: small;
 color: black;
 width: 100%;
 display: inline;
 border-left: 5px solid #036;
 border-right: 10px solid #39f;
 padding: 0 10px 0 3px;
 background-color: #39f;
}

#nav li a:hover {
 background-color: transparent;
}

#content {
 border-left: 1px solid black;
 border-right: 1px solid black;
 border-top: 1px solid black;
 width: 760px;
 padding: 20px 20px 30px 20px;
 background: #fff;
 margin-right: auto;
 margin-left: auto;
}

#content a {
 text-decoration: underline;
 color: #000;
}

#content a:hover {
 text-decoration: underline;
 color: #000;
}

#content dt{
 font-weight: bold;
 color: #000;
}

#content dl {
 border-left: 5px solid blue;
 margin: 5px 5px;
 padding: 0 0 0 8px;
}

#content .publist dl {
 border-left: none;
 margin: 5px 5px;
 padding: 0 0 0 8px;
}

#content .list ul{
 list-style-image: url(/pix/arrow-blue.gif);
}

#content .address ul{
 list-style: none;
}

#content .portrait {
 float: right;
 font-style: italic;
 text-align: center;
 padding: 10px;
}
#content .portrait img {
 border-top: solid #ccc 8px;
 border-left: solid #ccc 8px;
 border-right: solid black 8px;
 border-bottom: solid black 8px;
}

#content .address {
 margin-top: 15px;
}

#footer {
 border: 1px solid black;
 width: 800px;
 font-size: small;
 background-color: #9cf;
 text-align: right;
 margin-right: auto;
 margin-left: auto;
}

#footer p {
 padding: 0 15px 0 0;
 margin: 0;
}

#footer a {
 text-decoration: none;
 color: black;
}

#footer a:hover {
 text-decoration: underline;
}

#footer img {
 padding: 0;
 padding-bottom: 1px;
 margin: 0;
 border: 0;
 vertical-align: bottom;
}