@charset "UTF-8";
/* CSS Document */

body{
margin: 0px;
padding: 0px;
background-color: #fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
background-image: url(images/bodybackground.jpg);
background-repeat: repeat-x;}

h1{
    font-size:1.17em;
}


.mainHeading{
   margin:0 0 10px;
}

#sub-banner{
margin: 0px auto;
padding: 0px;
width: 960px;
}

#sub-banner-left{
margin: 0px;
padding: 0px;
}

#sub-banner-right{
margin: 0px;
padding: 0px;
}

#sub-banner #sub-banner-left a img{
border: 0px;} /* Need this, or else IE pops a border on the logo link & breaks up continuity of the header graphics */

#outer-border{
margin: 0px auto;
width: 964px;
background-image: url(images/border.jpg);
background-repeat: repeat-x;
}

#main-container{
margin: 0px auto;
width: 960px;
background-color: #fff;
background-repeat: no-repeat;
background-image:url(images/index_01.jpg);
    position: relative;
}

#sub-container{
margin: 0px auto;
width: 960px;
background-color: #fff;
background-repeat: no-repeat;
background-image:url(images/sub_05.jpg);}

#home-link{
float: left; 
display: block; 
width: 240px; 
height: 100px; 
margin: 0px; 
padding: 0px;}

#home-link a{
display: block;
height: 100px;
width: 240px;
text-decoration: none;
color: #fff;}


/* NAVIGATION - LANDING PAGE*/

#main-nav{
margin: 0px;
padding: 432px 0px 50px 0px;
height: 42px;
width: 960px;
clear: both;}

#main-nav ul{
display: block;
width: 960px;
margin: 0px;
padding: 0px 100px;
list-style: none;
font-weight: bold;
font-size: 1em;}

#main-nav li{
margin: 0px;
display: block;
float: left;
height: 42px;
width: 125px;
text-align: center;}

#main-nav li a{
display: block;
height: 42px;
text-decoration: none;
color: #017db1;}

#main-nav li a:hover{
color: #114b7d;
border-bottom: #114b7d solid 4px;}



/* NAVIGATION - CONTENT PAGES */

#sub-nav{
margin: 0px;
padding: 69px 0px 30px 0px;
height: 42px;
width: 960px;
clear: both;}

#sub-nav ul{
display: block;
width: 960px;
margin: 0px;
padding: 0px 100px;
list-style: none;
font-weight: bold;
font-size: 1em;}

#sub-nav li{
margin: 0px;
display: block;
float: left;
height: 42px;
width: 125px;
text-align: center;}

#sub-nav li.active{
color: #f00;}

#sub-nav li a{
display: block;
height: 42px;
text-decoration: none;
color: #017db1;}

#sub-nav li a:hover{
color: #114b7d;
border-bottom: #114b7d solid 4px;}


/* SUB-NAVIGATION - CONTENT PAGES */

#sub-sidebar ul{
display: block;
width: 200px;
margin: 0px 20px;
padding: 0px;
list-style: none;
font-weight: bold;
font-size: .9em;}

#sub-sidebar li{
margin: 20px 0px;
padding: 0px;
display: block;
width: 200px;
text-align: left;}

#sub-sidebar li.active{
color: #f00;}

#sub-sidebar a{
display: block;
width: 200px;
text-decoration: none;
color: #017db1;}

#sub-sidebar a{
color: #114b7d;}


/* DOCUMENT AND SITE LINKS */

#sub-content ul.links{
display: block;
margin: 0px 20px;
padding: 0px;
list-style: none;
font-size: .9em;
line-height: 1.7em;
color: #000;}

#sub-content ul.links li{
margin: 0px;
padding: 0px;
display: block;
text-align: left;}

#sub-content ul.links li a{
display: block;
text-decoration: none;
color: #017db1;}

#sub-content ul.links li a:hover{
color: #f00;}



/* VIDEO LINKS */

#sub-content ul.video_links{
display: block;
margin: 0px 20px;
padding: 0px;
list-style: none;
font-size: .9em;
line-height: 1.7em;
color: #000;}

#sub-content ul.video_links li{
margin: 0px;
padding: 0px;
display: block;
width: 360px;
text-align: left;
border-bottom: 1px #b0ccee solid;}

#sub-content ul.video_links li.top{
border-top: 1px #b0ccee solid;}

#sub-content ul.video_links li a{
display: block;
text-decoration: none;
color: #017db1;
padding: 5px;}

#sub-content ul.video_links li a:hover{
color: #fff;
background-color: #91aecf;}

/*#sub-content ul.links li a:visited{
color: #555;}*/



/* VIDEOS */
.video_block{
background: #e1e8f0;
margin: 0px 20px 20px 20px;
padding: 20px;
overflow: hidden; /* Forces container to expand to floats */
width: 610px;  /* Forces container to expand to floats */
}

.video_thumbnail{
margin: 0px;
padding: 0px;
float: left;
width: 200px;}

.video_text{
margin: 0px 0px 0px 20px;
padding: 0px;
float: left;
width: 380px;}

.video_aquatrack {
margin: 0px; 
padding: 0px;
width: 200px;
}


/* CONTENT */

#main-content{
margin: 0px auto;
width: 760px;
color: #114b7d;}

#main-content p{
margin: 0px 0px 20px 0px;
font-size: 1em;
line-height: 1.8em;}

#main-content p.info{
color: #fff;
font-size: .7em;
line-height: normal;}

.feature_image{
text-align: center;}

#sub-body{
margin: 0px auto;
padding: 0px;
width: 960px;
height: 800px;
background: #fff;}

#sub-sidebar{
margin: 0px;
padding: 0px;
width: 260px;
float: left;}

#sub-content{
margin: 0px 0px;
padding: 0px;
width: 700px;
float: left;
color: #114b7d;}

#sub-content p.info{
color: #fff;
font-size: .7em;
line-height: normal;}

#sub-content p.infohead{
font-weight: bold;
text-align: center;
}

#sub-content p.infobox{
border: #114b7d 1px solid;
margin: 20px auto;
padding: 20px;
width: 50%;
font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
}

#sub-content p, h1, h2, h3, h4, h5, h6{
margin: 20px 50px 10px 20px;}

#sub-content h1, h2, h3, h4, h5, h6{
text-align: left;
color: #002949;}

/*#sub-content h1{*/
/*font-size: 1.8em;}*/

#sub-content p{
font-size: .9em;
line-height: 1.5em;}

#sub-content ul.body-list{
font-size: .9em;
}


/* IMAGES */

#sub-content .topright-image{
float: right;}

#sub-content .topleft-image{
float: left;
margin: 30px 20px 2px 20px;}

.center-image{
text-align: center;}


/* MISC */

.endcap{
clear: both; 
height: 0px; 
margin: 0px;}

#language-select{
    border-color: #114b7d;
    padding: 4px 3px;
    margin-top: 10px;

}