@charset "utf-8";
body {
background:url(../images/header-bg.jpg);
background-position:top center;
background-repeat:no-repeat;
color:#878787;
font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
margin:0;
font-size: 12px;
}

a:link,a:visited, .required {
color:#B44238;
text-decoration:none
}

a[rel="external"] {  /*add external site icon to pages linking outside theblueocean.com */
background:url(http://www.theblueocean.com/images/external.png) 99% 40% no-repeat; 
padding-right: 15px
}

.person { 
background:url(http://www.theblueocean.com/images/arrows.png) right 4px no-repeat; 
padding-right: 15px
}
.active {
	background-position: right -12px;
}

hr {
background:#ddd;
color:#ddd
}

.right {
text-align:right
}

.branding {
height:180px;
position:relative
}

.branding h1 {
text-indent:-9999px
}

.printimg { /* the branding logo to be used in printed page */
display:none
}

.topnav {
font-size:0;
height:25px;
margin:0 0 85px
}

.topnav li {
border-right:thin;
border-right-color:#fff;
border-right-style:solid;
color:#fff;
display:inline;
font-size:14px;
letter-spacing:-1px;
line-height:1;
padding:0 10px;
text-transform:uppercase
}

.topnav li.lastitem {
border-right:none;
padding-right:0
}

.topnav a:link,.topnav a:visited {
color:#fff;
text-decoration:none
}

.topnav a:hover,.topnav a:active {
color:#ccc
}

.thumb img {
border:5px #eee solid
}

/* .content {
padding:0 0 40px
}
*/

#thumbs,#info {
border-top:#eee solid 1px;
margin:15px 0 0;
padding:30px 0
}

.footerstyle {
color:#FFF;
padding:70px 0 0
}

.footerstyle a:hover {
color:#fff
}

.footerstyle img {
margin:0 1.5em 1.5em 0
}

strong,em,b,i {
font-family:"Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif
}

h1,h2,h3,h4,h5, .address {
color:#B44238;
font-family:"Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase
}

h4 {       /* controls sIFR heading offset as well */
font-size:14px;
padding-bottom:0;
margin-bottom:5px
}

h6 {       /* controls sIFR heading offset as well */
font-size:12px;
color:#6A787E;
padding-bottom:0;
margin-bottom:5px
}

.sidebar h6 {
margin-bottom:10px;
border-bottom: 1px solid #eee;
}

#copy h6 {
padding-bottom:20px
}

/* a detail heading, add padding and underline  */ 

.detail  {
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #eee;
}


html,body,#wrap {
height:100%
}

body > #wrap {
height:auto;
min-height:100%
}

#main {
padding-bottom:150px
}

#footer {
background-image:url(../images/footer-bg.jpg);
background-position:bottom center;
background-repeat:no-repeat;
clear:both;
font-size:10px;
height:150px;
margin-top:-150px;
position:relative
}

.clearfix:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden
}

.clearfix {
display:block
}

* html .clearfix {
height:1%
}

#logo {
background:url(../images/theblueocean-logo.png) no-repeat 0 0;
display:block;
height:67px;
left:0;
outline:none;
position:absolute;
top:135px;
width:306px
}

#learnmore {
background:url(../images/learnmorebutton.png) no-repeat 0 0;
display:block;
height:39px;
margin:40px 0 25px;
outline:none;
width:134px
}

.more {
background:url(../images/morebutton.png) no-repeat 0 0;
display:block;
height:22px;
margin:20px 0 0;
outline:none;
width:22px
}

.editentry {
background:url(../images/icon.png) no-repeat 0 0;
display:block;
height:16px;
margin:0;
outline:none;
width:16px
}

.thumbsummary {
height: 95px;
overflow:hidden
}

#eelogo {
background:url(../images/eelogo.png) no-repeat 0 0;
display:block;
height:27px;
margin:0;
outline:none;
width:39px
}

#mtlogo {
background:url(../images/mtlogo.png) no-repeat 0 0;
display:block;
height:27px;
margin:0;
outline:none;
width:68px
}

#contactinfo { /* contact info and image that accompanies contact info in footer */
height:60px;
background:url(http://www.theblueocean.com/images/tbo-icon-white.png) no-repeat 0 3px;
margin:0;
padding-left:50px;
outline:none;
width:100%
}
.journalimg {
/* padding-top:20px */
}

a:hover,a:active,.footerstyle a:link {
color:#C1ACB5
}


#newsheader {
background:url(http://www.theblueocean.com/images/tbo-news.jpg) no-repeat 0 0;
display:block;
height:77px;
width:270px;
outline:none;
text-indent:-9999px;
border: none
}

#journalheader {
background:url(http://www.theblueocean.com/images/trueblue.jpg) no-repeat 0 0;
display:block;
height:77px;
width:310px;
outline:none;
text-indent:-9999px;
border: none
}


#logo span,#learnmore span,.more span,#eelogo span,#mtlogo span, .editentry span {
display:none
}

#learnmore:hover {
background-position: 0 -40px
}

.more:hover {
background-position:0 -22px
}

#eelogo:hover,#mtlogo:hover {
background-position:0 -27px
}


/* Machform Modification */
#form_container h1, #form_container p {
display:none
}

#form_container p#error_message_desc, #form_container p.error {
display:block;
}

.form ul li {
  list-style-type: none
}

.form_success { 
text-align: center
} 

option {
height:24px;
width: 100% 
}

#saveForm {
background:url(../images/sendbutton.png) no-repeat 0 0;
display:block;
height:39px;
margin:20px 0 0;
outline:none;
width:100px;
text-indent:-9999px;
border: none;
/* the following three lines remove the button text in IE */
font-size: 0px;
display:block;
line-height: 0px;
}

#saveForm:hover {
background-position:0 -40px;
}

.description {
display:inline-block
}
/* Slideshow */

/* #slideshow{
  min-height:411px;
  height:auto !important; 
  height:411px;
  width:635px;
} */

.pics{
padding:0;
margin:0 0 20px 0;
  height:411px;
  width:635px;
overflow:hidden;
}

.pics img {
    width:625px;
    height:391px;
    padding: 5px;  
    background-color: #eee;  
    top:  0; 
    left: 0 
}