/* Page Structure*/

@import url("content.css");

/* TOC

1: - Global Styles

2: - Header

3: - Main Nav

4: - Content

5: - Footer

*/


/* 1 :-------- Global Styles ------------ */

	body {
		margin: 0px;
		padding: 0;
		background:#01395e url('/images/generic/background.jpg') 0 0 repeat-x;
		}
		
	.skipLink {
		position: absolute;
		margin-top: -999px;
		}
		
	.container {
		width: 1000px;
		margin: 0 auto;
		position:relative;
		background:#fff url('/images/generic/container-bg.jpg') 100% 100% no-repeat;
		}
	#home .container{
		background:none;
		}
		
	a {
		color: #666;
		}
		
	a img {
		border: 0;
		}
		
	.clear {
		clear: both;
		display:block;
		}

/* 2 :-------- Header ------------ */

	.header {
		height: 133px;
		background: #fff url('/images/generic/header-bg.gif') 0 0 no-repeat;
		position:relative;
		}
		
	.mainLogo {
		position: absolute;
		width: 374px;
		height: 68px;
		margin: 53px 0 0 17px;
		background:url('/images/generic/ocean-informatics-logo.gif') 0 0 no-repeat;
		text-indent:-9999px;
		overflow:hidden;
		}
		
	.searchBar {
		text-align: right;
		bottom:18px;
		right:22px;
		position:absolute;
		}
		
	.searchText {
		color:#666666;
		border:1px solid #bababa;
		font-size: .95em;
		margin-right: 4px;
		vertical-align: top;
		background:#fff url('/images/elements/searchText-bg.gif') 0 100% repeat-x;
		padding:6px 0 5px 6px;
		width:132px;
		}
		
	.searchButton {
		font-size: .95em;
		vertical-align: top;
		}
	
	#flashcontent img{
		display:block;
		}

/* 3 :-------- Main Nav ------------ */

	#mainNav {
		background:url('/images/nav/home-nav-bg.gif') 0 0 repeat-x;
		height:35px;
		}
	
	#mainNav ul {
		margin: 0;
		padding: 0;
		list-style: none;
		}
		
	#mainNav li {
		float: left;
		margin: 0;
		padding: 0;
		}
			
	#mainNav a {
		display: block;
		font-size: 1em;
		text-decoration: none;
		background-position: 0 0;
		background-repeat: no-repeat;
		color:#fff;
		height:35px;
		text-transform:uppercase;
		font-weight:bold;
		line-height:35px;
		text-indent:-9999px;
		}
		
/* nav backgrounds */
			
	#mainNav .home {width:75px; background:url('/images/nav/home.gif') 0 0 no-repeat;}
	#mainNav .about {width:130px; background:url('/images/nav/about-ocean.gif') 0 0 no-repeat;}
	#mainNav .solutions {width:107px; background:url('/images/nav/solutions.gif') 0 0 no-repeat;}
	#mainNav .news-events {width:137px; background:url('/images/nav/news-events.gif') 0 0 no-repeat;}
	#mainNav .resources {width:114px; background:url('/images/nav/resources.gif') 0 0 no-repeat;}
	
	#mainNav li.on a, #mainNav li.on a:hover{ background-position:0 -35px; }
	#mainNav li a:hover{ background-position:0 -70px; }
		
/* 4 :-------- Content ------------ */
		
	.rightCol {
		float: right;
		width: 240px;
		margin-top:76px;
		}
	#sideNav ul {
		margin:0 22px 0 0px;
		border-top:1px solid #d6e5ed;
		}
	#sideNav li {
		border-bottom:1px solid #d6e5ed;
		margin:0;
		padding:0;
		background:none;
		}
		
	#sideNav a {
		display: block;
		padding: 7px 5px 7px 29px;
		text-decoration: none;
		background:url('/images/links/more-bg.gif') 10px 9px no-repeat;
		color:#035f8e;
		font-weight:bold;
		text-transform:uppercase;
		}
		
		#sideNav a:hover, a{
		color:#3b3b3b;
		}

		#sideNav li.on a{
		color:#3b3b3b;
		/*background-color:#ebf6fb; */
		}

	#sideNav li.onChild { border:0px; }
	#sideNav li.onChild a{
		background: url('/images/icons/rightNav-on.gif') 10px 9px no-repeat;
		/*color:#333;*/
		}
		
	#sideNav a.current {
		background-color: #a8c7d9!important; 
		color:#333!important;
		}
		
	/* second level */
	#sideNav ul ul{
		margin:0;
		}
	#sideNav ul ul li a{
		text-transform:none;
		color:#1c6f99;
		font-weight:normal;
		background-position:25px 9px;
		padding-left:42px;
		}
	#sideNav ul li.onChild ul li a{ color:#1c6f99; background: url('/images/links/more-bg.gif') 25px 9px no-repeat;	}
	#sideNav ul li.onChild ul li.onChild a { /*color:#333;*/ background:url('/images/icons/rightNav-on.gif') 25px 10px no-repeat; }
	#sideNav ul li.onChild ul li.on a,
	#sideNav ul li.onChild ul li a:hover{
		/*color:#333;*/
		}
	
	/* third level */
	#sideNav ul ul ul{
		border-top:1px solid #d6e5ed;
		background:#f0f4f6;
		}
	#sideNav ul ul ul li{
		border:0px;
		}
	#sideNav ul li.onChild li.onChild ul li a{
		color:#1c6f99;
		padding-left:51px;
		background:url('/images/icons/third-level-nav.gif') 42px 13px no-repeat;
		}
	#sideNav ul li.onChild li.onChild ul li.on a,
	#sideNav ul li.onChild li.onChild ul li a:hover{
		color:#333;
		}
	
	#content {
		padding:1px 0 43px 28px;
		margin-right:240px;
		min-height:500px;
		padding-right:20px;
		}
		
	#home #content{
		padding:0 0 0 28px;
		margin:0;
		/*height:1%; /* hack for IE */
		background:#fff url('/images/generic/container-bg-home.jpg') 0 100% no-repeat;
		}
		
	#sitemap ul {
		margin:10px 0px 20px 20px;
		}
	#sitemap li {
		padding: 0px 3px 0 15px;
		background: #fff url('/images/icons/site_map_arrow.gif') 1px 3px  no-repeat;
		}
		
	/* for order form */
	.columnA {
		width:212px;
		padding-right:29px;
		float:left;
		}
	.columnB{
		float:left;
		width:463px;
		}
	
/* See content.css */

/* 5 :-------- Footer ------------ */

	.footer {
		clear: both;
		padding: 18px 0px 18px 17px;
		position:relative;
		width: 983px;
		margin: 0 auto;
		}
	
	.footer ul {
		margin: 0;
		padding: 0;
		}
	
	.footer li {
		display: inline;
		margin: 0;
		padding: 0;
		list-style: none;
		color:#fff;
		padding: 0 0 0 11px;
		background:none;
		}
		
	.footer a {
		padding:0 11px 0 0;
		color:#fff;
		border-right:1px solid #fff;
		text-decoration:none;
		}
	.footer a:hover{
		text-decoration:underline;
		}
	.footer .openEHR{
		position:absolute;
		top:18px;
		right:0;
		border:0px;
		}
		
	#flashcontent #main{
		margin-left:-28px;
		margin-top:36px;
		width:760px;
		overflow:hidden;
	}