body {
    background-color: white;
    margin: 0;
    padding: 0;
}

#top {
    background-color: black;
    height: 350px;
}

#top_content {
    background: url(../images/main_bkg.jpg) no-repeat;
    width: 750px;
    height: 350px;
}

#slideContainer {
    padding-top: 10px;
    width: 550px;
}

#slideHandle {
    background: url(../images/overbar.jpg) no-repeat bottom left;
    width: 188px;
    height: 2px;
}

#nav_text {
    font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
    font-size: 10pt;
    color: #CE9A00;
    padding: 5px 0 0 0;
    text-align: center;
    width: 95px;
    height: 28px;
    float: right;
    background: url(../images/nav_arrow.jpg) no-repeat bottom center;
}
#nav_text a {
    font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
    font-size: 10pt;
    color: #CE9A00;
    text-decoration: none;
}
#nav_text a:hover {
    font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
    font-size: 10pt;
    color: white;
    text-decoration: none;
}
#nav_text a.selected {
    font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
    font-size: 10pt;
    color: white;
    text-decoration: none;
}

#logo_catch {
    background: url(../images/catch_logo.jpg) no-repeat bottom right;   
    padding: 65px 0 0 260px;
    width: 440px;
    height: 177px;
}

#overlay_container {
   background: url(../images/overlay_background.jpg) repeat-x top;
}

#cord_container {
    position: relative;
    display: block;
    height: 239px;
    width: 750px;
}

img.cord {
    position: absolute;
    bottom: 44px;
    left: 10px;
    width: 729px;
    height: 239px;
    z-index: 9998;
}

img.moreLinkOne {
    position: absolute;
    bottom: 125px;
    left: 14px;
    width: 75px;
    height: 24px;
    z-index: 9999;
}

img.moreLinkTwo {
    position: absolute;
    bottom: 125px;
    left: 262px;
    width: 75px;
    height: 24px;
    z-index: 9999;
}

img.moreLinkThree {
    position: absolute;
    bottom: 125px;
    left: 506px;
    width: 75px;
    height: 24px;
    z-index: 9999;
}

#hotspots_content {
    background: url(../images/hotspot_bkg.jpg) no-repeat;
    width: 750px;
    height: 130px;
}

#hotspot {
    width: 230px;
    padding: 7px 4px 10px 14px;
    float: left;
}

.hotspotTitle {
    font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
    font-size: 12.5pt;
    color: white;
    text-align: left;
    padding-bottom: 3px;
}

.hotspotContent {
    font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
    font-size: 8pt;
    color: #888783;
    text-align: left;
    padding-bottom: 5px;
}

.hotspotMore {
    width: 75px;
    height: 24px;
    float: left;
}

.hotspotMore a {
    width: 75px;
    height: 24px;
}

#footer {
    width: 750px;
    padding: 5px 0 20px 14px;
    font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
    font-size: 8pt;
    color: #888783;
    text-align: left;
}

#footer a {
    font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
    font-size: 8pt;
    color: #888783;
    text-decoration: none;
}

#footer a:hover {
    font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
    font-size: 8pt;
    color: #888783;
    text-decoration: underline;
}