/* CSS Document */
/*  ---png--- */
div{ behavior:url(/css/instantocean/iepngfix.htc); }
img{ behavior:url(/css/instantocean/iepngfix.htc); }
body{ behavior:url(/css/instantocean/iepngfix.htc); }



/* ---------  main body divs ------------*/
body{
	margin-left:0px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	line-height:17px;
	color:#1d4435;
}
#mainshell_container{
	background-image:url(/images/instantocean/bg_purple_gradient.gif);
	background-repeat:repeat-y;
	background-color:#66CCFF;
	margin-left:auto;
	margin-right:auto;
	/*width:1080px;*/
	width:992px;
	min-height:850px;
}
* html #mainshell_container {
	height:850px;
}
#mainshell_content, #mainshell_splash_content {
/* NOTE: using a png for the bg image on this div caused many layout problems.  Stick with gifs for bg images */
	background-image:url(/images/instantocean/bg_top_fish.jpg);
	background-repeat:no-repeat; 
	position:relative;
	/*width:1080px;*/
	width:992px;
	margin-left:auto;
	margin-right:auto; 
	height:100%;
}

#mainshell_splash_content 
{
	position:relative;
	background-image:url(/images/instantocean/bg_top_fish_splash.jpg);
}

#logoLink {
	width:992px; 
	height:162px; 
	cursor:pointer; 
	position:absolute;  
	z-index:100; 
	background:transparent;
	top:0px;
	left:0px;
}

#flashContent 
{
	position:relative;
	top:200px;
	font-size:12px;
	color:#fff;
	background-color:#000;
	margin:0px auto 0px auto;
	width:640px;
	height:302px;
	border:1px solid #712588;
	padding:6px;
	text-align:center;
}
#flashContent a:link, #flashContent a:visited, #flashContent a:hover, #flashContent a:active {
	color:#ffffff;
}
#skipIntro 
{	
	top:200px;
	left:0px;
	position:relative;
	margin:10px auto;
	width:640px;
	height:20px;
	font-size:12px;
}
#skipIntro a:link, #skipIntro a:visited, #skipIntro a:hover, #skipIntro a:active 
{
	color:#ffffff;
}
/* ----- left nav ----- */
#secondaryNav{
	position:absolute;
	width:165px;
	left:21px;
	top:104px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#003366;
	text-align:left;
}
#secondaryNav_topImage{
	background-image:url(/images/instantocean/bg_leftnav_top.jpg);
	background-repeat:no-repeat;
	height:31px;
}
#secondaryNav_content{
	background-color:#48145D;	
	line-height:20px;
	min-height:280px;
	padding:53px 0px 0px 15px;
	width:150px;
}
* html #secondaryNav_content {
	height:280px;
}
#secondaryNav_content a{
	color:#fff;
}
#secondaryNav_content p{
	position:relative;
	margin-top:0px;
	width:150px;
}
#secondaryNav_content .title, #secondaryNav_content .title a{
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}
#secondaryNav_content .subItem {
    background:url(/images/instantocean/blt_leftnav_sub.gif) no-repeat 0px 5px;
	margin-left:10px;
	padding-left:7px;
}
#secondaryNav_content .subItem a {
	text-decoration:none;
}
#secondaryNav_content .subItem a:hover {
	text-decoration:underline;
}
#secondaryNav_btmImg{
	background-image:url(/images/instantocean/bg_leftnav_bottom.gif);
	width:165px;
	height:237px;
}

/* ------------- search field -----------------*/
.search_textfield{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#003366;
	height:10px;
	width:60px;
}
#search_btn{
	margin-left:8px;
}

/* ---------  center content area ------------*/
#content_bdy{
	position:relative;
	width:587px;
	left:192px;
	padding-top:128px;	/* padding added to solve problem produced by position relative. Using 'top' was not working.  DRM */
	min-height:700px;
	
}


* html #content_bdy {
	height:700px;
}
#content_head{
	position:relative;
	background-image:url(/images/instantocean/bg_center_content_top.jpg);
	width:587px;
	height:38px;
}
.content_pageHead a:link, .content_pageHead a:visited, .content_pageHead a:hover, .content_pageHead a:active {
	color:#722789 !important;
}
.content_pageHead span 
{
	font-size:11px;
}
#content_text{
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#1d4435;
	text-align:left;
	padding-left:20px;
	padding-right:40px;
	margin-top:0px;
	margin-bottom:0px;
	border-bottom:1px solid #fff;
	background-color:#fff;
	background-repeat:repeat-y;
	min-height:600px;
}
* html #content_text {
	height:600px;
}
#content_text a:link, #content_text a:visited, #content_text a:hover, #content_text a:active, #sidebar a:link, #sidebar a:visited, #sidebar a:hover, #sidebar a:active  {
	color:#F26A22;
}
#content_text a:hover, #sidebar a:hover {
	color:#C54805;
}
#content_btmImg{
	background-image:url(/images/instantocean/bg_content_bottom.gif);
	width:587px;
	height:22px;
}
#content_footer
{
	position:relative;
	padding-top:50px;
	padding-bottom:20px;
	color:#fff;
	font-size:11px;
	text-align:center;
}
#content_footer a {
	color:#fff;
}

/* ----- Sidebar ----- */
#sidebar{
	position:absolute;
	width:157px;
	top:156px;
	left:786px;

}

/* ----- Tetra logo image ---- */
#logo_img{
	position:absolute;
	top:34px;
	left:669px;
	width:305px;
	height:93px;
}

/* ------------- Floating assets (section item and WAWW) ------------- */
/*
#asset_1 {
	position:relative;
	margin-left:500px;
	margin-top:-100px;
	height:198px;
	width:243px;
}
*/

#asset_1 {
	position:absolute;
	height:180px;
	width:243px;
	top:-100px;
	left:85%
}

.asset_2{
	position:absolute;
	top:505px;
	left:810px;
}


/* -------------    Text Block Formatting ----- */
.content_pageHead{
	padding:5px 0 20px 0px;
}
sup 
{
	font-size:11px;
}
h1, h2, h3{
	font-weight:normal;
	margin-bottom:0px;
	padding-bottom:0px;
}
h1{
	font-size:20px;
	color:#722789;
	line-height:24px;
}
h2{
	font-size:16px;
	margin:0 0 5px 0;
	color:#F36B21;
}
h2 a:link, h2 a:visited, h2 a:hover, h2 a:active {
	text-decoration:none !important;
}
h2 a:hover {
	text-decoration:underline !important;
}
h2.link a:link, h2.link a:visited, h2.link a:hover, h2.link a:active {
	font size:14px !important;
	color:#F36B21;
}
h3{
	font-size:14px;
}
h4 {
	font-size:12px;
}

img {
	border:0;
}

/* used for FAQs, may be removed */
.question {
	font-size:14px; 
	margin:10px 0;
}
.answer {
	font-size:12px; 
	margin-bottom:30px;
}

.clearer {
	clear:both;
}

.largeText {
	color:#ff8000;
	font-size:20px;
	font-weight:bold;
	line-height:22px;
}