/**
 * Defaults and Resets
 */
html, body {margin: 0; padding: 0; background: #b0c6c3 url(../images/bg.gif);}

body {font-family: Verdana, Arial, Sans-Serif; font-size: 13px; line-height: 22px; color: #2a1300;}

form {margin: 0; padding: 0;}

img {border: 0;}

td {vertical-align: top;}

p {margin-top: 0;}

a {color: #8d2400;}
a:hover {color: #000;}

h1 {margin: 0 0 20px 0; font-family: Arial, Verdana, Sans-Serif; font-size: 26px; font-weight: normal; color: #517986; line-height: normal;}
h2 {margin: 0 0 20px 0; font-size: 16px; font-weight: normal; color: #517986; line-height: normal;}

.sIFR-hasFlash h2 {font-size: 16px; visibility: visible; letter-spacing: normal;}
body.photoSidebar h1 {width: 280px;}

/**
 * General
 */
.clearBoth, .clear {clear: both; height: 0px; font-size: 1px; line-height: 0px; display: block;}

.required {color: #ff0000;}
.quote {margin-bottom: 8px; }
.author {font-size: 11px; line-height: 14px; text-align: right; margin-top: 0px; margin-bottom: 40px; color: #2a1300;}
.red {font-weight: bold; color: #de000a;}
/**
 * Lists
 */
ul.inline {margin: 0; padding: 0; list-style-type: none;}
ul.inline li {display: inline;}

ul.list {margin: 0; padding: 0; list-style-type: none;}

ul.nav {margin: 0; padding: 0; list-style-type: none; font-size: 13px; line-height: 17px; text-transform: uppercase;}
ul.nav li a {display: block; color: #000; text-decoration: none; padding: 7px 30px;}
ul.nav li a:hover {background: #b6a28c;}
ul.nav li.on {background: #90765c;}
ul.nav li.on a {background: #77583c; color: #fff;}
ul.nav li ul {margin: 0; padding: 0; list-style-type: none; text-transform: none;}
ul.nav li.on ul li a {background: #90765c;}
ul.nav li.on ul li a:hover {background: #b09b84;}
ul.nav li.on ul li.on a {background: #644b35;}

img.upperRight {float: right; margin: -20px -30px 20px 20px;}

div.pictureHolder .content .details .nav a.arrow_previous, div.pictureHolder .content .details .nav a.arrow_next {margin-top: 7px;}

/**
 * Layout
 */
#masterWrapper {width: 100%; background: url(../images/bg-map.jpg) no-repeat center top;}

#master {width: 801px; padding: 35px 101px; margin: auto;}


#header {width: 801px; height: 114px; position: relative; background: url(../images/bg-header.gif) no-repeat;}
#header .logo {position: absolute; top: 18px; left: 32px;}
#header .tagline {position: absolute; top: 53px; left: 284px;}

#body {width: 100%; background: url(../images/bg-body-sprites.gif) repeat-y -801px 0;}
#body > div {width: 100%; position: relative; min-height: 700px; background: url(../images/bg-footer-sprites.gif) no-repeat -801px bottom;}

#shadow {position: absolute; top: 0; left: 0; width: 801px; height: 25px; background: url(../images/shadow.png) no-repeat;}

#sidebar {float: left; width: 213px; padding-top: 25px;}

#content {float: left; width: 528px; padding: 20px 30px 30px 30px;}

#masterFooter {font-size: 11px; color: #000; text-align: center; padding: 80px 0 0 0;}
#masterFooter a {color: #000; text-decoration: none;}
#masterFooter a:hover {color: #000;}

/**
 * Home
 */
body.home #body {background-position: 0 0;}
body.home #body > div {background-position: 0 bottom;}

#homeHeader {width: 801px; height: 335px; background: url(../images/bg-body-sprites.gif) repeat-y -801px 0;}
#homeHeader div.nav {float: left; width: 213px; padding-top: 25px;}
#homeHeader .photos {float: left; width: 588px; position: relative;}
#homeHeader .photos > div {position: absolute; top: 0; left: 0; width: 588px; height: 335px;}

#homeBody {padding: 30px;}
#homeBody .content {float: left; width: 440px; font-size: 14px; line-height: 23px;}
#homeBody .video {float: right; width: 250px; font-family: Arial, Verdana, Sans-Serif; font-size: 12px;}
#homeBody .video .title {text-transform: uppercase; margin-bottom: 0; font-weight: bold; text-align: center;}
#homeBody .video .viewLarger {margin-top: 10px; text-align: center;}

/**
 * Other
 */
.photoList {position: relative; left: -5px; margin-top: 30px; width: 100%;}
.photoList > div {padding-bottom: 25px;}
.photoList .item {float: left; width: 165px; padding: 0 5px;}

/**
 * Dialogs
 */
#dialog {width: 724px; z-index: 10000; position: absolute; top: 175px;}

div.dialog .top,
div.dialog .bottom {height: 20px; position: relative;}
div.dialog .top .left,
div.dialog .bottom .left {height: 20px; left: 0; position: absolute; width: 20px; background: transparent url(../images/tl.gif) no-repeat scroll left top;}
div.dialog .bottom .left {background-image: url(../images/bl.gif);}
div.dialog .top .middle,
div.dialog .bottom .middle {width: 684px; height: 20px; left: 20px; position: absolute; right: 20px; background: #fff;}
div.dialog .top .right,
div.dialog .bottom .right {height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; background:transparent url(../images/tr.gif) no-repeat scroll left top;}
div.dialog .bottom .right {background-image: url(../images/br.gif);}
div.dialog .contentWrapper {background: #fff; padding: 0 30px;}
div.dialog .content {float: left; width: 320px;}
div.dialog .sidebar {float: right; width: 292px;}
div.dialog .sidebar .map {padding-bottom: 10px;}
div.dialog .close {text-align: right; padding-top: 20px;}

.overlay {background: #000; position: absolute; top: 0; left: 0; width: 100%; z-index: 5000;}

/**
 * Forms
 */
form.form {width: 100%;}
form.form .row {padding: 0px 0px 5px 0px;}
form.form .label {float: left; width: 130px;}
form.form .field {float: left; width: 190px;}
form.form input[type="text"] {width: 200px;}
form.form textarea {width: 300px; font-family: Arial, Verdana, Sans-Serif; font-size: 12px;}