/*
*  Copyright 2009, Oceans Interactive : www.oceans-interactive.com
*
*  This file may not be used or (re)distributed for any other
*  purposes than a commercial deployment by Oceans Interactive.
*  No modifications may be made to this file by anyone, except 
*  for individuals working for Oceans Interactive.
*
*/

.menu_list {	
	width: 150px;
}
#contact #checkWrap {width: 260px; padding: 0; margin: 0;}
#checkWrap .checkLeft {float: left; padding: 0; margin: 0;}
#checkWrap .checkLeft p {padding: 4px 0; margin: 0;}
#checkWrap .checkRight {float: right; padding: 0; margin: 0; width: 20px;}
#checkWrap .checkRight input {width: 20px; height: 28px;}
#internAd {float: left; background: url(internAdA.png) no-repeat top center; padding: 0; margin: 0; width: 221px; height: 224px;}
	#internAd span {display: none;}

.smallContact02 {float: right;}
.menu_body {
	display:none;
}
#ads {width: 50px; height: 50px; background:url(contactWrapBSS.jpg);}
#sidepartners {list-style: none; list-style-image: none; list-style-position: outside; padding: 6px 3px; margin: 0;}
/*global styles*/
body {background: #d7e2ea url(body.jpg) repeat-x top center; font-family: Arial, Helvetica, sans-serif; font-size: 100.1%; padding: 0; margin: 0;}
.clr {float: none; clear: both; padding: 0; margin: 0; font-size: 0;}
a {text-decoration: underline; background-position: top center;}
a:hover {text-decoration: none; background-position: center;}
a:active {text-decoration: underline; background-position: bottom center;}
.hide {display: none;}
.show {}
#globalWrap {background: url(globalWrap.jpg) no-repeat top center; padding: 0; margin: 0 auto; width: 980px;}
#leftWrap {float: left; width: 226px; padding: 0; margin: 0;}
#rightWrap {float: right; width: 754px; padding: 0; margin: 0;}
#divider01 {background: url(divider01.jpg) no-repeat top center; padding: 0; margin: 0; width: 754px; height: 33px;}

.contactA {padding: 8px 2px 8px 8px; margin: 10px 0 0 0; color: #f9f9f9; font-weight: bold; background: #1b485d;}
.contactA a { padding: 6px; margin: 0; background: #fff;}

/*right content*/
#breadWrap {width: 754px; height: 28px; background: url(breadWrap.jpg) no-repeat top center; padding: 0; margin: 0;}
#breadLeft {padding: 0; margin: 0; float: left;}
#breadRight {padding: 0; margin: 0; float: right;}
#breadWrap h1 {padding: 8px 10px; margin: 0; text-transform: uppercase; color: #deedf6; font-size: 0.7em;}
#breadWrap p  {padding: 8px 10px; margin: 0; color: #deedf6; font-size: 0.55em;}
#breadWrap a  {padding: 0; margin: 0; color: #fff;}

/*main content*/
#mainContentWrap {padding: 0; margin: 0; background: #fff;}
#mainContent {padding: 0; margin: 0;}
ul.inner {font-size: 0.75em; padding: 0; margin: 0  0 0 40px; color: #000066; line-height: 1.8em;}
#mainContentHeader {background: url(mainContentHeader.png) no-repeat top center; padding: 0; margin: 10px 0 0 0; height: 12px; width: 754px;}
#mainContentFooter {background: url(mainContentFooter.png) no-repeat top center; padding: 0; margin: 10px 0 0 0; height: 12px; width: 754px;}
#mainContent h2 { color: #1c4158; padding: 6px 12px 10px 12px; margin: 0; font-size: 1em;}
#mainContent h3 { color: #1c4158; padding: 0px 12px 10px 12px; margin: 0; font-size: 0.8em;}
#mainContent p { color: #1c4158; padding: 0 12px 8px 12px; margin: 0; line-height: 1.6em; font-size: 0.75em;}
#internshipIntro {padding: 0 200px 20px 0; margin: 0; height: min-220px;}
#aboutIntro {background: url(about01.jpg) top right no-repeat; padding: 0 200px 20px 0; min-height: 220px; width: 540px;}
#aboutIntro h4 {font-size: 0.75em; padding: 8px; margin: 0; float: left; left: 12px; position: relative; color: #f9f9f9; font-weight: bold; background: #1b485d;}
#aboutIntro ul { padding: 12px; margin: 0; font-size: 0.77em; list-style: none; list-style-image: none; list-style-position: outside;}
#aboutIntro li {padding: 6px 0; margin: 0; }
#aboutIntro ul ul li {padding: 10px 0 30px 0; margin: 0;}
.intern01 {background: url(intern01.jpg) top right no-repeat;}
.intern02 {background: url(intern02.jpg) top right no-repeat;}
.intern03 {background: url(intern03.jpg) top right no-repeat;}
.intern04 {background: url(intern04.jpg) top right no-repeat;}
.intern05 {background: url(intern05.jpg) top right no-repeat;}
.research01 {background: url(research01.jpg) top right no-repeat;}
.research01b {background: url(research02.jpg) top right no-repeat;}
#mainMenuFooter {background: url(mainMenuFooter.jpg) no-repeat top center; height: 8px; width: 220px; padding: 0; margin: 0; display: block;}
#mainMenuHeader {background: url(mainMenuHeader.jpg) no-repeat top center; width: 220px; padding: 2px 0 0 0; margin: 0;}

/*cycle styles*/
#cycleWrap {width: 754px; height: 317px; padding: 10px 0 0 0; margin: 0;}
#cycle01 {background: url(cycle01.jpg) no-repeat top center; padding: 0; margin: 0;}
#cycle02 {background: url(cycle02.jpg) no-repeat top center; padding: 0; margin: 0;}
#cycle03 {background: url(cycle03.jpg) no-repeat top center; padding: 0; margin: 0;}
#cycle04 {background: url(cycle04.jpg) no-repeat top center; padding: 0; margin: 0;}
#cycle05 {background: url(cycle05.jpg) no-repeat top center; padding: 0; margin: 0;}
#cycle06 {background: url(cycle06.jpg) no-repeat top center; padding: 0; margin: 0;}
.cycleSlide {width: 754px; height: 317px; padding: 0; margin: 0;}
.cycleTxt {width: 210px; height: 200px; padding: 70px 0 0 14px; margin: 0; float: left;}
.cycleTxt a {color: #fff; font-weight: bold;}
#cycleWrap .cycleTxt p {color: #fff; padding: 0 0 12px 0; margin: 0; font-size: 0.7em;}
#cycleWrap .cycleTxt h2 {display: none;}

#trailerWrap {width: 754px; padding: 10px 0 0 0; margin: 0;}
#trailerLeft {width: 501px; height: 550px; padding: 0; margin: 0; background: url(trailerLeft.jpg) no-repeat top center; float: left;}
#trailerWrap h2 {color: #fff; font-weight: bold; font-size: 0.7em; padding: 8px 12px; margin: 0;}
#trailerWrap p {padding: 12px; margin: 0;}
#trailerRight a {padding: 0; margin: 0; float: left; height: 100px; width: 220px; text-indent: -999999px; outline: none;}
#trailerRight {background: url(trailerRight.jpg) no-repeat top center; padding: 0; margin: 29px 0 0 0; float: right; width: 244px; height: 527px;}

#mainContent .testimonialWrap,#mainContent .testimonialWrap p {padding: 0; margin: 0;}
#columnWrap {width: 754px; height: auto; padding: 10px 0 0 0; margin: 0;}
.column {width: 246px; height: 470px; padding: 0; margin: 0; float: left; background: url(column.jpg) no-repeat top center;}
.column a {font-weight: bold;}
#columnWrap .column h2 {color: #fff; font-weight: bold; font-size: 0.7em; padding: 8px 12px; margin: 0;}
#columnWrap .column p {font-size: 0.7em; padding: 12px 10px 0 10px;}
#column02 {padding: 0 8px; margin: 0;} 

/*contact wrap backgrounds*/
#default {background: url(contactWrapDefault.jpg);}
#cWMedia {background: url(cWMedia.jpg);}
#cWAbout {background: url(cWAbout.jpg);}
#cWPonta01 {background: url(cWPonta01.jpg);}
#cWPonta02 {background: url(cWPonta02.jpg);}
#cWAliwal01 {background: url(cWAliwal01.jpg);}
#cWAliwal02 {background: url(cWAliwal02.jpg);}
#cWNamibia01 {background: url(cWNamibia01.jpg);}
#cWNamibia02 {background: url(cWNamibia02.jpg);}
#cWMosselBay01 {background: url(cWMosselBay01.jpg);}
#cWMosselBay02 {background: url(cWMosselBay02.jpg);}
#cWZavora01 {background: url(cWZavora01.jpg);}
#cWZavora02 {background: url(cWZavora02.jpg);}
#cWDolphin01 {background: url(cWDolphin01.jpg);}
#cWManta01 {background: url(cWManta01.jpg);}
#GWS {background: url(contactWrapGWS.jpg);}
#BS {background: url(contactWrapBSS.jpg);}

/*header*/
#headerWrap {background: url(headerWrap.jpg) no-repeat top center; width: 100%; height: 225px; padding: 0; margin: 0;}
#header {width: 980px; height: auto; padding: 14px 0 0 0; margin: 0 auto;}
#header a {font-weight: bold; color: #1c4158; padding: 0; margin: 0;}
#header h2 {float: left; background: url(headerH2.jpg) no-repeat center top; font-size: 0.7em; width: 189px; padding: 9px 0 10px 32px; font-weight: normal;}
#subMenu ul {float: right; padding: 0; margin: 0; list-style: none; list-style-image: none; list-style-position: outside;}
#subMenu ul li {display: inline;}
#subMenu ul a {float: left; background-image: url(headerUlA.png); width: 99px; padding: 9px 0 14px 0; margin: 0 0 0 4px; text-align: center; font-size: 0.65em; text-transform: lowercase;}
#header .contactWrap {float: right; height: 170px; width: 360px; padding: 0; margin: 0;}
#header .contactWrap ul {padding: 70px 30px 0 0; margin: 0; font-size: 0.6em; color: #f9f9f9; list-style: none; list-style-position: outside; list-style-type: none; text-align: right;}
#header .contactWrap li {padding: 4px 0; margin: 0;}

/*footer*/
#footerWrap {background: url(footerWrap.jpg) no-repeat bottom center; width: 100%; height: 250px; padding: 0; margin: 0;}
#footer {width: 980px; height: auto; padding: 20px 0; margin: 0 auto;}
#footer a {font-weight: bold; color: #1c4158;}
#footerInfo h2 {float: left; background: url(footerH2.jpg) no-repeat center top; font-size: 0.7em; width: 399px; padding: 9px 0 12px 32px; font-weight: normal;}
#footerInfo ul {float: right; padding: 0; margin: 0; list-style: none; list-style-image: none; list-style-position: outside;}
#footerInfo ul li {display: inline;}
#footerInfo ul a {float: left; background-image: url(headerUlA.png); width: 99px; padding: 9px 0 14px 0; margin: 0 0 0 4px; text-align: center; font-size: 0.65em;}
#keywordWrap {float: right; width: 520px; height: auto; padding: 10px 0 0 0; margin: 0;}
#keywordWrap h2 {font-size: 0.7em; padding: 0; margin: 0;  color: #f9f9f9;}
#keywordWrap ul {padding: 0; margin: 0; text-align: left; list-style: none; list-style-position: outside; list-style-type: none;}
#keywordWrap li {display: inline; padding: 0 10px 0 0; margin: 0;}
#keywordWrap a {font-size: 0.65em; color: #f9f9f9;}

/*partners and sponsors*/
#partnersWrap h2 {float: left; background: url(partnersWrapH2.jpg) no-repeat center top; font-size: 0.7em; width: 189px; padding: 9px 0 12px 32px; font-weight: normal; margin: 12px 0 0 0;}

/*main menu*/
#mainMenu {background: #fff; padding: 2px; margin: 0; width: 216px;}
#mainMenu p a, .menu_head,.menu_head02{cursor: pointer; background-image: url(mainMenuUlA.jpg); width: 186px; display: block; font-size: 0.7em; padding: 8px  10px 7px 20px; margin: 0 0 2px 0 ;color: #f9f9f9; text-decoration: none; font-weight: bold; background-position: top center; }
#mainMenu p a:hover, .menu_head:hover {cursor: pointer; background-position: center;}
#mainMenu p a:active, .menu_head:active {cursor: pointer; background-position: bottom center;}
#mainMenu ul a{ background-image: url(mainMenuUlUlA.jpg); width: 186px; display: block; font-size: 0.7em; padding: 8px  10px 7px 20px; color: #3a515d; text-decoration: none; font-weight: bold; }
#mainMenu ul {padding: 0; margin: 0; list-style: none; list-style-image: none; list-style-position: outside;}

/*testimonials*/
.testWrap {width: 695px; padding: 0; margin: 0;}
.testWrap img {padding: 0px; margin: 0;}
.testPhoto {padding: 0; margin: 0; float: left; width: 120px;}
.testPhoto p {padding: 0; margin: 0;}
.testTextWrap {float: right; width: 555px; height: 160px; padding: 10px 0 0 5px;}
.testTextTop {width: 555px; padding: 6px 0 0 5px; margin: 0; background: url(testTextTop.png) no-repeat top center; height: 90px; float: left;}
.testTextBottom {width: 555px; padding: 0 0 0 5px; margin: 0; background: url(testTextBottom.png) no-repeat top center; float: left; font-size: 0.9em; min-height: 50px;}
#reelContent .testTextBottom p { padding: 7px 12px; color: #fff;}
.testTextTop p {font-style: italic; padding: 0; }

/*interns*/
#reelContent .internWrap {width: 695px; height: 180px; padding: 0; margin: 0;}
#reelContent .internPhoto {padding: 0; margin: 0; float: left; width: 220px;}
#reelContent .internPhoto p {padding: 0 0 0 10px; margin: 0;}
#reelContent .internTextWrap {float: right; width: 465px; height: 180px; padding: 0 0 0 5px;}
#reelContent .internTextBottom {width: 465px; padding: 10px 0 0 5px; margin: 0; background: url(resTextBottom.png) no-repeat top center; height: 90px; float: left; font-size: 0.85em;}
#reelContent .internTextTop {width: 465px; padding: 6px 0 0 5px; margin: 0; background: url(resTextTop.png) no-repeat top center; height: 46px; float: left;}
#reelContent .internTextTop h2 strong { color: #fff; font-size: 1.4em; padding: 0px 0px 0 12px; margin: 0;}
#reelContent .internTextTop h2 { color: #fff; font-size: 0.9em; padding: 10px 12px; margin: 0;}
#reelContent .internTextTop p {font-style: italic;}

/*research projects*/
#reelContent .resWrap {width: 695px; padding: 0; margin: 0 0 20px 0;}
#reelContent .resPhoto img {border:1px solid #ccc; padding:3px; margin: 0 0 10px 0; background: #fff;}	
#reelContent .resPhoto img:hover {border:1px solid #00a0c6; padding:3px; background: #00a0c6;}	
#reelContent .resPhoto ul {padding: 0px 12px 12px 12px; margin: 0;}
#reelContent .resPhoto li {padding: 0 6px 0 0; margin: 0; display: inline;} {padding: 0; margin: 0; float: left; width: 220px;}
#reelContent .resPhoto p {padding: 0 0 0 10px; margin: 0;}
#reelContent .resPhoto {float: left;}
#reelContent .resTextWrap {float: right; width: 465px; background: url(resTextWrap.jpg) repeat-y top center; padding: 0 0 0 5px; margin: 0 0 20px 0;}
#reelContent .resTextTop {width: 465px; padding: 10px 0 0 5px; margin: 0; background: url(resTextTop.png) no-repeat top center; height: 42px; float: left; font-size: 0.85em;}
#reelContent .resTextTop h2 { color: #fff; font-size: 1em; padding: 8px 12px; margin: 0; font-weight: bold;}
#reelContent .resTextTop h2 span {font-size: 0.85em; padding: 4px 0px; margin: 0;}
#reelContent .resTextTop p {font-style: italic;}
#reelContent .resTextBottom {width: 470px; padding: 0; margin: 0; background: url(resTextBottom02.jpg) repeat-y top center; float: left;}
#reelContent .resTextBottom p {padding: 6px 12px; margin: 0;}
#reelContent .resTextFooter {height: 8px; width: 470px; background: url(resTextFooter.jpg) no-repeat top center; padding: 0; margin: 0;}
#reelContent .resTextHeader {height: 8px; width: 470px; background: url(resTextHeader.jpg) no-repeat top center; padding: 0; margin: 0;}

/*staff*/
#reelContent .staffWrap {width: 695px; height: 180px; padding: 0; margin: 0;}
#reelContent .staffPhoto {padding: 0; margin: 0; float: left; width: 120px;}
#reelContent .staffPhoto p {padding: 0 0 0 10px; margin: 0;}
#reelContent .staffTextWrap {float: right; width: 555px; height: 180px; padding: 0 0 0 5px;}
#reelContent .staffTextBottom {width: 555px; padding: 0 0 0 5px; margin: 0; background: url(testTextTop.png) no-repeat top center; height: 100px; float: left;}
#reelContent .staffTextTop {width: 555px; padding: 4px 0 0 5px; margin: 0; background: url(testTextBottom.png) no-repeat top center; height: 46px; float: left; font-size: 0.9em;}
#reelContent .staffTextTop h2 strong { color: #fff; font-size: 1.4em; padding: 0px 0px 0 12px; margin: 0;}
#reelContent .staffTextTop h2 { color: #fff; font-size: 0.8em; padding: 3px 0 0 0; margin: 0;}
#reelContent .staffTextTop h3 { color: #fff; font-size: 0.75em; padding: 0px 12px 0 12px; margin: 0;}
#reelContent .staffTextTop p {font-style: italic;}

/*institutes*/
#reelContent .instituteWrap {width: 695px; height: 180px; padding: 0; margin: 0;}
#reelContent .institutePhoto {padding: 0; margin: 0; float: left; width: 120px;}
#reelContent .institutePhoto p {padding: 0 0 0 10px; margin: 0;}
#reelContent .instituteTextWrap {float: right; width: 555px; height: 180px; padding: 0 0 0 5px;}
#reelContent .instituteTextBottom {width: 555px; padding: 0 0 0 5px; margin: 0; background: url(testTextTop.png) no-repeat top center; height: 100px; float: left;}
#reelContent .instituteTextTop {width: 555px; padding: 13px 0 0 5px; margin: 0; background: url(testTextBottom.png) no-repeat top center; height: 46px; float: left; font-size: 0.9em;}
#reelContent .instituteTextTop h2 { color: #fff; font-size: 1.2em; padding: 0 12px; margin: 0;}
#reelContent .instituteTextTop h3 { color: #fff; font-size: 0.75em; padding: 0px 12px 0 12px; margin: 0;}
#reelContent .instituteTextTop p {font-style: italic;}

/*gallery*/
#reelContent h4 {font-size: 0.75em; padding: 8px; margin: 20px 0 0 0; float: left; left: 12px; position: relative; color: #f9f9f9; font-weight: bold; background: #1b485d;}
.innerh4 {font-size: 0.75em; padding: 8px; margin: 10px 0; float: left; left: 12px; position: relative; color: #f9f9f9; font-weight: bold; background: #1b485d;}
#reelContent ul {padding: 12px 12px 12px 42px; color: red; margin: 0; font-size: 0.8em; color: #1b485d; font-style: italic;}
#reelContent p {padding: 12px 12px 0px 12px; margin: 0; font-size: 0.75em;}
#reelContent table {padding: 12px 0 0 12px; margin: 0;}
#reelContent li {padding: 0 0 12px 0; margin: 0;}
.reelGallery img {border:1px solid #ccc; padding:3px; margin: 0 0 10px 0; background: #fff;}	
.reelGallery img:hover {border:1px solid #00a0c6; padding:3px; background: #00a0c6;}	
.reelGallery ul {padding: 12px; margin: 0;}
.reelGallery li {padding: 0 6px 0 0; margin: 0; display: inline;}
.reelGallery h4 {font-size: 0.75em; padding: 8px; margin: 0; float: left; left: 12px; position: relative; color: #f9f9f9; font-weight: bold; background: #1b485d;}
#reelContent .reelGallery img {border:1px solid #ccc; padding:3px; margin: 0 0 10px 0; background: #fff;}	
#reelContent .reelGallery img:hover {border:1px solid #00a0c6; padding:3px; background: #00a0c6;}	
#reelContent .reelGallery ul {padding: 12px; margin: 0;}
#reelContent .reelGallery li {padding: 0 6px 0 0; margin: 0; display: inline;}
#reelContent .reelGallery h4 {font-size: 0.75em; padding: 8px; margin: 0; float: left; left: 12px; position: relative; color: #f9f9f9; font-weight: bold; background: #1b485d;}

/*contact*/
#contact {padding: 0 0 0 12px; margin: 0; width: 700px; height: auto;}
#contact p {padding: 0 0 12px 0; margin: 0; font-size: 0.7em; line-height: 1.5em; font-weight: bold;}
#contact input {width: 320px; height: 28px;}
#contact textarea {width: 668px; height: 208px;}

/*showReel style*/
#showReel {width: 730px; height: auto; padding: 0; margin: 0 auto;}
#showReelWrap {background: url(showReelWrap.jpg) no-repeat top center; height: 310px; width: 900px; margin: 0 auto; padding: 0;}
#reelControls {width: 730px;}
#reelControls ul {padding: 0 0 0; margin: 0; list-style: none; list-style-position: outside;}
#reelControls li {padding: 0; margin: 0; display: inline;}
#reelControls a {padding: 8px 0; margin: 0; float: left; font-size: 0.7em; width: 119px; background-image: url(showreelA.jpg); background-repeat: no-repeat; text-align: center; color: #f9f9f9; font-weight: bold;}
#reelContent {width: 720px; float: left; padding: 0; margin: 0; position: relative; overflow: hidden; z-index: 1; border: 2px #095c4f solid;}
.aboutUs {height: 3000px;}
.mediaPart {height: 3800px;}
.interns01 {height: 5500px;}
.pubDL {background: #36738f; padding: 14px; margin: 0; color: #fff;}
.interns02 {height: 1500px;}
.media01 {height: 4800px;}
.research02 {height: 800px;}
.reelSlide {visibility: hidden; position: absolute; height: auto; width: 725px; background: #fff url(reelSlide.jpg) no-repeat top center; margin: 0; padding: 0;}
#reelContent h3 {padding: 12px 12px 0 12px; margin: 0; font-size: 0.7em; font-weight: normal;}
#reelContent h2 {padding: 12px;}
.glidecontenttoggler{}
.glidecontenttoggler a{}
.glidecontenttoggler a.selected{ background-position: bottom center;}
.glidecontenttoggler a.toc{}
.glidecontenttoggler a.prev, .glidecontenttoggler a.next{}
.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{}

#sitemap ul {padding: 12px 12px 12px 30px; margin: 0; font-size: 0.8em; line-height: 1.8em;}