body {background-color: #f0f8ff;}
p {	font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-size: 12px;}
h1 {font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-size: 24px; font-weight: bold;}
h2 {font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-size: 18px; font-weight: bold;}
h3 {font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-size: 14px; font-weight: bold;}
h4 {font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-size: 12px; font-weight: bold;}
h5 {margin: 1em; font-family: Arial, Helvetica, sans-serif; color: #ffff00; font-size: 16px; font-weight: bold;}

a:link {color: #ffff00; text-decoration: none;}
a:visited {color: #ffff00; text-decoration: none;}
a:hover {color: #00735a; text-decoration: none;}

a:link IMG {border: 2px solid #111111; text-decoration: none;}
a:visited IMG {border: 2px solid #111111;  text-decoration: none;}
a:hover IMG {border: 2px solid #ffffff; text-decoration: underline;}

.vidlist a:link {color: #ffffff; text-decoration: none;}
.vidlist a:visited {color: #ffffff; text-decoration: none;}
.vidlist a:hover {color: #ffff00; text-decoration: underline;}

.return a:link {color: #ffff00; text-decoration: none;}
.return a:visited {color: #ffff00; text-decoration: none;}
.return a:hover {color: #ffffff; text-decoration: underline;}

.rightLinks a:link {color: #ffff00; text-decoration: none;}
.rightLinks a:visited {color: #ffff00; text-decoration: none;}
.rightLinks a:hover {color: #ffffff; text-decoration: underline;}

.imgLink {border: 4px solid #111111; width: 200px; height: 113px; margin-bottom: 1em; }
.imgLink-right {width: 120px; height: 68px; margin-bottom: 5px; }
.vidLink {border: 4px solid #111111; width: 160px; height: 90px; margin-bottom: .5em; }

.imgMarine {margin: 10px; border: 0px solid #000000;}
.imgSurf {margin:5px}
.imgGallery {margin: 10px;}
.imgDisplay {border: 1px solid #000000; }
hr {margin-top: 1em; margin-bottom: 1em; text-align: center;}
.page {background-color: #333333; width: 1000px; margin-left: auto; margin-right: auto; padding-top: 5px;}
.main {margin: 3%; }
.main p {padding-left: 1em; padding-right: 1em; line-height: 140%;}
.zoom {margin: 3%;}
.content {float: left; width: 720px; background-color: #333333; padding: 1em;}
.content p {text-align: justify;}
.content2 {width: 640px; padding: 1em; margin-left:auto; margin-right: auto;}
.content2 p {text-align: justify;}
.content2 li {font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-size: 12px; margin-left: 10px; margin-right: 10px; margin-bottom: 5px; margin-right: 10px;}

#title {font-family: Arial, Helvetica, sans-serif; text-align: center; font-weight: bold; color: #ffffff; font-size: 12px; }
.right-side {float: right; width: 150px; background-color: #444444; text-align: center; margin-bottom: 2em;}
.right-sideLink {float: right; width: 140px; background-color: #444444; text-align: left; margin-bottom: 2em; color: #ffff00; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 1.5em; }

.right-img {text-align: center; font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-size: 12px; font-weight: bold; width: 120px;  margin-top: 10px; margin-bottom: 5px; margin-right: 10px;}

.right-img-s {text-align: center; font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-size: 12px; font-weight: bold; width: 200px; height: 120px; margin-top: 10px; margin-bottom: 5px; margin-right: 10px;}

.videopanel {float: left; margin-bottom: 20px; color: #ffffff; background-color: #333333; padding-left: 10px; padding-right: 10px;}
.vidpreview {float: left; text-align: center; font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-size: 12px; font-weight: bold; width: 240px; height: 160px; margin: 10px;}
.guidepanel {float: right; width: 70%; margin-bottom: 20px; color: #ffffff; background-color: #333333; padding-left: 10px; padding-right: 10px;}

.vidlist {float: left; text-align: left; line-height: 150%; font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-size: 12px; font-weight: bold; width: 20%; height: 100%; margin: 5px; padding: 10px; background-color: #333333;}
.vidguide {float: left; text-align: left; font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-size: 12px; font-weight: bold; width: 190px; height: 120px; margin: 10px; background-color: #333333;}
.viditem {float: left; text-align: center; font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-size: 12px; font-weight: bold; width: 100px; height: 80px; margin: 10px;}

.videogallery {margin-top: 20px; margin-bottom: 20px; width: 500px; color: #ffffff; background-color: #333333;}
.vidthumb { text-align: center; font-size: 70%; width: 500px; height: 300px; margin-bottom: 10px;}
#vidtitle {font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-size: 16px; font-weight: bold; margin-top: 1em; margin-bottom: 2em;}
#view {font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-size: 10px; font-weight: bold; margin-top: 1em; margin-bottom: 8em;}
.bottompanel { margin-bottom: 20px; width: 600px; color: #ffff00; background-color: #333333;}
.preview {float: left; text-align: center; font-size: 70%;  font-weight: bold; margin: 10px;}
.header {background-color: #ffffff; width: 940px; height: 140px; margin-top: 10px; }
.spacer {background-color: #ffffff; width: 940px; height: 10px; }
#headerText {font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-size: 60px; font-weight: bold; text-align: left; padding-left: 1em;}

.nav {text-align: center; width: 940px; height: 22px; background-color: #999999;}
.nav2 {text-align: center; width: 940px; height: 22px; background-color: #009933; border-top: 1px solid #006633;}
.nav-links {font-family: Arial, Helvetica, sans-serif; color: #ffff00; font-size: 18px; font-weight: bold; font-variant: small-caps; padding: 0.4em;}

.navBak {background-color: #bbbbbb;}
.nav-footer {text-align: center; width: 940px; height: 20px; background-color: #999999; margin-top: 2em;}
.nav-links-footer {font-family: Arial, Helvetica, sans-serif; color: #7a9c12; font-size: 12px; font-weight: bold; font-variant: small-caps; padding-left: 0.8em; padding-right: 0.8em;}

.navBak {background-color: #bbbbbb;}
.navindex {text-align: center; width: 800px; height: 18px; } 
.navindex-links {font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-size: 14px; font-weight: bold; font-variant: small-caps; padding: 3em;}
.navindex a:link {color: #ffffff; text-decoration: none;}
.navindex a:visited {color: #ffffff; text-decoration: none;}
.navindex a:hover {color: #ffff00; text-decoration: underline;}

.contact {width: 70%}
.contactLeft {float: left; font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-size: 12px; width: 30%; text-align: center; margin-left: 15%}
.contactRight {float: left; font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-size: 12px;width: 30%; text-align: center;}

.displayLeft {float: left; margin-left: .5em; background-color: #333333;}
.displayRight {float: left; margin-left: .5em; background-color: #333333;}

.displayLeft2 {float: left; padding: 5px; height: 100%; margin-left: .5em; margin-right: .5em;}
.displayRight2 {float: right; width: 440px; text-align: center; }
.displayRight2 img {margin: 5px;}
.displayRightLogo {float: right; margin-right: 3.5em; background-color: #333333;}
.displayRightLogo img {border: 0px solid #000000;}
.displaySpecial {float: right; width: 300px; text-align: center; }
.notice {color: #009999; background-color: #00ccff; padding: 30px; width: 600px; border: 4px solid #ffff00;}
.boardPrice {float: left; margin-left: 25%; font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-size: 14px; font-weight: bold; line-height: 1.5em;}


ul {list-style-type: square; color: #ffffff; }
li {font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-size: 12px;  line-height: 1.5em;}

#price {font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-size: 12px;  line-height: 1.5em; margin-bottom: 1.5em;}

.return {text-align: center; font-family: Arial, Helvetica, sans-serif; color: #ffff00; font-size: 14px; font-weight: bold; }
.footer {background-color: #999999; width: 940px; height: 5px; clear: both; margin-top: 1em;}
#footerText {font-size: 12px; font-weight: bold; color: #ffffff; text-align: left; margin-left: 1em; margin-bottom: 4em; padding: 7px; }

.photoBox {width: 600px; text-align: center; margin: 2em;}
.infoBox {margin-top: 3%; margin-left: 6em; height: 200px; }
#yellow {color: #ffff00;}
#green {color: #00cc33;}
#blue {color: #0000ff;}
#red {color: #cc3333;}
#black {color: #000000;}
#ppgreen {color: #7a9c12;}
#pplogo {color: #7a9c12; font-weight: bold; font-style: italic;}
#black {color: #000000;}
#gray {color: #777777;}
#small {font-size: 80%; }
#user {font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-size: 11px; font-weight: normal;}
#left {text-align: left;}
.clear {clear: both;}


/*#00735a navgreen*/
/*#7a9c12 paulowniagreen*/