/* style01.css version 1.1 January 2011 */

body {
padding: 6px 0;
background-color: #9ce;
text-align: justify;
}

div#content {
margin: 0 auto; border: 1px solid #059; padding: 0; width: 960px;
color: black; background-color: #ffe;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px;
}

#top {
margin: 0; padding: 20px 0 0 75px;
background: white url(Canal_Gardens.jpg) 437px 50% no-repeat;
}

#top p {
margin: 0; padding: 0 6px 6px;
text-align: right; 
font-style: italic; font-size: 75%;
}

#sitenav {
width:120px;
float:left;
margin: 52px 0 10px 10px; border-top: 2px solid #059; padding:0;
text-align: center;
}

#pics {
width: 120px;
float: right;
margin: 10px 0 0; border: 0; padding: 0;
text-align: center;
}

#pics p {
margin: 0; padding: 0 3px;
text-align: center;
font-style: italic;
font-size: 90%;
}

#pics img {
margin:4px 12px 4px 0; 
border: 1px solid black; padding: 0;
}

#here {
color: #070;
background: #dfd url(greendot.gif) 3px 50% no-repeat;
}

#main {
margin: 0 150px; padding: 12px 0;
}

#info {
margin-left: 17%; padding: 12px 6px;
}

#info img {
float:right;
margin-left: 6px;
margin-bottom: 9px;
}

#footer {
clear: both;
position:relative;
margin 0; border-top: 1px solid black; padding: 6px 0;
text-align: center;
font-style: italic; font-size: 80%;
}

#guide {
position: absolute; top: -100px; left: 0;
width:120px;
margin: 52px 0 10px 10px; border-top: 2px solid #059; padding:0;
text-align: center;
font-style: normal; 
font-size: 125%;
}

#bottom p {
margin: 3pt;
padding: 0;
color: black;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 75%;
font-weight: normal;
}

#bigpics {
margin-left: 17%; padding: 12px 6px;
text-align: center;
}

#bigpics img {
margin: 12px 0 0; border: 1px solid black;
}

#bigpics p {
padding-top:0;
font-style: italic;
font-size: 120%;
}

#member {
margin: 12px auto; border: 1px solid red; padding: 6px;
width: 672px;
background: white;
}

#member h1 {
margin: 3px 0; padding: 0;
color: black;
background:transparent;
font-size: 120%;
font-style: normal;
font-weight: 600;
text-align: center;
}

#member h2 {
margin: 3px 0 18px; padding: 0;
background:transparent;
font-size: 120%;
font-weight: 500;
text-align: center;
}

#member h3 {
margin: 0; padding: 0 0 0 3em;
font-size: 100%;
font-weight: 400;
text-align: left;
}

#member h4 {
margin: 0; 
background:transparent;
font-size: 85%;
font-weight: 400;
text-align: center;
}

#member h5 {
margin: 18px 0 12px; 
background:transparent;
font-size: 80%;
font-weight: 400;
text-align: left;
}

.boxed {
margin: 6px auto; width:640px; border: 1px solid red; padding: 0 6px;
}

p.box {
text-align: right; 
font-style: italic; font-size: 90%;
}

h1 {
margin: 0 0 6px; padding:0;
color: green; background: transparent;
text-align: center;
font: italic 600 200% Arial, sans-serif;
}

h2 {
margin: 2em 0 0.5em 0; padding: 6px 24px 3px;
font-size: 150%; font-weight: 400;
background-color: #dfd;
text-align: left;
}

h3 {
margin: 2em 0 0.5em 0; padding: 0;
font-size: 120%; font-weight: 700;
text-align: left;
}

table {
margin: 18px auto; border: 1px solid black; border-width: 1px 1px 0 0;
width:750px;
}

td, th {
margin: 0; border: 1px solid black; border-width: 0 0 1px 1px; padding: 6px 6px 6px 24px;
}

td {
vertical-align:top;
text-align: left;
}

table.clear {
width: 750px;
border:1px solid red;
}

table.small {
margin: 3px 0; border: 0; 
width: 100%;
}

#info table.small img {
float: left;
margin-right: 3px 0; 
width: 29px;
height: 31px;
}

table.clear td, table.small td {
border: 0;
}

td.field {
width: 10em; padding: 6px;
text-align: right;
}

img.tiny {
padding-right:3pt;
}

p {
margin: 0.5em 0; padding:0;
line-height: 1.33em;
}

p.intro {
margin-bottom: 20pt;
text-align: center;
line-height: 133%;
font: italic 400 125% Arial, sans-serif;
}

p.bold {
margin: 0.5em 0 0; padding: 0;
font-weight: 600;
}

p.plain {
margin: 0; padding: 3px 0 3px 3em;
}

p.italic {
margin: 0; padding: 0 0 0 3em;
font-style: italic;
}

ul li {
list-style: outside url(greendot.gif);
margin: 12px 0;
}

a:link {
color: #00a;
background-color: transparent;
text-decoration: underline;
}

a:visited {
color: #a00;
background-color: transparent;
text-decoration: none;
}

a:hover {
color: #060;
background-color: white;
text-decoration: none;
}

#sitenav a, #guide a, #here {
display: block;
margin: 0; border: 2px solid #059; border-width: 0 2px 2px 2px ; padding: 4px 0 4px 12px;
font-weight: 500;
text-decoration: none;
}

#sitenav a, #guide a {
color: #038;
background: #ffc525 url(bluedot.gif) 3px 50% no-repeat;
}

#sitenav a:visited, #guide a:visited {
color: #c00;
background: #ffc525 url(reddot.gif) 3px 50% no-repeat;
}

#sitenav a:hover, #guide a:hover {
color: #a82;
background: transparent url(yellowdot.gif) 3px 50% no-repeat;
}