/* CSS Document */

body {
background-color: #345A6A;
font-size: 11px;
font-family: Arial, Verdana, Helvetica, sans-serif;
color: #444;
margin: 30px 30px;
}

/* =Layout 
---------------------------------------------------------- */

#masthead {
background: url(/images/bkg_header.jpg) no-repeat left top;
height: 97px;
padding: 0;
width: 821px;
margin: 0;
position: relative;
}

#logo {
font-family: Geneva, Arial, Helvetica, sans-serif, "Gill Sans MT";
color: #fff;
font-size: 1em;
font-style:italic;
background: url(/images/logo_seaspar.gif) no-repeat left top;
padding-top: 55px; 
position:relative;
top: 17px;
left: 20px;
}


#navigation {
float: left;
margin: 0 13px 0 0;
padding: 0;
width: 802px;
height: 17px;
clear: both;
border-top: 1px solid #003366;
border-bottom: 1px solid #003366;
position: relative;
top: 0;
left: 9px;
background-color: #003366;
z-index: 20;
}

#secondaryNav {
position: absolute;
right: 25px;
top: 35px;
color: #fff;
font-weight:bold;
text-align: right;
line-height: 1;
}



#secondaryNav a, #secondaryNav a:visited {
padding: 0 1em;
text-decoration: none;
color: #fff;
}

#secondaryNav a:hover, #secondaryNav a:active, #secondaryNav a:visited:hover {
text-decoration: underline;
color: #000099;
}

.navRule {
border-bottom: 2px solid #fff;
padding-bottom: 5px;
}

#mainContent {
background: url(/images/bkg_col1cap.jpg) no-repeat left top;
float: left;
position: relative;
left: 9px;
width: 549px;
}

#homePic {
margin-bottom: -35px;
}

#secondaryContent {
background: url(/images/bkg_2colCap.jpg) no-repeat right top;
float: left;
width: 262px;
padding-top: 40px;
position: relative;
right: 0;
}

#search {
position: relative;
right: 0;
height: 35px;
line-height: 35px;
margin: 0 0 20px 0;
padding: 0 20px;
}

#searchfield {
position:relative;
top: -9px;
border: 1px solid #003366;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style: italic;
color: #666;
height: 1.5em;
padding: 2px;
}


#slideArea {
text-align: center;
margin: 20px auto;
width: 700px;
z-index: 10;
}

	
	
.content {
padding: 50px 10px 10px 10px;
}



#page2col {
width: 821px;
background: #fff url(/images/bkg_wrapper2col.jpg) repeat-y;
}

#page1col {

background:  url(/images/bkg_wrapper1col.jpg) repeat-y;
}


#colContent {
background: url(/images/bkg_1colCap.jpg) no-repeat left top;
position: relative;
left: 9px;
width: 802px;
padding-top: 50px;
clear:both;
}


.contentAreaInt {
width: 590px;
padding: 10px;
float: left;
}

.contentAreaIntFull {
width: 770px;
padding: 10px;
float: left;
}

.subContentInt {
width: 166px;
float: left;
margin-left: 10px;
}




#footer {
background: url(/images/bkg_footer.jpg) no-repeat left bottom;
width: 821px;
clear: both;
line-height: 35px;
padding: 0;
color: #fff;
font-size: 1em;
}


/* =BoxStyles
---------------------------------------------------------- */

.box {
width: 512px;
background: url(/images/border_tile.gif) repeat-y;

}

.boxTop {
background: url(/images/border_top.gif) no-repeat left top;
height: 13px;
}

.boxBottom {
background: url(/images/border_bottom.gif) no-repeat left bottom;
height: 16px;
}




.sidebox {
width: 233px;
background: url(/images/boxtile_side.gif) repeat-y;
margin-left: 15px;
margin-bottom: 10px;
}

.sideboxTop {
background: url(/images/boxtop_side.gif) no-repeat left top;
height: 17px;
}

.sideboxHead {
background: url(/images/boxtop_sideFeat.gif) no-repeat left top;
padding: 4px 8px;
}

.sideboxBottom {
background: url(/images/boxbottom_side.gif) no-repeat left bottom;
height: 17px;
}



.boxSubContent {
background: url(/images/text_boxBlue-tile.gif) repeat-y left top;

}

.boxSubContentTop {
background: url(/images/text_boxBlue-top.gif) no-repeat left top;
}

.boxSubContentBtm {
background: url(/images/text_boxBlue-btm.gif) no-repeat left bottom;
height: 16px;
}



.columnIn {
padding: 4px 18px 12px 18px;

}
/* -IMage styles Bios 
----------------------------------------- */

.bioPhotoShadow Img {
border: 1px solid #386273;
margin-left: -5px ;
margin-top: -5px;

}



/* =Navigation Styles
------------------------------------------------------------  */
#navigation ul {
margin: 0;
padding: 0;
list-style: none;
float: left;
background: #fff;
width: 100%;

}

#navigation ul li {
float: left;
margin: 0;
padding: 0;
}

#navigation img {
padding:0;
margin: 0;
}

#navigation ul a {
display: block;
padding: 0 1.75em;
line-height: 1.75em;
height: 1.75em;
float: left;
text-decoration: none;
font-weight:bold;
color: #555;
margin:0;
border-right: 1px solid #333333;
border-left: 1px solid #3399FF;
}

#navigation ul a.last {
border-right: none;
}

#navigation ul a.first {
border-left: none;
}

#navigation ul a:hover {
color: #FF6600;
}


.subContentInt ul {
list-style: none;
padding: 0;
margin-left: 15px;
margin-right: 10px;
}

.subContentInt ul li {
list-style: none;
margin: 10px 0 0 0;
padding-left: 20px;
background: url(/images/icon_bullett-blue.gif) no-repeat 0 50%;
border-bottom: 1px dotted #000066;
}

.subContentInt ul a {
color: #006699;
text-decoration: none;

}


.subContentInt ul a:hover, .subContentInt ul a:visited:hover {
color: #000066;
text-decoration: none;

}

hr {
clear: both;
border-color: #CCCCCC;
color: #ccc;
background-color: #ccc;
}




a.footerlink:link, a.footerlink:visited 
{
font-family: Arial, Verdana, Helvetica, sans-serif;
line-height: 35px;
padding: 0;
color: #fff;
font-size: 1em;
}

a.footerlink:hover, a.footerlink:active, a.footerlink:visited:hover 
{
font-family: Arial, Verdana, Helvetica, sans-serif;
line-height: 35px;
padding: 0;
color: #99CCFF;
font-size: 1em;
}