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

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,ol,ul,li,fieldset,form,label,legend,caption{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
ul{ list-style:none; }
caption{text-align:left;font-weight:normal;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
strong,b{font-weight:bold;}
em,i{font-style:italic;}
.skip{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;width:600px;color:#FFF;}
.skip:focus,.skip:active{position:static;width:auto;height:auto;left:0px ;margin-right:10px;}
.noreveal:focus,.noreveal:active{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;width:600px;color:#FFF;}
span.access,.access{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
body{
	background:url('/images/boem/Ocean_Banner_bckgrnd_blue.png') no-repeat center top;
	background-size: 100%;
	font-size:62.5%;
	font-family:Arial,Helvetica,sans-serif;
	width:960px; margin:0 auto;
	position:relative;
	min-height: 100%;
	background-color: #ffffff;
}
body.largeFont{font-size:70.5%;}
body.medFont{font-size:67.5%;}
body.smallFont{font-size:62.5%;}

#mainContent:after, .article:after { content: ""; display: block; height: 0; clear:both;}

h1 { color:#111112; font-weight:bold; font-size:2em; margin:27px 0; }
h2 { color:#002D6A; font-weight:bold; font-size:1.8em; margin:14px 0; }
h3 { color:#000000; font-weight:bold; font-size:1.6em; margin:14px 0; }
h4 { color:#4E4023; font-weight:bold; font-size:1.4em; margin:14px 0; }
p { color:#333333; font-size: 1.3em; margin-bottom:10px; }

a { text-decoration:none;font-weight:bold; }
a { color:#305192; font-size:1.3em; }
p a, h1 a, h2 a, h3 a, h4 a, blockquote a, blockquote ol, list a { font-size:1em; }
a:hover { text-decoration:underline; }

ol { list-style-position:outside;color:#333333; font-size: 1.3em; font-weight:normal; margin:14px 0 28px 50px; }
ol a { font-size: 1em; }
ol span { font-weight:normal; }
td { font-size: 1.2em }
td p { font-size: 1em }
td ol { font-size: 1em }
ul td { font-size: 1em }

blockquote { font-size: 1em; color:#333333; margin: .5em 40px; padding: 0.5em 10px;  }

#header { height:109px; }
.logo { position:absolute; left:20px; top:18px; }
#subnav {/* float:left;*/ margin-top:4px; margin-right:210px;background-color:#ffffff; }
#subnav a.last { background:none; }
#secondary { float:right; margin-top:30px; width:500px;padding-right:4px; }
#secondary a { font-weight:bold; background:url(/images/boem/sub/pipe-grey.gif) no-repeat right 3px; margin-left:6px; padding-right:7px;  }
#secondary fieldset { float:right; margin-left:16px; position:relative; }
#secondary input.text {position:absolute; width:178px; right:0px; padding-right:60px; border:1px solid #999999; padding-bottom:4px; padding-top:2px;   }
input.submit { background:url(/images/boem/sub/search_btn.png) no-repeat 0 0; width:57px; height:22px; border:none; border-left:1px solid #999999; text-indent:-9999px; position:absolute; right:0px; top:0px;  }
html.mac #secondary input.text { padding-bottom:6px; }
html.firefox #secondary input.submit, html.msie8 #secondary input.submit, html.msie7 #secondary input.submit {  top:1px; }
html.msie8 #subnav { margin-right:210px; }
input.submit:hover { background-position:0 -22px; }
#nav div { display:inline; }

#nav { width:960px; height:58px; background-color:#111112; margin-top: 4px; }
#nav div:hover, .active { background-color:#153C6B; }
#nav a { color:#FFFFFF; font-size:14px; font-weight:bold; }
#nav a:hover { text-decoration:none; }
.nav1, .nav2, .nav3, .nav4, .nav5, .nav6, .nav7 { height:48px; float:left; padding-top: 10px; position:relative;  }
.nav1 { width:120px; text-align: center; padding-top: 20px } .nav1 a {  }
.nav2 { width:100px; text-align: center; padding-top: 20px } .nav2 a {  }
.nav3 { width:120px; text-align: center; padding-top: 20px } .nav3 a {  }
.nav4 { width: 165px; text-align: center; } .nav4 a {  }
.nav5 { width: 162px; text-align: center; } .nav5 a {  }
.nav6 { width: 148px; text-align: center; } .nav6 a {  }
.nav7 { width: 145px; text-align: center; } .nav7 a {  }
.nav1:hover .flyout1, .nav2:hover .flyout2,.nav3:hover .flyout3,.nav4:hover .flyout4,.nav5:hover .flyout5, .nav6:hover .flyout6 { text-align: left; padding-left: 15px; left:0; z-index:500;}
.nav7:hover .flyout7 { text-align: left; padding-left: 15px; left:-100px; z-index:500; }
.flyout1, .flyout2,.flyout3,.flyout4,.flyout5,.flyout6,.flyout7 { width:230px; height:auto; background-color:#153C6B; position:absolute; left:-9999px; top:58px; }
.flyout1 ul, .flyout2 ul,.flyout3 ul,.flyout4 ul,.flyout5 ul,.flyout6 ul,.flyout7 ul { position:relative; padding-top:10px; }
#nav .flyout1 li, #nav .flyout2 li,#nav .flyout3 li,#nav .flyout4 li,#nav .flyout5 li,#nav .flyout6 li,#nav .flyout7 li { width: 200px; height:auto; background:url(/images/boem/sub/border-bottom.png) repeat-x bottom left; margin-bottom:8px; padding-bottom:8px; }
#nav .flyout1 li a, #nav .flyout2 li a,#nav .flyout3 li a,#nav .flyout4 li a,#nav .flyout5 li a,#nav .flyout6 li a,#nav .flyout7 li a { color:#C1E3EE; font-weight:normal; }
#nav .flyout1 li a:hover, #nav .flyout2 li a:hover, #nav .flyout3 li a:hover,#nav .flyout4 li a:hover,#nav .flyout5 li a:hover,#nav .flyout6 li a:hover,#nav .flyout7 li a:hover { color:#FFFFFF; }
#nav .flyout1 li.last, #nav .flyout2 li.last,#nav .flyout3 li.last,#nav .flyout4 li.last,#nav .flyout5 li.last,#nav .flyout6 li.last,#nav .flyout7 li.last { background:none; }

#mainContent { margin-top:14px; }
#leftNav { width:175px; float:left; background:url(/images/boem/layout/gradient-blue-sub-nav.png) repeat-x 0 0; padding:14px 12px; }
#wrapper { width:757px; float:left; }
#content { width:516px; margin-left:22px; float:left; }
#content_exp { width:684px; margin-left:22px; float:left; }
.breadcrumbs { margin-left:22px; margin-top: 3px; }
.breadcrumbs li { border-right: 1px solid black; display:inline; padding: 0 5px;}
.breadcrumbs li a { color:#1D5698; font-size:1.2em;  }
.breadcrumbs li a.active { background:none; text-decoration:none; }
.breadcrumbs li.last { border: medium none; }
.contentImage { margin-left:13px; margin-bottom:13px; border:1px solid #121213; float:right; }
#quickLinks { width:168px; height:auto; padding:14px; float:right; background-color:#E8E8E8; margin-top:27px; }
#quickLinks li { padding:10px 0; border-bottom:1px solid #999999; }
#quickLinks li.last { border-bottom:none; margin-bottom:0; }
.quickLinksHeading, .navHeading { color:#111112; font-weight:bold; font-size:2em; margin:14px 0; }
.navHeading { font-size:1.65em; }

#footer { background:url(/images/boem/layout/sub-footer.png) no-repeat top left;width:960px; }
#footer div a { color:#666666; font-weight:bold; padding-bottom:26px; } 
#footer div a:hover { color:#305192; }
#footerContent { padding:45px 0;  }
#footerContent a { display:inline; padding-left:12px; background:url(/images/boem/sub/pipe-grey.gif) no-repeat right 3px; padding-right:12px;  }
#footerContent a.last { background:none }
#footer a:hover { color:#305192; }
.column1 { width:115px; float:left; margin-left:225px; }
.column2 { width:150px; float:left; }
.column3 { width:176px; float:left; }
.column4 { width:138px; float:left; }


/* Header Icon Placement */

.print-button { position:absolute;top:71px; right:5px; }
.youtube-button { position:absolute;top:71px; right:27px; }
.email-button { position:absolute;top:71px; right:59px; }
.rss-button { position:absolute;top:71px; right:82px; }
.linkedin-button { position:absolute;top:71px; right:105px; }
.flickr-button { position:absolute;top:71px; right:128px; }
.twitter-button { position:absolute;top:71px; right:151px; }
.facebook-button { position:absolute;top:71px; right:174px; }
.status-button { position:absolute;top:71px; right:197px; }
.sale-button { position:absolute;top:71px; right:320px; }


.separator { margin-left:10px; }

/* Custom Tooltip -- blue box pop-up */

.tooltip { color:#305192; outline: none; text-decoration: none; position: relative; }
.tooltip span { margin-left: -999em; position: absolute; text-align: center; }
.tooltip:hover span { font-family: Calibri, Tahoma, Geneva, sans-serif; position: absolute; left: 1em; top: 1.5em; z-index: 99; margin-left: 0;
  	width: 175px; border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); }
.tooltip:hover em { font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1em; display: block; padding: 0.2em 0 0.2em 0; }

.custom { padding: 0.5em 0.5em 0.5em 0.5em; }
* html a:hover { background: transparent; }

.info { background: #9FDAEE; border: 3px solid #2BB0D7; }


/* Header Icons Hoover over code */


.facebook-button span { margin-left: -999em; position: absolute; text-align: center; position: absolute; z-index: 999; }
.facebook-button:hover span { font-family: Calibri, Tahoma, Geneva, sans-serif; position: absolute; left: 1em; top: 1.5em; z-index: 99; margin-left: 0;
  	width: 150px; border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); }
.facebook-button:hover em { font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1em; display: block; padding: 0.2em 0 0.2em 0; }


.twitter-button span { margin-left: -999em; position: absolute; text-align: center; }
.twitter-button:hover span { font-family: Calibri, Tahoma, Geneva, sans-serif; position: absolute; left: 1em; top: 1.5em; z-index: 99; margin-left: 0;
  	width: 150px; border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); }
.twitter-button:hover em { font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1em; display: block; padding: 0.2em 0 0.2em 0; }


.flickr-button span { margin-left: -999em; position: absolute; text-align: center; }
.flickr-button:hover span { font-family: Calibri, Tahoma, Geneva, sans-serif; position: absolute; left: 1em; top: 1.5em; z-index: 99; margin-left: 0;
  	width: 150px; border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); }
.flickr-button:hover em { font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1em; display: block; padding: 0.2em 0 0.2em 0; }


.rss-button span { margin-left: -999em; position: absolute; text-align: center; }
.rss-button:hover span { font-family: Calibri, Tahoma, Geneva, sans-serif; position: absolute; left: 1em; top: 1.5em; z-index: 99; margin-left: 0;
  	width: 150px; border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); }
.rss-button:hover em { font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1em; display: block; padding: 0.2em 0 0.2em 0; }

.linkedin-button span { margin-left: -999em; position: absolute; text-align: center; }
.linkedin-button:hover span { font-family: Calibri, Tahoma, Geneva, sans-serif; position: absolute; left: 1em; top: 1.5em; z-index: 99; margin-left: 0;
  	width: 150px; border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); }
.linkedin-button:hover em { font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1em; display: block; padding: 0.2em 0 0.2em 0; }


/* Custom rounded corners */

.row { vertical-align: top; height:auto !important; }
.list {display:none; }
.show {display: none; }
.hide:target + .show {display: inline; }
.hide:target {display: none; }
.hide:target ~ .list {display:inline; }
@media print { .hide, .show { display: none; } }