/* Start of CMSMS style sheet 'WHS_LIB : Library' */
/* --------------------------------------------------
Global
-------------------------------------------------- */

body
{
text-align: left;
min-width: 960px;
font-family: Helvetica, Arial, Verdana, sans-serif;
color: #393939;
font-size: 62.5%;
margin: 0 auto;
border: 0;
padding: 0;
background: #fff url(uploads/ocean/bg_page.gif) repeat-x top;
}

/* --------------------------------------------------
cufon - do not delete!
-------------------------------------------------- */
.cufon
{
/* nothing needed here, move along... */
}
/* --------------------------------------------------
Utils
-------------------------------------------------- */
dfn {
display: none;
overflow: hidden;
}
.accessibility {
position: absolute;
top: -999em;
left: -999em;
}
.clear {
clear: both;
}   
.clear:after {
content: ".";
height: 0px;
visibility: hidden;
display: block;
clear: both;
}
/* --------------------------------------------------
Typography
-------------------------------------------------- */
p
{	
font-size: 1.3em;
line-height: 1.25em;
padding: 0.3em 0 0.3em 0;
margin: 0.3em 0 0.3em 0;
}
h1
{
font-size: 1.8em;
color: #7b97a3;
padding: 0.5em 0 0.5em 0;
margin: 0.5em 0 0.5em 0;
}
h2
{
font-size: 1.7em;
color: #f7a19a;
border-bottom: 1px dotted #7b97a3;
padding: 0.5em 0 0.5em 0;
margin: 0.5em 0 0.5em 0;
}
h3
{
font-size: 1.5em;
color: #5c6c79;
padding: 0.5em 0 0.5em 0;
margin: 0.5em 0 0.5em 0;
}
h4
{
font-size: 1.4em;
color: #7b97a3;
padding: 0.3em 0 0.3em 0;
margin: 0.3em 0 0.3em 0;
}
h5
{
font-size: 1.3em;
color: #f7a19a;
border-bottom: 1px dotted #7b97a3;
padding: 0.3em 0 0.3em 0;
margin: 0.3em 0 0.3em 0;
}
h6
{
font-size: 1.3em;
color: #5c6c79;
padding: 0.3em 0 0.3em 0;
margin: 0.3em 0 0.3em 0;
}
strong 
{
color: #5c6c79;
}
hr
{
border: 0px;
border-bottom: #f7a19a 1px dotted;
width: 100%;
height: 1px;
text-align: left;
padding: 0.2em 0 0.2em 0;
margin: 0.2em 0 0.2em 0;
}
a
{
color: #5c6c79;
}
a:hover
{
color: #7b97a3;
}
ul
{
margin: 0;
padding: 0;
}
li
{
font-size: 1.2em;
line-height: 1.25em;
}
/* Custom */
#contentHeading h1 {
margin: 0;
padding: 0;
color: #9cb5c1;
}
#footerContent a
{
color: #7b97a3;
text-decoration: none;
}
.nlist {
list-style: decimal;
padding: 0px 0px 0px 0px;
margin: 8px 0px 8px 32px;
}
.nlist li {
padding: 4px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
.clist {
list-style: none;
padding: 0px 0px 0px 0px;
margin: 8px 0px 8px 8px;
}
.clist li {
background: url(uploads/ocean/list_arrow.gif) 0px 2px no-repeat;
padding: 4px 0px 0px 18px;
margin: 0px 0px 0px 0px;
}
.back2top {
text-align: right; 
float: right; 
display: inline;
}
span.tooltip {
cursor: help;
}
/* Homepage headings */
.boxFeaturedContentMain h2{
margin-top: 0;
}
.boxSubContentLeft h3, .boxSubContentRight h3{
margin-top: 0;
}
/* ------------ Header - Search ------------ */
div#search {
float: right;
width: 187px;
height: 28px;
margin: 30px 10px 10px 10px;
}
div#search label {
text-indent: -9999em;
height: 0pt;
width: 0pt;
display: none;
}
div#search input.search-input {
/* specific size for image, your image may need these adjusted */
width: 143px;
height: 28px;
/* removes default borders, allows use of image */
border-style: none;
/* text color */
color: #393939;
/* padding of text */
padding: 10px 0px 0px 7px;
float: left;
/* set all font properties at once, weight, size, family */
font: bold 0.9em Arial, Helvetica, sans-serif;
/* left input image, set your own here */
background: transparent url(uploads/ocean/search_input.gif) repeat-x left top;
}
div#search input.search-button {
/* specific size for image, your image may need these adjusted */
width: 37px;
height: 28px;
/* removes default borders, allows use of image */
border-style: none;
/* hides text, image has text */
text-indent: -9999em;
float: right;
margin: 0;
/* provides positive hover effect */
cursor: pointer;
/* removes default size/height */
font-size: 0px;
line-height: 0px;
/* submit button image, set your own here */
background: transparent url(uploads/ocean/search_submit.gif) no-repeat right top;
}

