body {font-family: Arial, Helvetica, sans-serif; margin: 15px; background: #cdc7b9;}

div.wrapper {margin: 5px 0px 0px 30px; width: 80%; background: #ffffff; border: solid 1px #77685c; padding: 0px}

div.header {height: 30px; width: 100%; padding: 5px 0px 0px 0px; background: #77685c; border-bottom: solid 1px #bbb; margin-bottom: 10px;}

div.main {float: left; width: 60%; padding: 5px 0px 5px 5px;}

div.right {float: right; width: 35%; padding: 5px 5px 5px 0px;}

div.footer {clear: all; padding: 20px 5px; border-top: solid 1px #bbb; margin-top: 20px;}

div.gallery {padding: 5px 10px;}

div.photo {float: left; padding: 10px; background: #ffffff; border: solid 3px #eee}

.floatright {float: right;}
.floatleft {float: left; }

.underline {text-decoration: underline}
.center {text-align: center}

h1 {font-size: 1.1em;}
h2 {font-size: 1em;}
h3 {font-size: .9em;}

p {font-size: .9em;}
p.navtop {color: #ffffff; margin: 1px 10px; font-size: .9em;}

img {border: 0px;}
form {margin:0px;}

a {font-weight: bold; text-decoration: none;}
a:link {color: #4b6f8b;}
a:visited {color: #4b6f8b;}
a:hover {color: #C00000 ; text-decoration: underline;}
a:active {color: #C00000 ; text-decoration: underline;}
a.navtop {font-size: 1.2em; white-space: nowrap;}

a:link.navtop {color: #fff; padding-left: 5px; }
a:visited.navtop {color: #fff;}
a:hover.navtop {color: #fff; text-decoration: underline;}
a:active.navtop {color: #fff; text-decoration: underline;}