/* 
Styles for main site
Copyright (c) 2008, WebKey, LLC
-----------------------------------------  */


/* Basics
-----------------------------------------  */

table, tr, td {
border:0;
}

html {
color: #221e1f;
margin:0;
padding:0;
background: #00629b url('/sites/fre/assets/bg_tile.jpg') repeat-x;
}

body {
font:0.75em Verdana, Arial, Sans-serif;
color:#221e1f;
}

h1 {
font-size:1.70em;
letter-spacing:0.075em;
margin:8px 0 2px 0;
color:#005488;
font-family: Georgia, Serif;
}

h2 {
font-size:1.25em;
margin:20px 0 0 0;	
letter-spacing:0.085em;
color:#5a9634;
font-weight: normal;
font-family: Georgia, Serif;
}

h3 {
font-size:1.25em;
margin:8px 0;
color:#4a7b2b;
}

h4 {
font-size:1.15em;
margin:8px 0;
}

a {
color:#0065a3;
}

a:link, a:visited {
color:#0065a3;
text-decoration: underline;
letter-spacing:0.075em;
}

a:hover {
color:#5a9634;
text-decoration: underline;
}

p {
margin: 5px 0 10px 0;
line-height:1.45em;
font-size:0.92em;
}

ul, ol {
margin: 0 20px;
}

li {
}

blockquote {
margin: 10px 20px;
}

img {
border: 0px solid #FF0000;
margin: 0;
padding: 0;
}


/* Structure and dependencies
-----------------------------------------  */

#wrapper {
width: 908px;
margin: 0 auto;
background:#fbfbef url('/sites/fre/assets/bg_left.png') repeat-y top left;
}

#header {
margin:0 0 0 -43px;
}

#leftColumn { 
display: inline; /* IE Hack */
float:left;
text-align:left;
margin-bottom:15px;
width:225px;
background:transparent;
}

#logo {
position: relative;
top:0px;
left:-21px;
}

#secondary_nav {
width:145px;
color:#00253c;
border-bottom:1px solid #003758;
font-family:Georgia, Serif;
font-size:1.1em;
}

#secondary_nav li {
list-style:none;
border-top:1px solid #003758;
}

#secondary_nav li a:link, #secondary_nav li a:visited {
display:block;
color:#00253c;
padding:4px 4px 4px 10px;
/*font-weight:bold;*/
text-decoration:none;
}

#secondary_nav li a:hover {
text-decoration:none;
background:#003758;
color:#fff;
}

#secondary_nav li a.active {
text-decoration:none;
background:#003758;
color:#fff;
}

#mainColumn {
background:#fbfbef;
display:inline; /* IE Hack */
float:left;
text-align:left;
width:683px;
}

body.layout1 #centerColumn { 
padding:35px 10px 0 4px;
display: inline; /* IE Hack */
float: left;
width:400px;
min-height: 600px;
background: #fbfbef;
}

body.layout2 #centerColumn { 
padding:35px 10px 0 4px;
display: inline; /* IE Hack */
float: left;
width:650px;
min-height: 600px;
background: #fbfbef;
}

body.layout3 #centerColumn { 
padding:35px 40px 0 4px;
display: inline; /* IE Hack */
float: left;
width:620px;
min-height: 600px;
background: #fbfbef;
margin:0 40px 0 0;
}	

#rightColumn {
margin: 30px 0px 30px 20px;
padding:0 0 0 10px;
display: inline; /* IE Hack */
float: left;
width:150px;
font-size:0.82em;
}

#rightColumn ul, #rightColumn ol {
margin:0 0 0 20px;
}

#rightColumn li {
margin: 6px 0;
}

#rightColumn h2 {
margin:10px 0 0 0;	
}

#bottomRow {
overflow:hidden;
height:37px;
}

#leftColumnBottom {
float:left;
background: transparent url('/sites/fre/assets/bg_left_col_bottom.png') no-repeat top left;
height:37px;
width:182px;
}

#footer {
display:inline; /* IE Hack */
font-size:0.82em;
background:#6db43f;
margin:10px 0 0 0;
padding:6px 9px 0px 0;
float:left;
color:#fff;
height:18px;
width:714px;
}

