/* table specs -------------------------------------------*/

.outside {
 width:810px;
 border-collapse: collapse; 
 border: 8px solid #002a4a;
 margin-right: auto;
 margin-left: auto;
}

.inside {
 width: 100%;
 border-collapse: collapse; 
 border: 5px solid white;
 margin: 0;
}


/* nav bar specs -------------------------------------------*/

.nav { 
 background-color: #ffffff; 
 vertical-align: top;
 border: 5px solid white;
 width: 175px;
 text-align: right;
}

.nav-bottom {
 height: 400px;
 background-color: #009999;
 background-image: url(../graphics/bg_bottom.gif);
 background-repeat: no-repeat;
 background-position: bottom center;
 }

.icon {
 background-image: url(../graphics/logo_main2.gif);
 background-repeat: no-repeat;
 background-position: top center;
 background-color: #009999; 
 text-align: center;
 height: 225px;
}

.icon a:link, 
.icon a:visited, 
.icon a:active {
 display: block;
 height: 225px;
 width: 175px;
 text-indent: -9999px;
 outline: none;
}

/* content specs -------------------------------------------*/

.content {
 width: 600px;
 background-color: #ffffff;
 vertical-align: top;
 text-align:left;
}

.maincontent {
 padding: 0 10px 5px 10px;
 vertical-align: top;
}

.maincontent a:link { 
 letter-spacing: 0;
 color: #336666; 
 text-decoration: none; 
}

.maincontent a:active, .maincontent a:visited {
 color: #009999;
 text-decoration: none; 
}

.maincontent a:hover {
 color: #009999; 
}

.teal {
 background-color: #009999;
}

/* bottom specs -------------------------------------------*/

.bottom {
 font-family: verdana, arial, helvetica, sans-serif; 
 font-size: 10px; 
 color:#787878;
 background-color: #ffffff;
 vertical-align: top;
}

.bottom a {
 color: #336666;
 text-decoration: none;
}

.bottom A:hover { color: #009999; }