* {
        margin: 0;
        padding: 0;
        border: none;
}

body {
        background-image: url(images/background.gif);
        background-repeat: repeat;
        font-family: 'Trebuchet MS', Verdana, sans-serif;
}

#main {
        margin-left: auto;
        margin-right: auto;
        position: relative;
        width: 800px;
}

#header {
        position: relative;
        width: 800px;
        height: 221px;
        color: #fff;
        background: #135895;
        font-family: Arial, Verdana, sans-serif;
}

#header h1 {
        position: relative;
        top: 5px;
        left: 15px;
        font-size: 17pt;
        font-weight: bold;
        line-height: 1.5;
}

#tag {
        position: absolute;
        top: 180px;
        right: 0;
        height: 30px;
        width: 629px;
        text-align: center;
}

#tag span {
        position: relative;
        top: 7px;
        font-size: 9pt;
        font-style: italic;
}

#headerimage {
        position: absolute;
        top: 0px;
        right: 0px;
}

#nav {
        position: relative;
        width: 800px;
        height: 38px;
        background: #0065bc;
}

#nav a {
        display: block;
}

#homelink {
        position: absolute;
        top: 0;
        left: 0;
        height: 34px;
        width: 151px;
        color: #96c6f0;
        background: #0677c9;
        font-family: Arial, Verdana, sans-serif;
        font-size: 18pt;
        font-weight: bold;
        text-decoration: none;
        padding: 4px 0 0 20px;
}

#nav1 a {
        color: #96c6f0;
}

#nav2 {
        color: #fff;
        font-size: 9pt;
        font-weight: bold;
}

#nav2 a:link {
        color: #fff;
}

#nav2 a:visited {
        color: #fff;
}

#nav2 a:hover {
        background: #0677c9;
}

#nav2 a:active {
        background: #0677c9;
}

#projectlink {
        position: absolute;
        top: 0;
        left: 171px;
        height: 34px;
        width: 84px;
        text-decoration: none;
        text-align: center;
        padding-top: 4px;
}

#activitieslink {
        position: absolute;
        top: 0;
        left: 255px;
        height: 34px;
        width: 135px;
        text-decoration: none;
        text-align: center;
        padding-top: 4px;
}

#faqlink {
        position: absolute;
        top: 0;
        left: 390px;
        height: 34px;
        width: 60px;
        text-decoration: none;
        text-align: center;
        padding-top: 4px;
}

#safetylink {
        position: absolute;
        top: 0;
        left: 450px;
        height: 34px;
        width: 110px;
        text-decoration: none;
        text-align: center;
        padding-top: 4px;
}

#presslink {
        position: absolute;
        top: 0;
        left: 560px;
        height: 34px;
        width: 100px;
        text-decoration: none;
        text-align: center;
        padding-top: 4px;
}

#teamlink {
        position: absolute;
        top: 0;
        left: 660px;
        height: 34px;
        width: 70px;
        text-decoration: none;
        text-align: center;
        padding-top: 4px;
}

#contactlink {
        position: absolute;
        top: 0;
        left: 730px;
        height: 34px;
        width: 70px;
        text-decoration: none;
        text-align: center;
        padding-top: 4px;
}

#middle {
        position: relative;
        background: #fff;
        width: 800px;
}

#topgap {
        position: relative;
        height: 1px;
        width: 800px;
        font-size: 0pt;
}

#bottomgap {
        position: absolute;
        bottom: 0;
        height: 1px;
        width: 800px;
        background: #fff;
        font-size: 0pt;
}

#topleft {
        position: absolute;
        height: 178px;
        width: 171px;
        color: #2d88cb;
}

#topleft h1 {
        position: absolute;
        top: 20px;
        left: 8px;
        font-size: 10pt;
}

#logo1 {
        position: absolute;
        top: 40px;
        left: 8px;
}

#university {
        position: absolute;
        top: 40px;
        left: 60px;
}

#noaa {
        position: absolute;
        top: 82px;
        left: 8px;
}

#environet {
        position: absolute;
        top: 85px;
        left: 57px;
}

#ctc {
        position: absolute;
        top: 122px;
        left: 8px;
}

#blueline {
        position: absolute;
        bottom: 0;
        left: 8px;
        height: 1px;
        width: 155px;
        background: #1e7abc;
        font-size: 0pt;
}

#bottomleft {
        position: absolute;
        top: 178px;
        left: 0;
        min-height: 400px;
        height: auto !important;
        height: 400px;
        width: 171px;
        color: #2d88cb;
}

#bottomleft h1 {
        position: absolute;
        top: 10px;
        left: 86px;
        font-size: 10pt;
}

#bottomleft p {
        position: relative;
        top: 12px;
        left: 8px;
        color: #000;
        font-size: 8pt;
        font-weight: bold;
        padding: 7px 8px 5px 0;
}

#bottomleft a {
        text-decoration: none;
}

#bottomleft a:link {
        color: #2283ba;
}

#bottomleft a:visited {
        color: #135895;
}

#bottomleft a:hover {
        color: #93c3e7;
}

#bottomleft a:active {
        color: #93c3e7;
}

#news {
        position: relative;
        top: 10px;
        left: 8px;
}

#content {
        position: relative;
        top: 0px;
        left: 171px;
        min-height: 533px;
        height: auto !important;
        height: 533px;
        border-left: 1px solid #0065bc;
        width: 588px;
        padding: 30px 20px 15px 20px;
}

#content h1 {
        font-size: 16pt;
        font-weight: bold;
        color: #2d88cb;
        padding-bottom: 14px;
}

#content h2, #content h2 a {
        font-size: 13pt;
        font-weight: bold;
        color: #0677c9;
}

#content h3, #content h3 a {
        font-size: 12pt;
        font-weight: normal;
        color: #5080b0;
}

#content h2 a:link, #content h2 a:visited, #content h2 a:hover, #content h2 a:active {
        color: #0677c9;
}

#content h3 a:link, #content h3 a:visited, #content h3 a:hover, #content h3 a:active {
        color: #5080b0;
}

#content p,td {
        font-size: 9pt;
        padding-bottom: 14px;
}

#content a {
        text-decoration: none;
        color: #2283ba;
        font-size: 9pt;
}

#content a:link {
        color: #2283ba;
}

#content a:visited {
        color: #135895;
}

#content a:hover {
        color: #93c3e7;
}

#content a:active {
        color: #93c3e7;
}

#bottom {
        font-family: Arial, Verdana, sans-serif;
        margin: 8px 0;
        color: #fff;
        font-size: 8pt;
}

#bottom a {
        text-decoration: none;
}

#bottom a:link {
        color: #fff;
}

#bottom a:visited {
        color: #fff;
}

#bottom a:hover {
        color: #93c3e7;
}

#bottom a:active {
        color: #93c3e7;
}

.page {
        background: #0677c9;
}