@charset "UTF-8";
body{
background:#092f6e url(/i/v3/bg/bg_marine2.jpg) no-repeat center top;
/*background:#092f6e;*/
}
body, div, td {
color:#afc7ce;
}
a{
color:#99b0b8;
text-decoration:underline;
}
a:hover,
a:active {
color:#b1c5cc;
background:#0078aa;
text-decoration:none;
}

/* --------------------------------------------------------------------
MAJOR LAYOUT 
-------------------------------------------------------------------- */
#wrapper {
margin:0px auto;
width: 970px;
}
#wrapper:after {
 content:".";
 display:block;
 height:0;
 clear:both;
 visibility:hidden;
}
#header {
width: 970px;
float: left;
margin: 10px 0px 0px 0px;
}
#navigation {
float: left;
width: 830px;
}
#leftcolumn {
	margin: 0px 10px 0px 0px;
	width: 130px;
	float: left;
}
#rightcolumn {
	position:relative;
	background: none;
	width: 830px;
	float: right;
	overflow:hidden;
}
#footer {
clear: both;
background: #043E54;
border-top:#076A8F 10px solid;
margin: 40px auto 0px;
padding:15px 0px 40px;
}

/* --------------------------------------------------------------------
INNER CONTENT
-------------------------------------------------------------------- */
.container {
clear:both;
float: left;
width:100%;
}
.contentpanel {
float: left;
margin: 0px 10px 0px 0px;
width: 550px;
}
.rightpanel {
float: left;
margin: 0px;
width: 270px;
}
/* --------------------------------------------------------------------
MENUS - detailing only, for structure - see global 
-------------------------------------------------------------------- */

#archive-menu {
	background-image: url(/i/v3/bg-dark_ocean.png);
}
#archive-menu h3 {
	color:#9BB7AC;
	}
	
		#footer h3.lastchild{
		margin-right: 0px;
		}
			#footer ul li a {
			color:#9BB7AC;
			}
			
			#archive-menu a {
			color:#9BB7AC;
			}
			
/* --------------------------------------------------------------------
IMAGE REPLACEMENTS
-------------------------------------------------------------------- */
h1.grfc,
h2.grfc{
display:block;
font-size: 1.1em; 
float:left;
text-indent: -9999px;
color: #ffffff;
margin-top:5px;
margin-left:0px;
}
h1.grfc a,
h2.grfc a{
display:block;
float:left;
border:none;
}
#header h1{
width: 569px;
height:98px; 
margin: 20px auto 10px 122px;
background: transparent url(/i/v3/logo_et.png) bottom center no-repeat;
}
h1#twitterhead {
margin-top:5px;
margin-bottom:10px;
}
h1#twitterhead, 
h1#twitterhead a{
width: 120px;
height:28px; 
background: transparent url(/i/v3/twitter_logo_smooth.png) bottom center no-repeat;
}
h1#user1,
h1#user1 a{
width: 270px;
height:88px; 
background: transparent url(/i/v3/cta/WS_POCAST_CTA_SLIM.jpg) bottom center no-repeat;
}
h1#user2,
h1#user2 a{
width: 270px;
height:88px; 
background: transparent url(/i/v3/cta/WS_LIONS_CTA.jpg) bottom center;
}
h1#user3,
h1#user3 a{
width: 270px;
height:88px; 
background: transparent url(/i/v3/cta/WS_ALERTS_CTA_SLIM.jpg) bottom center;
}
h1#user4,
h1#user4 a{
width: 270px;
height:180px; 
background: transparent url(/i/v3/cta/WS_POCAST_CTA.jpg) bottom center;
}
h1#user5,
h1#user5 a{
width: 270px;
height:88px; 
background: transparent url(/i/v3/cta/WS_GE_CTA.jpg) bottom center;
}
.placeholder,
.placeholder a {
width: 260px;
height:88px; 
background: transparent url(/i/v3/placeholder_banner.gif) top center no-repeat;
}
/* --------------------------------------------------------------------
HEADER LAYOUT ELEMENTS
-------------------------------------------------------------------- */
.sectionhead {
width: 830px;
margin:0px 0px 15px;
}
#userbar{
margin:auto;
text-align:left;
}
#marineheader{
	position: relative;
	width:100%;
	height:157px;
	text-transform:uppercase;
	background: url(/i/v3/header/marine_header.jpg) no-repeat;
}
#scenarios {
	float: left;
	clear: both;
	width: 100%;
	margin-top:18px;
}

/* --------------------------------------------------------------------
Section Navigation
-------------------------------------------------------------------- */

#marineheader ul { 
position:absolute; 
bottom:0px; 
right:10px; 
list-style-type: none;
margin: 0 10px; 
padding: 0; 
float: right; 
}

#marineheader li { 
float: left; 
list-style-type: none; 
}

#marineheader a {
float: left;
color: #c9e5ef; 
display: block;
padding: 10px 20px 6px;
border-bottom-width: 0;
text-decoration:none;
}

#marineheader a:hover { color: #9beae7; background:none; }

