/* 
Copyright 2005 Glacier Valley. All Rights Reserved. 
------------------------------------------------------
General Elements
Page Structure
Typography
Links
Navigation
Footer
Forms
------------------------------------------------------ */
/* GENERAL ELEMENTS */
html { 
padding: 0;
margin: 0;
}
body {
font: normal 12px/20px Arial, Helvetica, sans-serif;
color: #000;
background: #BDD8FF;
text-align: center;
margin: 0;
padding: 0;
}
/* PAGE STRUCTURE */
#wrap {
width: 770px;
margin: 0 auto;
padding: 0;
text-align: left;
}
#content {
margin: 0;
padding: 0;
width: 770px; 
float: left;
background: url(images/bg.gif) top left no-repeat;
}
#left {
width: 165px;
padding: 0;
margin: 0;
float: left;
color: #000;
}
#copy {
width: 605px;
padding: 0;
margin: 0;
float: right;
}
#masthead {
float: left;
width: 605px;
padding: 0;
margin: 0;
height: 211px;
background: #fff url(images/masthead.jpg) top left no-repeat;
}
/* TYPOGRAPHY */
.tourtitle {
font: bold 13px/21px Arial, Helvetica, sans-serif;
color: #000;
list-style: none;
}
.tourdesc {
padding: 0;
margin: 0 40px;
}
p {
margin: 0; 
padding: 10px 20px; 
}
h1 {
font: bold 13px/21px Arial, Helvetica, sans-serif;
color: #000;
padding: 5px 20px; 
margin: 0;
}
h2, caption {
font: bold 14px/21px Arial, Helvetica, sans-serif;
color: #3366FF;
padding: 5px 20px; 
text-transform: uppercase;
margin: 0;
}
h3 {
font: bold 14px/21px Arial, Helvetica, sans-serif;
color: #EE6F00;
padding: 5px 20px; 
text-transform: uppercase;
margin: 0;
}
.feedback {
background: #BDD8FF;
border-right: 1px solid #4D8CFD;
border-bottom: 1px solid #4D8CFD;
font: normal 12px/20px Arial, Helvetica, sans-serif;
margin: 10px 20px;
color: #000;
}
/* LINKS */
.franzjosef {
font-weight: bold;
}
th a {
background: url(images/book.gif) 0% 50% no-repeat;
padding: 5px 0 0 70px;
margin: 20px 0 0 0;
}
h2 a {
font: bold 14px/21px Arial, Helvetica, sans-serif;
color: #3366FF;
padding: 0;
height: 21px;
display: block; 
text-transform: uppercase;
text-decoration: none;
padding: 0 0 0 70px;
margin: 10px 0 0 0;
background: url(images/book.gif) 0% 50% no-repeat;
}
h2 a:hover {
color: #EE6F00;
}
.logo {
width: 165px;
height: 239px;
background: url(images/logo.jpg) no-repeat;
float: left;
padding: 0;
margin: 0;
}
.thumb {
padding: 0;
margin: 20px 20px 30px 20px;
display: inline;
float: right;
border: 1px solid #000;
}
a {
color: #EE6F00;
text-decoration: underline;
}
a:hover, a:active {
text-decoration: none
}
a img {
border: none;
}
span {
display: none;
}
#intro a {
color: #000;
}
/* NAVIGATION */
ul#nav {
margin: 0;
padding: 12px;
list-style-type: none;
width: 141px;
float: left;
}
ul#nav li {
font: bold 11px/13px Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}
ul#nav a {
display: block;
color: #000;
margin: 5px 0;
text-decoration: none;
padding: 6px 15px;
text-transform: uppercase;
background: #FF9101 url(images/navon.gif) top left no-repeat;
}
#nav a:hover, #nav li.current a {
background: #FF9101 url(images/navoff.gif) top left no-repeat;
color: #fff;
}
/* FOOTER */
#footer {
font: normal 9px/17px Arial, Helvetica, sans-serif;
padding: 0;
margin: 0;
color: #6699FF;
clear: both;
background: #BDD8FF;
}

#footer a {
font-size: 9px;
text-decoration: underline;
color: #6699FF;
}
#footer a:hover {
text-decoration: none
}
/* FORMS */
dl#include {
margin: 20px;
padding: 10px;
border: 1px solid #4D8CFD;
}
#explore dd, #include dd {
background: url(images/arrow.gif) 4% 36% no-repeat;
}
dl {
margin: 0;
padding: 10px 0;
}
dt {
margin: 0;
padding: 0 20px; 
font: bold 12px/20px Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #3366FF;
}
dd {
font: normal 12px/20px Arial, Helvetica, sans-serif;
margin: 0;
padding: 0 40px;
}
dd.add {
font: normal 12px/15px Arial, Helvetica, sans-serif;
padding: 0 40px; 
}
dd.other {
font: normal 12px/15px Arial, Helvetica, sans-serif;
padding: 20px 40px 0 40px; 
}
form {
width: 280px;
padding: 0;
float: right;
}
label { 
width: 100%; 
display: block; 
font: normal 12px/18px Arial, Helvetica, sans-serif;
}
input, select {
background: #eee;
border: 1px solid #ccc;
color: #000;
}
.inp, select {
width: 230px;
}
textarea { 
background: #eee;
border: 1px solid #ccc;
color: #000;
}
.submit {
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #F97500;
border-bottom: 1px solid #F97500;
padding: 3px;
background: #F7911E;
color: #fff;
text-transform: uppercase;
font: bold 12px/16px Arial, Helvetica, sans-serif;
}
#combos {
width: 560px;
padding: 0;
margin: 10px 20px;
}
th {
font: bold 12px/20px Arial, Helvetica, sans-serif;
color: #fff;
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
border-top: 1px solid #eee;
letter-spacing: 1px;
text-align: left;
padding: 6px 6px 6px 12px;
background: #4D8CFD;
}
td {
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
background: #fff;
padding: 6px 6px 6px 12px;
color: #000;
font: normal 12px/20px Arial, Helvetica, sans-serif;
}
td.alt {
background: #BDD8FF;
}
th.type {
border-left: 1px solid #eee;
border-top: 0;
background: #fff;
font: normal 12px/20px Arial, Helvetica, sans-serif;
letter-spacing: 0;
text-transform: none;
color: #000;
}
th.typealt {
border-left: 1px solid #eee;
border-top: 0;
background: #BDD8FF;
font: normal 12px/20px Arial, Helvetica, sans-serif;
letter-spacing: 0;
text-transform: none;
color: #000;
}