body {
margin: 0px;
padding: 0px;
min-width: 1000px;
font-size: 1em;
text-align: center;
background-image: url(graphics/backgrounds/h2o_body_bg.gif);
background-color: #2E8BCD;
background-repeat: repeat-x;
background-position: left top;
font-family: Verdana, Helvetica, Arial, sans-serif, Trebuchet;
color: #204063;
font-style: normal;
}

blockquote {
margin: 0;
padding: 0 10px 0 10px;
border-left: 6px solid #d8e7f7;
border-right: 6px solid #d8e7f7;
color: #477fba;
}

/* layout----------------------------------------- */

/*wrapper for centering the layout - surrounds everything*/

#wrapper {
margin: 0 auto;
width: 1000px;
position: relative;
}

/*header surrounds logo, and Nav Bar*/

#header {
background-position: right bottom;
background-image: url(graphics/backgrounds/banner_1.jpg);
background-repeat: no-repeat;
padding-bottom: 0px;
width: 1000px;
height: 230px;
margin-left: auto;
margin-right: auto;
}

/*navigation links*/

#navigation {
position: relative;
top: 180px;
font-weight: bold;
width: 550px;
text-align: center;
float: right;
right: 14px;
font-size: 14px;
font-variant: small-caps;
}

#navigation ul {
list-style: none;
margin: 0;
padding: 0;
padding-top: 4px;
padding-bottom: 4px;
}

#navigation li {
display: inline;
}

#navigation a:link, #navigation a:visited {
padding: 2px 10px 2px 10px;
color: #fafafa;
text-decoration: none;
border-top: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
border-bottom: 1px solid #717171;
border-right: 1px solid #717171;
}

#navigation a:hover {
border-top: 1px solid #717171;
border-left: 1px solid #717171;
border-bottom: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
color: #ffcc33;
}

/*contentwrapper - surrounds the #maincontent, left and right divs for positioning*/

#contentwrapper {
margin-left: auto;
margin-right: auto;
position: inherit;
width: 950px;
border-top: 2px gray solid;
border-bottom: 2px gray solid;
}

/*maincontent - This div contains the two-column and footer content*/

#maincontent {
display: inline;
/* fixes a strange ie margin bug */
padding: 10px;
width: 900px;
z-index: 1;
margin-left: auto;
margin-right: auto;
}

/* start about page styles */

#aboutcontent {
text-align: justify;
width: 900px;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 2%;
padding-right: 2%;
margin-left: auto;
margin-right: auto;
}

#aboutcontent p {
text-indent: 2em;
line-height: 1.25em;
}

#aboutcontent img {
float: left;
margin-right: 20px;
margin-bottom: 8px;
margin-left: -1%;
}

/* end about page styles */

/* start best of page styles */

#bestcontent {
margin: 15px 10px 40px 10px;
padding: 0;
width: 900px;
}

#leftimg {
float: left;
width: auto;
margin-top: 40px;
}

#ctrimg {
margin-left: 10px;
margin-right: 10px;
}

#rghtimg {
float: right;
width: auto;
margin-top: 40px;
}

/* end best of page styles */

/*start gallery styles*/

/* hide from ie5 mac

html {
height: 100%;
overflow: hidden;
}

end hide */

#flashcontent {
position: absolute;
left: auto;
right: auto;
width: 700px;
height: 700px;
display: inline;
}

/*end gallery styles*/

/* start trips of page styles */

#tripcontent {
margin: 15px 10px 40px 10px;
padding: 0;
width: 950px;
}

#tripcopy {
text-align: justify;
padding-top: 260px;
padding-left: 2%;
padding-right: 2%;
margin-right: 5px;
margin-left: 5px;
}

#tripleftimg {
float: left;
margin-top: 20px;
}

#triprghtimg {
float: right;
margin-top: 20px;
}

/* end trips of page styles */

/* start links page styles */

#linkcontent {
text-align: justify;
width: 900px;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 2%;
padding-right: 2%;
margin-left: auto;
margin-right: auto;
font-size: .8em;
font-family: Verdana, Helvetica, Arial, sans-serif, Trebuchet;
color: #204063;
}

#linkcontent p {
text-indent: 2em;
line-height: 1.25em;
}

#linkstbl td {
text-align: center;
padding: 1em;
}

#linkstbl p {
text-align: justify;
padding: 1em;
font-size: 1em;
font-family: Verdana, Helvetica, Arial, sans-serif, Trebuchet;
color: #204063;
line-height: 1.25em;
}

/* end links page styles */

#left {
float: left;
margin-left: 10px;
width: 510px;
height: 450px;
text-align: left;
padding-left: 1em;
padding-top: 1em;
color: #00ffff;
font-family: Verdana, Helvetica, Arial, sans-serif, Trebuchet;
font-size: 1.5em;
font-style: oblique;
}

#left p:first-letter {
font-size: 2em;
padding: 0.02em;
}

#right {
float: right;
margin-right: 30px;
border: 2px #ffcc00;
padding-top: 15px;
padding-bottom: 15px;
}

#homeimg {
margin-left: auto;
margin-right: auto;
clear: both;
}

#howto {
margin-top: 40px;
color: #ffcd6c;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .8em;
font-style: italic;
}

#clear {
clear: both;
}

#clickable {
font-size: 0.8em;
color: #FFA500;
font-style: italic;
}

#footer {
padding: 10px 0px 10px 20px;
font-size: 70%;
font-style: italic;
text-align: left;
color: orange;
margin-left: 50px;
}