/* --------------------------------------------------
Layout
-------------------------------------------------- */

#masthead
{
margin: 0 auto;
padding: 0;
width: 96em;
height: 114px;
color: #f7a19a;
}
/* I know this is horrible, but Safari/Chrome are 1px out */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
#masthead
{
height: 115px;
}
}
#masthead x:-moz-any-link, x:default
{
height: 115px;
}
#mastheadLeft
{
float: left;
margin-left: 20px;
margin-top: 10px;
margin-bottom: 10px;
}
#mastheadLeft img
{
border: 0;
}
#mastheadRight
{
float: right;
margin-right: 20px;
margin-top: 10px;
margin-bottom: 10px;
}
#navMain
{
margin: 0 auto;
width: 960px;
}
#navSub
{
margin: 0 auto;
width: 960px;
height: 38px;
}
#contentHeading
{
text-align: left;
width: 920px;
margin: 0 auto;
padding: 20px;
padding-bottom: 0;
}
#contentWrapper
{
text-align: left;
width: 960px;
margin: 0 auto;
padding: 0;
border: 0;
/*background-color: #fff;*/
} 
#side_menu {
float:right;
margin: 0px 0px 0px 10px;
padding: 5px 10px 0 5px;
width: 220px;
border: #f7a19a 1px dotted;
background-color: #ffede6;
}
#side_menu h1{
margin-top: 0.2em;
margin-left: 0.1em;
padding: 0 0 0 0;
}
#side_menu h2{
margin-top: 0.2em;
margin-left: 0.1em;
}
#side_menu h3{
margin-top: 0.2em;
margin-left: 0.1em;
padding: 0 0 0 0;
}
#side_menu h4{
margin-top: 0.2em;
margin-left: 0.1em;
padding: 0 0 0 0;
}
#side_menu h5{
margin-top: 0.2em;
margin-left: 0.1em;
}
#side_menu h6{
margin-top: 0.2em;
margin-left: 0.1em;
padding: 0 0 0 0;
}
#side_menu ul {
list-style: none;
padding: 0;
margin: 5px 5px 10px 10px;
}
#side_menu li {
background: url(uploads/ocean/list_arrow.gif) 0px 2px no-repeat;
padding: 4px 0px 0px 18px;
margin: 0;
}
#side_menu a:hover {
font-weight: bold;
text-decoration: underline;
color: #5c6c79
}
#side_menu a {
text-decoration: none;
color: #5c6c79
}
li.currentpage h3 
{
/*border-bottom: #f7a19a 1px dotted;*/
padding:0;
margin:0;
font-size: 0.99em;
}
#contentMain
{
width: 960px;
margin: 0 auto;
padding: 0;
border: 0;
text-align: left;
float: left;
margin-top: 10px;
margin-bottom: 20px;
/*background-color: #fff;*/
}
/* HACK: IE6 doubles the right margin. */
* html #contentMain 
{
margin-right: 10px;
}
/* Full-width content page, no child pages */
#contentMainFullWidth
{
width: 960px;
margin: 0 auto;
text-align: left;
margin-top: 20px;
margin-left: 20px;
margin-bottom: 20px;
margin-right: 20px;
}
/* Two column content page, no children */
#contentLeftNoChildren
{
float: left;
width: 640px;
margin-left: 20px;
margin-top: 10px;
margin-bottom: 20px;
margin-right: 20px;
}
/* HACK: IE6 doubles the left margin. */
* html #contentLeftNoChildren 
{
margin-left: 10px;
}
#contentRightNoChildren
{
float: left;
width: 240px;
margin-top: 10px;
margin-bottom: 20px;
margin-right: 20px;
}
/* HACK: IE6 doubles the right margin. */
* html #contentRightNoChildren 
{
margin-right: 10px;
}
/* Two column content page, with children */
#contentLeftWithChildren
{
float: left;
width: 480px;
margin-top: 10px;
margin-bottom: 20px;
margin-right: 20px;
}
/* HACK: IE6 doubles the margins. */
* html #contentLeftWithChildren 
{
margin-left: 0;
margin-right: 10px;
}
#contentRightWithChildren
{
float: left;
width: 200px;
margin-top: 10px;
margin-bottom: 20px;
margin-right: 20px;
}
/* HACK: IE6 doubles margins. */
* html #contentRightWithChildren 
{
margin-left: 10px;
margin-right: 10px;
}

