
body                      { font-size: 0.75em; background-color: #bca; text-align: center; margin: 0; padding: 20px 0 0 }
body, p, h1, h2, h3, h4   { color: #333; font-style: normal; font-family: "Lucida Grande", Tahoma, "Trebuchet MS", Geneva, Arial, sans-serif }
body a { color: #466; font-weight: bold; text-decoration: none ; border-style: none; border-width: 0; }
body a:hover { color: #466; text-decoration: none; background-color: #e0ff9f; border-style: none; border-width: 0; }
#header { background: white url(../images/header.gif) repeat-x; margin: 0 auto; padding: 0; position: relative; width: 738px; height: 55px; border-right: 1px solid #3b3c3d; border-left: 1px solid #3b3c3d; }
#thegerb   { background: url(../images/thegerb.gif) no-repeat 0px 0px; position: absolute; top: 12px; left: 15px; width: 156px; height: 27px; display: inline }
#tagline p   { color: #e0ff9f; font-weight: bold; font-size: 0.83em; text-decoration: none; text-align: right; letter-spacing: 0.3em; margin: 0; padding: 30px 10px 0 0; display: block    }
#banner             { background-color: white; margin: 0 auto; padding: 0; border-right: 1px solid #3b3c3d; border-left: 1px solid #3b3c3d; position: relative; width: 738px; height: 295px }
#banner-rambles { background-color: white; margin: 0 auto; padding: 0; position: relative; width: 738px; height: 265px; border-right: 1px solid #3b3c3d; border-left: 1px solid #3b3c3d; }
.banner-rambles       { background: url(../images/banners/rearview.jpg) no-repeat ; }
.banner-map { background: url(../images/banners/map.jpg) no-repeat; }
.banner-work       { background: url(../images/banners/stamps.jpg) no-repeat }
.banner-home      { background-image: url(../images/banners/yellow_gerber.jpg) }
.banner-family  { background-image: url(../images/banners/family.jpg) }
.banner-design   { background-image: url(../images/banners/orange_gerbers.jpg) }
.banner-play   { background-image: url(../images/banners/mini.jpg) }
.banner-theatre { background-image: url(../images/banners/curtain.jpg) }
.banner-contact    { background: url(../images/banners/mail.jpg) no-repeat }
.banner-photos { background: url(../images/banners/roadtrip.jpg) no-repeat }
.banner-harmony { background: url(../images/banners/harmony.jpg) no-repeat }
.banner-wedding { background: url(../images/banners/watercolortulips.jpg) no-repeat; }
#menu   { font-size: 0.83em; background: white repeat-x 0px 0px; letter-spacing: 0.3em; margin: 0 auto; padding: 0px; border-right: 1px solid #3b3c3d; border-left: 1px solid #3b3c3d; position: relative; top: 0px; left: 0px; width: 738px; height: 30px }
#menu table { background: url(../images/header.gif) repeat-x; margin: 0 auto; padding: 0px; position: relative; top: 0px; left: 0px; width: 738px; height: 30px; table-layout: fixed  }
#menu td            { font-style: normal; text-align: center; margin: 0px; padding: 0px }
#menu a        { color: #e2e2e2; font-weight: bold; text-decoration: none; display: block }
#menu a:hover    { color: #e0ff9f; text-decoration: none; background-color: transparent; display: block }
#menu .selected a { color: #c9ff57; text-decoration: none; background-color: transparent; display: block; }
#main { background-color: white; text-align: left; margin: 0 auto; padding: 25px; border-right: 1px solid #3b3c3d; border-bottom: medium none; border-left: 1px solid #3b3c3d; position: relative; top: 0px; left: 0px; width: 688px; height: auto; font-size: 0.95em; line-height: 1.4em; text-align: left; float: none; position: static }
#main h1  { color: #466; font-style: normal; font-size: 1.6em; font-family: Garamond, "Times New Roman", Georgia, Times; line-height: 1.6em; background: no-repeat left center; margin: 0; padding: 5px 0 0; border-bottom: 1px solid #466   }
#main h2 { color: #466; font-style: normal; font-size: 1.4em; line-height: 1.4em; font-family: Garamond, "Times New Roman", Georgia, Times; background: no-repeat left center; margin: 0; padding: 5px 0 0 }
#main ul { list-style-type: none; margin: 0px; padding: 0px }
#main ul li      { list-style-type: disc; list-style-position: inside; margin-bottom: 1em }
#main ol { margin: 0px; padding: 0px }
#main ol li { list-style-position: inside; margin-bottom: 1em }
#main blockquote { font-size: 1.2em; font-family: Garamond, "Times New Roman", Georgia, Times; margin-right: 30px; margin-left: 30px; }
.credit  { font-size: 0.9em; font-style: italic  }
.small { font-size: 0.9em; }
.comment-body, .comment-data { color: #555; font-style: normal; padding-left: 15px; }
.comment-data { font-size: 0.9em; font-style: italic; }
#sidebar               { font-size: 0.9em; line-height: 1.5em; background-color: white; text-align: left; word-spacing: normal; letter-spacing: normal; float: right; padding-bottom: 5px; padding-left: 30px; position: static; width: 200px }
#sidebar h3 { color: #e2e2e2; font-size: 1em; font-family: "Lucida Grande", Tahoma, "Trebuchet MS", Geneva, Arial, sans-serif ; font-style: normal; background-color: #466; text-align: center; letter-spacing: 0.3em; margin: 0; padding: 8px; border-style: none; border-width: 0 0 medium; }
#sidebar p          { margin: 1em 1.1em; padding: 0px }
#sidebar ul       {margin: 0px; padding: 1em 1.1em }
#sidebar ul li     { list-style-type: disc; list-style-position: inside; margin: 0px; padding: 0px }
.box  { background: #edffcf url(../images/sidebar_bottom.gif) no-repeat left bottom; margin: 0px 0px 1.5em; padding: 0px 0px 12px; border: none }
.box-open   { background: url(../images/sidebar_top.gif) no-repeat left top }
#breadcrumb        { font-size: 0.85em; background-color: white; text-align: center; clear: both; margin: 0px auto; padding: 0px 0px 15px; border-right: 1px solid #3b3c3d; border-bottom: 2px solid #3b3c3d; border-left: 1px solid #3b3c3d; position: relative; width: 738px }
#footer         { color: #3b3c3d; font-size: 0.85em; text-align: center; clear: none; position: relative ; margin: 0 0 10px; padding: 0; }
#icon { text-align: center; margin-top: 10px ; border-style: none; }
#photo table { text-align: center; width: 688px }
.clearer { clear: both }
.nohilite a   { font-weight: normal; text-decoration: none; background-color: transparent; border: 0 }
.nohilite a:hover   { font-weight: normal; text-decoration: none; background-color: transparent; border: 0 }
.hideme { display: none }