#footer p {
margin: 0 0 0 45px;
}

#footer p a:link, #footer p a:visited {
color:#fff;
text-decoration:none;
}

#footer p a:hover {
text-decoration:underline;
}

#siteCredits {
width: 754px;
margin: 0 auto;
margin-top: 0px;
text-align: center;
}

#siteCredits p {
font-size: 0.86em;
color: #0087d5;
}

#siteCredits p a:link, #siteCredits p a:visited {
color: #0087d5;
text-decoration: none;
}

#siteCredits p a:hover {
color: #44a4d5;
text-decoration: underline;
}

#siteCredits .pipe {
color: #004770;
}


/* Images
-----------------------------------------  */

.image-default {
margin: 1px;
border: 0px solid #FF0000;
}

.image-default img {
border: 0px solid #FF0000;
margin: 0;
margin-top:6px;
}

.image-default table {
border-collapse:collapse;
border: 0px solid #FF0000;
}

.image-default tr {
border: 0px solid #FF0000;
}

.image-default td {
border: 0px solid #FF0000;
}

.image-default p.caption {
font-size: 0.86em;
}

#horizontal-thumbs {
padding:20px 0;
}
#horizontal-thumbs li {
display:inline;
list-style-type:none;
padding:5px;
}


/* Overrides
-----------------------------------------  */


/*#navBar {
width:680px;	
height:24px;
margin:0 0 20px 0;
}
#navBar ul#mainNav li a:link, #navBar ul#mainNav li a:visited {
display: inline;
float:left;
padding:4px 20px;
width:none;
}
*/


/* 
Login page
-----------------------------------------  */

#login {
margin: 20px auto;
margin-top: 100px;
width: 450px;
border: 2px solid #ccc;
padding: 30px;
background: #fff;
text-align: left;
font-family: Verdana, Arial, Sans-serif;
}

#login img {
margin: 0 0 10px 100px;
border: 0px solid #ededed;
}

#login p {
margin: 5px;
margin-left: 0;
padding: 0;
color: #333;
font: 0.85em Verdana, Arial, Helvetica, sans-serif;
}

#login p a:link, #login p a:visited {
font-size: 10px;
text-decoration: none;
}

#login p a:hover {
font-size: 10px;
text-decoration: underline;
}

#login p.loginSubmit{
margin:6px 0;
}

#login p.loginForgot {
margin:10px 0 0 0;
}

#login .error {
color:#c00;
}

#login input {
padding: 3px;
margin-top:4px;
}

#login p.loginReminderText {
margin: 10px 0;
padding:4px;
color:#333;
border:1px solid #ededed;
background: #ffc;
}

#login input.loginUserBox, #login input.loginPassBox {
margin:0;
border:1px solid #ccc;
}

div.login-link {
margin: 10px;
}

div.login-link a:link, div.login-link a:visited {
font-size: x-small;
text-decoration: underline;
}

/* 
Contact Form
-----------------------------------------  */	

div.box {
border:solid 1px #6db43f;
background:#6db43f;
padding:20px;
margin:10px 0;
color:#FFF;
}

/*	div.box p {
padding-bottom:14px;
}
*/
div.box input.textbox {
border:1px solid #6db43f;
color:#000;
width:150px;
padding:2px 6px;
font-size:1.2em;
}

div.box textarea.textarea {
border:1px solid #6db43f;
color:#000;
width:300px;
padding:2px 4px;
font-size:1.2em;
}

div.box label {
display:block;
margin-bottom:10px;
}

div.box label span {
padding:0 0 2px 0;
text-align:left;
color:#FFF;
}

div.box label span.field_title {
display:block;
padding:0 0 2px 0;
text-align:left;
color:#FFF;
}	

div.box h1 {
margin:0 0 10px 0;
text-align:left;
color:#FFF;		
}

/* 
Tour Reservation Form
-----------------------------------------  */	

.error_header {
margin: 10px 0 0 0;
line-height:1.45em;
font:0.92em Verdana, Arial, Sans-serif;
color:red;
font-weight: bold;
}

.error_notification {
margin: 5px 0;
font:0.82em Verdana, Arial, Sans-serif;
color:red;
font-weight: normal;
}