/* CSS Reset */
* { vertical-align: baseline; font-weight: inherit; font-family: inherit; font-style: inherit; font-size: 100%; border: 0 none; padding: 0; margin: 0; }

/* Layout */

html { font-family: Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif; font-size: 1em; line-height: 1.62em; width: 100%; }
body { background-color: #260b01; width: 100%; text-align: center;  }

#page { width: 960px; margin: 20px auto 0 auto; text-align: justify; }
#home { padding-left: 16px; }
#nav { height: 255px; background-repeat: no-repeat; background-position: left bottom; background-image: url('../headers/home-top.jpg'); }
#content { background-color: #d9d1ba; background-repeat: no-repeat; padding: 60px 0 0 0; background-image: url('../headers/home-bottom.jpg'); }
#main { float: left; width: 553px; margin: 60px 10px 0 20px; padding: 10px 10px 70px 10px; background-image: url('../images/contentbg.png'); background-repeat: repeat; }
#footer { background-color: #591902; background-image: url('../images/footerbg.png'); background-repeat: no-repeat; background-position: 20px 0; padding-bottom: 2em; margin-bottom: 6em; }
#sidebar { float: right; width: 327px; margin: 0px 20px 0 10px; }

/* Skip to Content */

#skipnav a { margin-top: 20px; padding: 5px; color:#260b01; background-color:transparent; float: right; }
#skipnav a:focus { background-color:#900; color:#fff; }

#skipmap { height: 0px; }
#skipmap a { height: 0px; display: inline; margin-left:-9999px!important; }

/* Page backgrounds */

#page.welcome #nav { background-image: url('../headers/home-top.jpg'); }
#page.welcome #content { background-image: url('../headers/home-bottom.jpg'); }
#page.stay #nav { background-image: url('../headers/stay-top.jpg'); }
#page.stay #content { background-image: url('../headers/stay-bottom.jpg'); }
#page.explore #nav { background-image: url('../headers/explore-top.jpg'); }
#page.explore #content { background-image: url('../headers/explore-bottom.jpg'); }
#page.learn #nav { background-image: url('../headers/learn-top.jpg'); }
#page.learn #content { background-image: url('../headers/learn-bottom.jpg'); }
#page.look #nav { background-image: url('../headers/look-top.jpg'); }
#page.look #content { background-image: url('../headers/look-bottom.jpg'); }
#page.chat #nav { background-image: url('../headers/chat-top.jpg'); }
#page.chat #content { background-image: url('../headers/chat-bottom.jpg'); }

/* Element formatting */

h1 { font-size: 2.6em; font-weight: bold; line-height: 1.5em; padding: 0 0 20px 0; color: #8C3807; font-family: Georgia,'Times New Roman',times,serif; }
h2 { font-size: 1.7em; font-weight: bold; line-height: 1.5em; padding: 20px 0 20px 0; color: #8C3807; font-family: Georgia,'Times New Roman',times,serif; }
h3 { font-size: 1.3em; font-weight: bold; line-height: 1.5em; padding: 20px 0 20px 0; color: #8C3807; font-family: Georgia,'Times New Roman',times,serif; }
h4 { font-size: 1.1em; font-weight: bold; line-height: 1.5em; padding: 20px 0 20px 0; }
h5 { font-size: 0.8em; font-weight: bold; line-height: 1.5em; padding: 0; }
p { padding-bottom: 1em; }
strong { font-weight: bold; }
ul { margin-left: 30px;  }
a { color: #384A59; }
a:hover { color: #1111ff; }

/* Main navigation formatting */

#nav ul { list-style: none; font-weight: bolder; margin-left: 20px;  }
#nav li { list-style-type:none; float: left; height: 30px; padding: 3px 20px 20px 20px; text-align: right; margin: 0; background-image: url('../images/navbg.png'); background-repeat: repeat-x; border-left: 1px dotted #c0c0c0; }
#nav li.rightselected { background-image: url('../images/navbg-rarrow.png'); height: 60px; background-repeat: repeat-x; width: 260px; }
#nav li.leftselected { background-image: url('../images/navbg-larrow.png'); height: 60px; background-repeat: repeat-x; width: 260px; }
#nav li.noleftborder { border-left: 0; }
#nav li.rightborder { border-right: 1px dotted #c0c0c0; }
#nav li a { text-decoration: none; display: block; }
#nav li h1 { font-size: 1.8em; font-style: normal; padding: 0; color: #D9A566; letter-spacing: -2px; line-height: 1em; font-style: italic; font-weight: bold; font-family: Georgia,'Times New Roman',times,serif; }
#nav li p { color: #D9D1BA; font-size: 0.8em; font-weight: normal; font-family: Georgia,'Times New Roman',times,serif; font-style: italic; }
#nav li h1 a { color: #D9D1BA; }
#nav li a:hover { display: block; }
#nav li h1 a:hover { color: #F2D377; }

/* Sidebar formatting */

#caption { float: right; width: 297px; margin: 80px 0 30px 0; padding: 10px; color: #2c2c2c; background-image: url('../images/captionbg.png'); background-repeat: repeat; font-size: 0.8em; }
#fbbox { float: right; width: 297px; margin-bottom: 20px; padding: 10px 10px 0px; background-image: url('../images/contentbg.png'); background-repeat: repeat; }
.imagebox { float: right; width: 297px; margin-bottom: 20px; padding: 10px; background-image: url('../images/contentbg.png'); background-repeat: repeat; }
.imagebox img { margin: 0; padding: 0; }

.linkbox { float: right; width: 297px; margin-bottom: 20px; padding: 10px 10px 2px 10px; background-image: url('../images/contentbg.png'); background-repeat: repeat; }
.linkbox img { padding: 2px; border: 1px solid #c0c0c0; }
.linkbox p { margin: 0; padding: 0 0 4px 0; text-align: center; }
.linkbox p a { text-decoration: none; font-size: 0.8em; }

#gallery { padding-bottom: 18em; }
#gallery a { float: left; display: block; margin: 12px; font-size: 0.8em; text-decoration: none; width: 160px; height: 150px; text-align: center; line-height: 1em; font-weight: bold; }

#mapCanvas  { width: 553px; height: 300px; margin: 1em 0; }
#overlayMap { float: right; width: 175px; height: 120px; margin-top: 135px; border-top: 5px solid #fff; border-left: 5px solid #fff; }

/* Learn page */

#history img { padding: 0.2em 0 0; }
#history .caption { font-size: 0.75em; padding-bottom: 0.8em; text-align: center; font-weight: bold; }

/* Forms */

form input { border: 1px solid #c0c0c0; padding: 4px; background-color: #fff; font-size: 1em; color: #202020; }
form textarea { border: 1px solid #c0c0c0; padding: 4px; background-color: #fff; font-size: 1em; color: #202020; }
form select { border: 1px solid #c0c0c0; padding: 4px; background-color: #fff; font-size: 1em; color: #202020; }
form input.ce { display: none; }
fieldset { margin: 20px 0; padding: 0 10px; border: 1px solid #c0c0c0; }
legend { font-size: 1em; font-weight: bold; line-height: 1.5em; padding: 0 1em  0 1em; }
fieldset div { padding: 1em 1em 0 1em; }
fieldset p { padding-bottom: 1em; }
label { float: left; width: 200px; margin-right: 10px; text-align: right; }
form .error { margin: 0 0 0 210px; font-size: 0.8em; color: red; line-height: 1em; padding: 0; }

/* Weatherbox */

#weather { float: right; font-size: 0.8em; text-align: center; line-height: 1.3em; padding-left: 10px; }

/* Footer */
#footer #bookmark { float: left; padding-top: 2.75em; margin-left: 1.8em; }
#footer #return { padding-top: 2.5em; padding-bottom: 5em; margin-left: 32em; }
#footer #return a { text-decoration: none; border-bottom: 1px dotted #404040; color: #404040; font-size: 0.8em; }
#footer #return a:hover { color: #000; border-bottom: 1px dotted #000; }
#footer #copyright { float: left; margin-left: 1em; font-size: 0.9em; color: #d0d0d0; }
#footer #design { float: right; margin-right: 1em; font-size: 0.9em; color: #d0d0d0; }
#footer #design img { vertical-align: middle; padding-bottom: 4px; }
#footer a { color: #d0d0d0; text-decoration: none; border-bottom: 1px dotted #d0d0d0; }
#footer a:hover { color: #fff; border-bottom: 1px dotted #fff; }