/* CSS Document */

body  { margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 140%; background-image: url(images/death-valley-Rside.jpg); background-repeat: repeat-y; background-position: right top; }
#wrap { width: 900px; background-image: url(images/header-WGA.jpg); background-repeat: no-repeat; background-position: 0px 0px; height: 500px; float: left; } 

#header { float: left; padding-top: 110px; padding-right: 20px; padding-bottom: 0px; margin-bottom: 10px; margin-left: 30px; border-bottom: 1px dotted #000; width: 650px; height: 90px; } 
#header h1 { color: #2b5087; line-height: 150%; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; font-weight: normal; font-style: italic; padding-bottom: 0px; margin-bottom: 0px; padding-top: 15px; }
#header p { font-size: 12px; line-height: 140%; margin-top: 0px; padding-top: 0px; }

#main-content { width: 870px; background-repeat: repeat-y; background-position: left top; padding-left: 30px; float: left; background-image: url(images/bkgd-wrap-WGA.jpg); }
#main-content h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 24px; font-weight: normal; width: 320px; padding-top: 240px; padding-right: 20; padding-left: 0; color: #765e34; padding-bottom: 0px; margin-bottom: 0px; }

#column1 { float: left; padding-right: 20px; margin-top: 0px; margin-bottom: 40px; width: 670px; }

#column1 h1 { font-size: 12px; font-family: Verdana, Geneva, sans-serif; font-weight: bold; text-transform: uppercase; color: #000; letter-spacing: 2px; word-spacing: 2px; padding-top: 25px; margin-top: 0px; }
#column1 h1 em { font-size: 13px; font-family: Georgia, "Times New Roman", Times, serif; text-transform: none; font-weight: normal; letter-spacing: 0em; word-spacing: 0em; width: 500px; color: #000; }

#intro {color: #9a643f; font-size: 12px; font-weight: bold; line-height: 180%; float:left; padding-right:10px; width: 390px; height: 200px; }

#video { float: right; width: 245px; height: 200px; padding-left: 0; margin-left: 0; }
#column1 #video p { font-size: 9px; }

#column1 h2 { font-size: 11px; padding-top: 0px; font-family: Verdana, Geneva, sans-serif; font-weight: bold; text-transform: uppercase; color: #9a643f; letter-spacing: 2px; word-spacing: 2px; }
#column1 h2 em { font-size: 11px; padding-top: 0px; font-family: Verdana, Geneva, sans-serif; font-weight: normal; text-transform: none; letter-spacing: 0em; word-spacing: 0em; color: #000; }
#column1 p { margin-bottom: 0px; padding-bottom: 6px; font-size: 11px; margin-top: 0px; padding-top: 2px; }
#column1 img { float: right; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; }
#column1 p.trip-title { font-size: 11px; font-weight: bold; line-height: 140%; color: #9a643f; }
#column1 p.trip-title strong { color: #2b5087; font-size: 12px; font-weight: bold; font-style: normal; }
#column1 p.trip-title em { font-size: 11px; font-weight: normal; }

#private { background-color:#9a643f; padding: 10px; margin-top:20px; margin-bottom:25px; }
#private strong, #private p { color:#fff; }

#sidebar { float: left; /* since this element is floated, a width must be given */ width: 155px; padding-top: 0px; padding-right: 15px; padding-left: 10px; margin-top: 0px; }
#sidebar h1 { font-size: 20px; color: #fff; padding-bottom: 8px; margin-bottom: 0px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: normal; text-align: left; margin-top: 0px; padding-top: 0px; }
#sidebar p { color: #000; padding-top: 5px; margin-top: 0px; font-size: 11px; font-weight: bold; }
#sidebar h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; font-style: normal; text-transform: uppercase; word-spacing: 2px; letter-spacing: 2px; padding-bottom: 0px; }
#bio p { font-size: 11px; margin-top: 0px; padding-bottom: 6px; margin-bottom: 3px; line-height: 150%; font-weight: normal; text-transform: none; }
#bio  strong { color: #fff; }

#sidebar .testimonial  { font-size: 12px; margin-top: 0px; padding-bottom: 6px; margin-bottom: 3px; color: #FFF; font-style: italic; line-height: 170%; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; }
#sidebar .testimonial-author  { font-size: 10px; font-weight: bold; font-family: Verdana, Geneva, sans-serif; }

#sidebar a:link, #sidebar a:visited, #sidebar a:hover, #sidebar a:active { color: #fff; text-decoration: underline }


#footer { background-color: #5f6a19; width: 900px; float: left; padding-bottom: 10px; } 
#footer p { color: #fff; font-size: 10px; padding-left: 30px; padding-bottom: 0px; margin-bottom: 0px; }
#footer p.credit, #footer p.credit a:link { color: #bbb; font-size: 9px; padding-top: 0px; margin-top: 0px; }

#footer a:link, #footer a:visited, #footer a:active { color: #fff; }

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
float: left;
margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
.dots { border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #395438; margin-bottom: 15px; margin-top: 10px; }


a:link      { color: #2b5087; text-decoration: underline }
a:visited      { color: #2b5087; text-decoration: underline }
a:hover          { color: #9a643f; text-decoration: none }
a:active    { color: #2b5087; text-decoration: none; padding-top: 0px; }