#marineheader li.active a {
	color: #dbe1ec;
	text-decoration: none;
	border-bottom:10px solid #3f9b98;
}
/* --------------------------------------------------------------------
Header
-------------------------------------------------------------------- */
#marineheader h1,
#marineheader h2 {
	float:left;
	position:absolute;
	margin:0px;
}
#marineheader h1{
	top:11px;
	right:12px;
	background: transparent url(/i/v3/header/marine-title.jpg) bottom center no-repeat;
}
#marineheader h2 {
	top:68px;
	right:12px;
	background: transparent url(/i/v3/header/marine-subtitle.jpg) bottom center no-repeat;
}
	

#marineheader h1,
#marineheader h1 a {
	width: 334px;
	height:57px;
	padding:0px;
}

#marineheader h2, 
#marineheader h2 a{
	width: 334px;
	height:50px;
	padding:0px;  
}


/* --------------------------------------------------------------------
CONTENT ELEMENTS
-------------------------------------------------------------------- */
.container img,
.accordion_content img {
	float:right;
	border:5px #222732 solid;
	margin-left:7px;
	margin-right:7px;
	margin-bottom:10px;
}
.rightpanel img {
	border:none;
}
#wrappost img{
margin:10px;
}
#wrappost h1 {
	margin:0px auto 20px 0px;
}
.discuss{
	margin:20px auto 20px 0px;
	padding:20px 0px;
	width:550px;
	text-align:center;
	background:#2a678c;
	color:#083d42;
	border-top:1px #3176a0 solid;
	border-bottom:1px #225a7c solid;
}
.discuss h1{
	margin:0px;
	display:inline;
	padding-left:35px;
	background:url(/i/v3/ws_discuss_bubble.gif) no-repeat;
}
.discuss h1 a{
	color:#3B371C;
}
.discuss h1 a:hover{
	color:#C2B6B0;
}
.discuss h3{
	display:inline;
	padding-left:10px;
	font-size:70%;
}
hr.postfooter{
	clear:both;
	margin: 20px 0px 25px 0px;
	color:#2a678c;
	background:transparent url(/i/v3/bg-light_ocean.png);
	height:11px;
	border:none;
}
h1.posthead {
	clear:right;
}
p.datestrap {
	margin: 8px 0px 5px 0px;
	padding: 4px 6px 5px; 
	text-align:left;
	background: url(/i/v3/bg-dark_ocean.png);
	color:#9BB7AC;
}
p.datestrap strong,
p.datestrap em { 
margin-right:5px;
}
p.datestrap em { 
font-style: normal;  
}
p.datestrap a { 
border-bottom-width: 0; 
}
a.more { 
border-bottom-width: 0; 
}
.sliceseparator{
position:relative;
width:830px;
height:40px;
margin:20px 0px 10px;
background: transparent url(/i/v3/bg_marineslice.gif) left bottom no-repeat;
}
.sliceseparator h4{
	color:#90c3c8;
	width:265px;
	position:absolute;
	bottom:15px;
	left:5px;
	font-size:160%;
}
.sliceseparator h1,.sliceseparator h2,.sliceseparator h3{
	color:#81a8ac;
	margin:0px;
	position:absolute;
	bottom:15px;
	right:5px;
	font-size:90%;
}
/* --------------------------------------------------------------------
COMMENTS & DISCUSSION
-------------------------------------------------------------------- */
h1.commentheader{
margin:0px;
padding:20px 10px 22px;
font-size:205%;
border-bottom: 2px solid #3a80a8;
}
.commentpost{
padding:15px 10px;
border-bottom: 1px dashed #1d71a0;
}
	.commentpost p {
	clear:both;
	font-size:105%;
	}
	.commentpost h4{
	display: block;
	float:left;
	padding:0px 10px;
	text-align:center;
	font-size:115%;
	color:#7b969e;
	}
		.commentpost span{
		padding:0px 10px;
		margin:0px 10px;
		font:italic normal 80% "Trebuchet MS", Arial, Helvetica, sans-serif;
		color:#8fb7c3;
		border-left:#8fb7c3 1px solid;
		}

#comment_form { /* generic container (i.e. div) for floating buttons */
overflow: hidden;
width: 530px;
margin:0px 10px 20px 10px;
}
	#comment_form .inputtext{
	padding:4px 4px 5px 4px;
	margin:0px;
	width:85%;
	}
	
#captcha {
	padding-left:5px;
	padding-bottom:15px;
	margin-bottom:10px;
	border-bottom:#1d71a0 1px solid;
}
	#captcha img {
		float:none;
	}
	#captcha h4 {
		margin-top:4px;
		padding-bottom:6px;
		font-size:90%;
	}
/* --------------------------------------------------------------------
ROUNDED CORNER BOX for MIni-series comments
-------------------------------------------------------------------- */
.biground{display:block; margin-top:5px;}
.biground *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#064f71}
.biground1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #064f71;
  border-right:1px solid #064f71;
  background:#064f71}
.biground2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #064f71;
  border-right:1px solid #064f71;
  background:#064f71}
.biground3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #064f71;
  border-right:1px solid #064f71;}
.biground4{
  border-left:1px solid #064f71;
  border-right:1px solid #064f71}
.biground5{
  border-left:1px solid #064f71;
  border-right:1px solid #064f71}
.bigroundfg{
  background:#064f71;
	padding-bottom:20px;
	border-bottom:6px #3a80a8 solid
}