/**
 *
 * Moc 10 Media
 * http://www.moc10media.com/
 *
 * Style Sheet Name: classes.css
 * Style Sheet Version: 1.0
 * Style Sheet Info: Class Definition Styles
 *
 * Light Blue = #00a3ff
 * Dark Blue = #001125
 * Orange = #e87300
 * Gray = #b4b2b2
 *
 */

/* Class Definitions */

.right {
    float: right;
}

.textRight {
    text-align: right;
}

.textTopRight {
    text-align: right;
    vertical-align: top;
}

.hide {
    display: none;
}

.homeNav {
    display: block;
    margin: 0;
    padding: 0;
    width: 260px;
    height: 70px;
}

.bookNav {
    display: block;
    margin: 0;
    padding: 0;
    width: 260px;
    height: 180px;
    background-image: url(/img/book.png);
    background-repeat: no-repeat;
}

.aboutNav {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 142px;
    height: 42px;
}

.aboutNav:hover {
    background-image: url(/img/nav.jpg);
    background-position: 0px -42px;
    background-repeat: no-repeat;
}

.photosNav {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 71px;
    height: 42px;
}

.photosNav:hover {
    background-image: url(/img/nav.jpg);
    background-position: -142px -42px;
    background-repeat: no-repeat;
}

.videosNav {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 66px;
    height: 42px;
}

.videosNav:hover {
    background-image: url(/img/nav.jpg);
    background-position: -213px -42px;
    background-repeat: no-repeat;
}

.reportsNav {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 131px;
    height: 42px;
}

.reportsNav:hover {
    background-image: url(/img/nav.jpg);
    background-position: -279px -42px;
    background-repeat: no-repeat;
}

.ratesNav {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 106px;
    height: 42px;
}

.ratesNav:hover {
    background-image: url(/img/nav.jpg);
    background-position: -410px -42px;
    background-repeat: no-repeat;
}

.contactNav {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 98px;
    height: 42px;
}

.contactNav:hover {
    background-image: url(/img/nav.jpg);
    background-position: -516px -42px;
    background-repeat: no-repeat;
}

.homeBarNav {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 56px;
    height: 42px;
}

.homeBarNav:hover {
    background-image: url(/img/nav.jpg);
    background-position: -614px -42px;
    background-repeat: no-repeat;
}

.liveDockCam {
    display: block;
    margin: 0;
    padding: 0;
    width: 255px;
    height: 170px;
    background-image: url(/img/live_dock_cam.png);
    background-repeat: no-repeat;
}

.featuredVideo {
    display: block;
    margin: 0;
    padding: 0;
    width: 255px;
    height: 170px;
    background-image: url(/img/featured_video.png);
    background-repeat: no-repeat;
}

.rssNav {
    float: right;
    display: block;
    margin: 0 0 0 10px;
    padding: 0;
    width: 20px;
    height: 19px;
    background-image: url(/img/rss_logo.gif);
    background-repeat: no-repeat;
}

.facebookNav {
    float: right;
    display: block;
    margin: 0 0 0 10px;
    padding: 0;
    width: 20px;
    height: 19px;
    background-image: url(/img/facebook_logo.gif);
    background-repeat: no-repeat;
}

.twitterNav {
    float: right;
    display: block;
    margin: 0 0 0 10px;
    padding: 0;
    width: 20px;
    height: 19px;
    background-image: url(/img/twitter_logo.gif);
    background-repeat: no-repeat;
}

.youtubeNav {
    float: right;
    display: block;
    margin: 0 0 0 10px;
    padding: 0;
    width: 41px;
    height: 19px;
    background-image: url(/img/youtube_logo.gif);
    background-repeat: no-repeat;
}

.captainsBlogHeader {
    display: block;
    margin: 0;
    padding: 0 0 4px 0;
    width: 245px;
    height: 20px;
    background-image: url(/img/captains_blog_header.gif);
    background-repeat: no-repeat;
    border-bottom: dotted 1px #b4b2b2;
}

.blogDiv {
    margin: 0;
    padding: 0 0 15px 0;
}

.subNavLink {
    width: 160px;
    margin: 0;
    padding: 5px;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    background-color: #aaa;
    border-left: solid 1px #888;
    border-bottom: solid 1px #888;
    border-right: solid 1px #888;
    display: block;
}

.subNavLink:hover {
    font-weight: bold;
    text-decoration: underline;
    color: #444;
    background-color: #ccc;
}

.feedDiv {
    width: 150px;
    min-height: 200px;
    margin: 5px;
    padding: 5px
    font-size: 0.825em;
    float: left;
}

.thumbPad {
    margin: 5px;
    padding: 2px;
    border: solid 1px #ccc;
}