/* 2008-08-15
-------------------------------------------------- */
* { margin: 0; padding: 0; }
body { background-color: #FFFFFF; color: #333333; font: normal 62.5%/1.5 "Lucida Grande", Verdana, Geneva, Arial, sans-serif; }
div#Content li, dd, blockquote { margin-left: 1em; }
input, select, textarea { font-size: 100%; }
a:link, a:visited { color: #0878AA; text-decoration: none; }
a:hover, a:active { color: #3292D6; text-decoration: underline; }
.highlight { background: #EEF6FB; border-bottom: 1px solid #B1E0FC; border-top: 1px solid #B1E0FC; clear: both; color: #555555; margin: 1em 0; padding: 1em 2em; }
h1 { font-size: 2em; padding: 0 0 5px 0; }
h2 { color: #666; font-size: 1.8em; }
h3, h4 { color: #666; font-size: 1.6em; }
h5, h6 { color: #666; font-size: 1.4em; }
p { font-size: 1.3em; padding: 0 0 10px 0; }
ol, ul { list-style: none; }
li { font-size: 1.2em; }
img { vertical-align: bottom; }

.s-h-o { left: -9999em; position: absolute; top: -9999em; }

div#Header { background-color: #777777; border-bottom: 1px solid #B5B5B5; color: #FFFFFF; min-height: 30px; padding-right: 100px; }
div#Header a:link, div#Header a:visited  { color: #FFFFFF; }
div#Header p#BrandingTitle { font-size: 1.3em; margin: 0; padding: 0; position: absolute; right: 10px; top: 0.4em; }
div#NavigationPrimary { left: 0; position: absolute; top: 0; }
div#NavigationPrimary ul { margin: 0 8px; padding: 5px 0; }
div#NavigationPrimary ul li { display: inline; font-size: 1.3em; padding: 5px; }
div#NavigationPrimary ul li a { background-color: #777777; color: #FFFFFF; text-decoration: none; text-transform: lowercase; padding: .1em .5em; }

body.home div#NavigationPrimary ul li.home a,
body.about div#NavigationPrimary ul li.about a,
body.photos div#NavigationPrimary ul li.photos a,
body.contact div#NavigationPrimary ul li.contact a,
div#Header ul li a:hover { background: #ffffff; color: #666; }

div#Content { clear: both; float: left; margin: 10px 0 0 20px; width: 600px; }
* html div#Content { display: inline; width: 600px; }

div#Footer { clear: both; margin: 10px 20px 0 20px; padding: 10px 0; }
div#Footer p { clear: both; border-top: 1px dotted #cccccc; padding: .5em 0; }

dl { margin: 0 0 1em 0; font-size: 1.2em; width: 40em; }
dl dt { float: left; font-weight: bold; width: 10em; }
dl dd { width: 30em; }

body.photos div#Content { clear: both; float: none; margin: 10px 0 0 20px; width: 740px; }
body.photos div#Content ul { list-style-type: none; }
body.photos div#Content ul li { float: left; margin: 0 1em 1em 0; }
* html body.photos div#Content ul li { display: inline; }

body.photos-view div#Content img { margin-bottom: 1em; }
body.photos-view div#Content ul { clear: both; }
body.photos-view div#Content dl ul { clear: none; }

@media screen and (min-width: 620px) {
div#Content { width: 600px; }
* html div#Content { width: 600px; }
}