/* --------------------------------------------------
Homepage content boxes
-------------------------------------------------- */

.boxFeaturedContentLeft
{
float: left;
width: 610px;
margin: 0;
border: 0;
padding: 0;
margin-left: 20px;
margin-right: 10px;
margin-top: 10px;
margin-bottom: 20px;
}
/* HACK: IE6 doubles the left margin. */
* html .boxFeaturedContentLeft 
{
margin-left: 10px;
}
.boxFeaturedContentMain
{
width: 610px;
}
.boxSubContentLeft
{
float: left;
width: 275px;
padding: 10px;
min-height: 15px;
margin-right: 10px;
margin-top: 20px;
background-color: #ffebe3;
}
.boxSubContentRight
{
float: left;
width: 275px;
padding: 10px;
min-height: 15px;
margin-left: 10px;
margin-top: 20px;
background-color: #ffebe3;
}
.boxNewsRight
{
float: right;
width: 290px;
margin: 0;
border: 0;
padding: 0;
margin-left: 10px;
margin-right: 20px;
margin-bottom: 20px;
}
/* HACK: IE6 doubles the right margin. */
* html .boxNewsRight 
{
margin-right: 10px;
}
#footerWrapper
{
text-align: left;
width: 960px;
min-height: 80px;
margin: 0 auto;
border-top: 1px dotted #9cb5c1;
background-color: #c0d9e5;
}
#footerContentLeft
{
float: left;
width: 450px;
margin: 0 auto;
padding: 10px;
font-size: 1.1em;
color: #5c6c79;
text-align: left;
}
#footerContentRight
{
float: right;
width: 450px;
margin: 0 auto;
padding: 10px;
font-size: 1.1em;
color: #5c6c79;
text-align: right;
}

/* --------------------------------------------------
Main Navigation
-------------------------------------------------- */

#navMain ul
{
list-style: none;
margin: 0;
padding: 0;
float: left;
}
#navMain li
{
float: left;
padding: 0;
font-size: 1.3em;
font-weight: bold;
background: #9cb5c1 url(uploads/ocean/nav_main_bg_off.gif) repeat-x bottom;
margin-right: 2px;
}
#navMain li h3
{
display: block;
float: left;
font-size: 1em;
margin: 0;
padding: 0 15px;
line-height: 2.3em;
color: #5c6c79;
border: 0;
}
#navMain li a
{
display: block;
float: left;
text-decoration: none;
padding: 0 15px;
line-height: 2.3em;
color: #ddecf2; 
}
#navMain li a:hover
{
background: #c0d9e5 url(uploads/ocean/nav_main_bg_on.gif) repeat-x bottom;
		color: #5c6c79;
}
#navMain li.currentpage
{
background: #fcd2c1 url(uploads/ocean/nav_main_bg_active.gif) repeat-x bottom;
color: #5c6c79;
}
#navMain li.activeparent
{
background: #fcd2c1 url(uploads/ocean/nav_main_bg_active.gif) repeat-x bottom;
color: #5c6c79;
}
#navMain li.activeparent a
{
background: #fcd2c1 url(uploads/ocean/nav_main_bg_active.gif) repeat-x bottom;
color: #5c6c79;
}
#navMain li.activeparent a:hover
{
background: #fcd2c1 url(uploads/ocean/nav_main_bg_active.gif) repeat-x bottom;
color: #5c6c79;
}

/* --------------------------------------------------
Sub Navigation
-------------------------------------------------- */

#navSub ul
{
list-style: none;
margin: 0;
padding: 0;
margin-top: 12px;
float: left;
}
#navSub li
{
float: left;
padding: 0;
font-size: 1.1em;
margin-right: 10px;
font-weight: bold;
}
#navSub li a
{
text-decoration: none;
color: #5c6c79;
}
#navSub li a:hover
{
text-decoration: underline;
}
#navSub li h3
{
display: block;
float: left;
font-size: 1em;
margin: 0;
padding: 0;
color: #5c6c79;
border: 0;
text-decoration: underline;
}

