/* CSS Document */

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
background: #FFFFFF;
margin: 0;
font-family: 'Trebuchet', Helvetica, Ariel, sans-serif;
font-size: 13px;
color: #325C82;
line-height: 20px;
text-align:justify;
}

h1 {
font-size: 20px;
letter-spacing: 2px;
margin: 0;
padding: 0;
padding-bottom: 10px;
}

#container {
margin: auto;
width: 700px;
background-color: transparant;
position: relative;
}

#main_header {
background-image: url(../Images/header_oceanicart.jpg);
background-repeat: no-repeat;
background-position:center;
width: 700px;
height: 100px;
}

#nav {
width: 700px;
height: 20px;
background: #C8E8F9;
text-align: center;
border-bottom: 1px solid #325C82;
border-top: 1px solid #325C82;
}

#nav p.p1 {
font-weight:bold;
margin: 0;
}

#nav p.p1 a:link, a:visited, a:active {
text-decoration:none;
color: #325C82;
}

#nav p.p1 a:hover {
text-decoration:underline;
}

#content {
background-color: #E6F2FC;
right: 0;
top: 0;
}


.left {
background-color: transparant;
padding-left: 10px;
padding-right: 20px;
padding-top: 20px;
}

.left img{
float: right;
padding: 0px 0px 0px 0px;
margin: 10px;
}

.left p a:link, a:active, a:visited {
color: #325C82;
text-decoration:none;
font-weight: bold;
}

.left p a:hover {
text-decoration: underline;
}

#images {
height: 220px;
border-top: 1px solid #325C82;
border-bottom: 1px solid #325C82;
background-color: transparant;
padding-left: 10px;
padding-right: 20px;
padding-top: 20px;
}