/* --------------------------------------------------
Tables
-------------------------------------------------- */

table
{
border: 1px solid #c2d2e9;
background-color: #ffffff;
font-size: 1.1em;
border-collapse: collapse;
}
.cellHeading
{
text-align: left;
border: 0;
color: #000;
background-color: #dfe8f6;
font-weight: bold;
}
td
{
text-align: left;
border: 1px solid #c2d2e9;
}
.cellBold
{
color: #1f437c;
font-weight: bold;
background-color: #dfe8f6;
}
.cellAlt
{
background-color: #f6f9fe;
}
.cellAlignCentre
{
text-align: center !important;
}

/* --------------------------------------------------
Forms
-------------------------------------------------- */

/* input
{
background: #f5f5f5 url(uploads/ocean/bg_form.gif) repeat-x top left;
border: 1px solid #e3e3e3;
padding-left: 5px;
margin-bottom: 6px;
}*/

/* --------------------------------------------------
Search
-------------------------------------------------- */

/* .search-input
{
margin-right: 2px;
}
.search-button
{

}*/

/* --------------------------------------------------
News
-------------------------------------------------- */

/* Summary */
.NewsSummary
{
margin-bottom: 5px;
border-bottom: 1px dotted #cccccc;
}
/* Homepage */
.boxNewsRight .NewsSummary
{
padding: 10px;
}
.NewsSummaryPostdate
{
color: #666;   
}
.NewsSummaryLink
{
font-size: 1.2em;
}
.NewsSummaryCategory
{
color: #666; 
}
.NewsSummaryAuthor
{
color: #666; 
}
.NewsSummarySummary
{
font-size: 1em;
line-height: 0;
margin-top: 5px;
margin-bottom: 5px;
}
.NewsSummaryContent
{
font-size: 1.3em;
margin-top: 5px;
margin-bottom: 5px;
}
.NewsSummaryExtra
{

}
.NewsSummaryField
{

}
/* Detail */
.NewsPostDetailDate
{

}
h3.NewsPostDetailTitle
{

}
hr.NewsPostDetailHorizRule
{

}
div.NewsPostDetailCategory
{

}
div.NewsPostDetailAuthor
{

}
div.NewsPostDetailContent
{

}
div.NewsPostDetailExtra
{

}
div.NewsPostDetailPrintLink
{

}
div.NewsPostDetailReturnLink
{

}
div.NewsDetailField
{

}

/* --------------------------------------------------
Slideview homepage widget
-------------------------------------------------- */

/* Preloader stuff, do not modify! */
.svwp
{
width: 50px;
height: 20px;
background: #fff;
} 
.svwp ul
{
position: relative;
left: -999em;
}
.slideViewer
{ 
position: relative;
overflow: hidden; 
margin: 0;
padding: 0;
background: #fff;
}
/* Your list of images */
.slideViewer ul
{ 
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
margin: 0; 
padding: 0;
}
.slideViewer ul li
{
float:left;
}
/* For the text pop-up */
.slideViewer span.typo
{ 
padding: 6px; /* do not modify padding */
background: #fff;
color: #494949;
font: bold 12px Arial;
}
.thumbSlider
{ 
overflow: hidden;
width: 1%;
background: #fff;
}
.thumbSlider ul
{ 
list-style-type: none;
margin: 0; 
padding: 0;
}
.thumbSlider ul li
{ 
float:left;
margin: 0;
}
.thumbSlider a
{
color: #fff;
text-decoration: none;
}
.thumbSlider a img
{
border: 0;
display: block;
padding: 0;
}
.thumbSlider p.tmbrdr {
/* the border above -not around- each thumb */
/* width, height and top values are dynamically added by the script. Do not modify. */
position:relative; 
left: 0;
font-size: 0.01em;
left: 0;
margin: 0;
padding: 0;
}
a.left, a.right
{
/*the left and right buttons (links)*/
background: transparent; /* could be any color  */
color: #ff0000;
font: bold 16px Arial;
overflow: hidden;
}
a.left span, a.right span
{
}
a.left img, a.right img
{
border: 0;
}
a.l_dis, a.r_dis
{
background: transparent; /* ALWAYS leave transparent. this is the 'disabled' state of the link !  */
cursor: default;
}
a.l_dis span, a.r_dis span
{
display: none;
}
a:focus
{
outline:none;
}
/* End of 'WHS_LIB : Library' */