/* test 2:19 */


#switcher {
padding: 1px 1px 1px 1px; margin: 1px 0px 1px 0px;
}

#switcher a img {
background: #ffffff;
}

#switcher a:hover img {
background: #dfe8f3;
}

body {
background-color : #FFFFFF;
background-image : url(/cms/images/oceanus/back.gif);
background-repeat : repeat-x
}

sub {
	vertical-align: baseline;
	font-size: 0.8em;
	position: relative;
	top: 0.4em;
	}



.search {
font-family: Arial, Helvetica, sans-serif;
font-size : 10px;
color: #ffffff;
padding-left : 8px;
padding-right : 8px;
float: right;
}

.search a:hover { color : #913E02 }



/*Styles for the Nav Content Layer */
.nav_padding {
padding-left : 0px;
padding-top : 0px;
}

/*Styles for the Main Content Layer */
.padding {
padding-right : 30px;
}

.maindiv {
font-family: Arial, Helvetica, sans-serif;
font-size : 12px;
color: #333333;
padding-top : 6px;
padding-left : 20px;
border-left-width: 1px;
border-left-style: dotted;
border-left-color: #CCCCCC;
margin-left: -.9em;

}

/*.maindiv td {
max-width: 700px;

}


.maindiv p { line-height : 100%; }
*/
.maindiv h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
color: #003366;
margin-top: -0.1em;
text-decoration: none;
line-height: 22px;
}

.maindiv h2 {
font-family : Arial, Helvetica, sans-serif;
font-size : 16px;
margin-bottom : 12px;
margin-top : 5px
}

.maindiv H3 {font-family: Arial, Helvetica, sans-serif; font-size : 12px; font-weight: bold; line-height: 140%; margin: 0px; margin-bottom:0px; padding:0px}
.maindiv p {margin-bottom: 12px; margin-top: 0px;}


.maindiv a { color : #913E02 }
.maindiv a:hover { color : #336699 }

.subhead {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight : bold;
}

li {
font-family: Arial, Helvetica, sans-serif;
font-size : 12px;
bottom : 12px;
margin-bottom : 12px;
margin-right : 0px;
margin-top : 12px
}


td {
font-family: Arial, Helvetica, sans-serif;
font-size : 12px;
bottom : 12px;
margin-bottom : 12px;
margin-right : 0px;
margin-top : 12px
}

.subhead a:link {
color: #003366;
text-decoration: none;
}

.subhead a:hover {
color: #913E02;
text-decoration: underline;
}

ol { color : #333333 }
ul { color : #333333 }

/* ---( tabnav & content)------------------------------- */
.tabdiv {
font-family: Arial, Helvetica, sans-serif;
font-size : 12px;
color: #333333;
padding-left : 20px;
padding-right : 10px;
}
.date {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #666666;
font-style: normal;
text-decoration: none;
height: 16px;
}

#tabnav {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
height: 16px;
margin: 0px;
float: right;
line-height: 17px;
}

#tabnav ul, #tabnav li {
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

#tabnav a:link, #tabnav a:visited {
font-size: 11px;
padding: 0px 30px 0px 0px;
margin-right: 0px;
text-decoration: none;
color: #336699;
}

#tabnav a:link.active, #tabnav a:visited.active {
border-top: 0px solid #142156;
color: #913E02;
}

#tabnav a:hover {
color: #913E02;
}

#tabnav2 {
margin: 0px;
padding-left: 9px;
}

#tabnav2 ul, #tabnav2 li {
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

#tabnav2 a:link, #tabnav2 a:visited {
float: left;
font-size: 11px;
font-weight: bold;
padding: 2px 15px 3px 15px;
margin-right: 0px;
text-decoration: none;
color: #142156;
}

#tabnav2 a:link.active, #tabnav2 a:visited.active {
color: #913E02;
}


#tabnav2 a:hover {
color: #913E02;
}

#navbar{
border-bottom : 1px dashed #666;
background-color: #91B2C8;	
}

#navbar td{
padding: 3px;
color: #333333;
font-size: 85%;
}

#navbar td.left{
padding-left: 18px;
background-color: #990000;
}


/*Style Applied to the Sidebar Layer */
.navDiv {
color : #999999;
font-family: Arial, Helvetica, sans-serif;
font-size : 12px
}

.navDiv p { margin-bottom : 12px; margin-top : 6px }

.navDiv h1 {
font-family : Arial, Helvetica, sans-serif;
font-size : 16px;
margin-left : 0px;
margin-top : 0px
}

.navDiv h2 {
font-family : Arial, Helvetica, sans-serif;
font-size : 16px;
margin-bottom : 0px;
margin-left : 0px;
margin-top : 24px
}

/*Style Applied to the Paragraphs for Main Section Links */
p.navButtsHead {
color : #142156;
font-family : Arial, Helvetica, sans-serif;
background-color : #dfe8f3;
border : 1px solid #666666;
font-size : 13px;
font-weight : bold;
margin-bottom : 16px;
display : block;
padding-bottom : 2px;
padding-left : 8px;
padding-top : 4px;
text-decoration : none;
}

p.navButts {
color : 336699;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
margin-bottom : 4px;
margin-top : 6px
}

.navButts a{
background-color : #91B2C8;
border : 1px solid #666666;
color : #003366;
display : block;
padding-bottom : 2px;
padding-left : 12px;
padding-top : 4px;
text-decoration : none;
}

.navButts a:hover {
background-color : #dfe8f3;
border : 1px solid #666666;
color : #142156;
text-decoration : none
}
p.navButtsOn {
background-color : #2B6E95;
border : 1px solid #666666;
color : #ffffff;
text-decoration : none;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
margin-bottom : 4px;
margin-top : 6px;
display : block;
padding-bottom : 2px;
padding-left : 12px;
padding-top : 4px;
}

p.navButtsOn a{
background-color : #2B6E95;
color : #ffffff;
text-decoration : none;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
margin-bottom : 0px;
margin-top : 0px;
display : block;
padding-bottom : 0px;
padding-left : 0px;
padding-top : 0px;
}


/*Style Applied to the Paragraphs for the Sub-Section Links */
p.navSubs {
color : #336699;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
margin-bottom : 2px;
margin-left : 0px;
margin-top : 0px;
line-height: 130%;
}
p.navSubson {
color : #913E02;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
margin-bottom : 2px;
margin-left : 0px;
margin-top : 0px;
padding-left : 14px;
font-weight: bold;
}

.navSubs a {
color : #003366;
display : block;
padding-left : 8px;
text-decoration : none;
}

.navSubs a:hover {
color : #913E02;
text-decoration : underline
}
p.navSubs2 {
color : #142156;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
line-height : 16px;
margin-bottom : 2px;
margin-left : 0px;
margin-top : 0px
}
p.navSubs2on {
color : #913e02;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
margin-bottom : 2px;
margin-left : 0px;
margin-top : 0px;
padding-left : 14px;
text-decoration : none;
font-weight: bold;
line-height : 16px;
}

p.navSubs2on a {
color : #913e02;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
margin-bottom : 0px;
margin-left : 0px;
margin-top : 0px;
padding-left : 0px;
text-decoration : none;
font-weight: bold;
line-height : 16px;
}

.navSubs2 a {
color : #142156;
display : block;
padding-left : 14px;
text-decoration : none;
width : 100%
}

.navSubs2 a:hover {
color : #913e02;
text-decoration : underline
}

p.navSubs3 {
color : #142156;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
margin-bottom : 2px;
margin-left : 0px;
margin-top : 0px
}
p.navSubs3on {
color : #913E02;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight: bold;
margin-bottom : 2px;
margin-top : 2px;
margin-left : 0px;
margin-top : 0px;
padding-left : 34px;
text-decoration : none;
width : 100%
}

.navSubs3 a {
color : #142156;
padding-left : 34px;
text-decoration : none;
}

.navSubs3 a:hover {
color : #913E02;
text-decoration : underline
}

/*Style Applied to the Paragraphs for Static Down-State Main Section Links */
p.navViz {
color : #142156;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : normal;
margin-bottom : 6px;
margin-left : 0px;
margin-top : 6px
}

.navViz a {
background-color : #dfe8f3;
border : 1px solid #666666;
color : #142156;
display : block;
padding-bottom : 2px;
padding-left : 12px;
padding-top : 4px;
text-decoration : none;
width : 100%
}

/*Style Applied to the Paragraphs for Copyright-Small-Text */
p.copyrights {
color : #666666;
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
line-height : 150%;
margin-bottom : 0px;
margin-top : 8px;
border-top-color: #000000;
margin-right: 0px;
margin-left: 0px;
}
.copyrights a:link {
color : #336699;

}
.copyrights a:hover {
color : #913E02;

}
p.footer {
color : #999999;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
line-height : normal;
margin: 6px 0px 25px;
padding: 0px;
text-align: center;
vertical-align: bottom;
border-top-width: 1px;
border-top-style: dotted;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-color: #CCCCCC;
visibility: visible;
bottom: 10px;
position: relative;
width: 100%;
}

/*Turns off Borders around Hyperlinked Images*/
img { border : 0px; display : block }

/*Styles Applied to Form Elements */
form {
border : 0px dotted #CCCCCC;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
margin-right : 36px;
margin-top : 0px;
padding : 12px
}

input { background-color : #F4F4F4; border : 1px solid #999999 }

input:focus { background : #FFFFFF }

textarea { 
background-color : #FAE4A5;
border : 1px solid #999999; 
font-family : Arial, Helvetica, sans-serif;
font-size : 12px 
}

.checks { background-color : #FFFFFF; border : 1px none }

.formBut { background-color : #CCCCCC }

/*Styles Applied to Float Images left or right */
.imgfloatright { float : right; }

.imgfloatcenter { float : center; }

.imgfloatleft {
float : left;
padding-right : 15px;
padding-bottom : 12px;
}

/*.imgfloatleft_250 {
float : left;
margin: 0 0 4px 0;
}*/

p.imgfloatleft_250 img {
float : none;
margin: 0;
max-width: 280px;
height:auto; 
}

.imgfloatleft-sm {
float : left;
margin-right : 8px;
padding-bottom : 8px;
}


.topnav {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #FFFFFF;
text-decoration: none;
font-style: normal;
line-height: 13px;
}
.tools {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #913E02;
text-decoration: none;
}
.tools a {
color: #913E02;
}
.tools a:hover{
color: #333333;
text-decoration: underline;
}

.caption {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666666;
font-style: normal;
line-height: 14px;
text-align: left;
padding: 0px;
margin: 0px;
}
p.caption {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666666;
font-style: normal;
line-height: 14px;
text-align: left;
padding: 0px;
margin: 0px 0px 6px;
}

.caption a {
color : #913E02;
}

.caption a:hover {
color : #913E02;
}

p.caption a:hover {
color : #913E02;
}
/* for boxes on right*/

.border {
border: 1px solid #91B2C8;
padding: 8px;
margin: 2px;
}

/*.border img {
max-width:280px;
height:auto;
}*/

.bar {
background-image:  url(/cms/images/oceanus/bar.gif);
background-repeat: no-repeat;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
background-position: left bottom;
text-align: left;
text-indent: 7px;
padding: 2px 2px -.5em;
font-style: normal;
letter-spacing: .5px;
}
.heading {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
font-variant: normal;
color: #003366;
padding-top: 0px;
margin-bottom: 6px;
margin-top: 0px;
}
.heading a {
color: #3C5478;
}

.headnolink {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 16px;
   font-weight: bold;
   font-variant: normal;
   color: #913E02;
   padding-top: 0px;
   margin-bottom: 6px;
   margin-top: 0px;
   line-height: 24px;
} 

.advanced {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;

}
.advanced a {
color: #FFFFFF;
text-decoration: none;
}
.advanced a: hover{
color: #FFFFFF;
text-decoration: underline;
}

.leftnav {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: normal;
color: #333333;
padding-bottom: 16px;
border-bottom-width: 2px;
border-bottom-style: dotted;
border-bottom-color: #DFE8F3;
padding-top: 8px;
line-height: 120%;
}
.leftnav a {
color: #3C5478;
}

.description {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
text-decoration: none;
text-indent: 6px;
margin: 4px 0px 0px;
padding-left: 0px;
font-weight: normal;
line-height: 16px;
}
.description a {
color: #333333;
text-decoration: none;
}
.description a:hover {
color: #913E02;
text-decoration: underline;
}

.right-column {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 16px;
font-weight: normal;
color: #333333;
text-decoration: none;
}

.right-column a {
color: #3C5478;

}
.cell-noborder {
border-top: none;
padding-top: 12px;
padding-right: 16px;
padding-bottom: 0px;
}

.highlights {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: normal;
color: #333333;
line-height: 120%;
}
.highlights a {
color: #3C5478;

}
.enlarge {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #333333;
text-decoration: none;
text-align: center;
line-height: 12px;
white-space: normal;
font-style: normal;
margin: 0px;
padding: 0px;
}
.enlarge a {
color: #3C5478;

}
.subtitle {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-height: 12px;
font-weight: normal;
color: #666666;
text-decoration: none;
text-transform: uppercase;
font-variant: normal;
line-height: 12px;
margin: 0px;
padding: 0px;
}


.titlebar {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #003366;
background-color: #E3EAF4;
display: block;
padding: 4px 0px 2px 5px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #666666;
margin-top: 14px;
margin-right: 10px;
}
.titlebar a:link {
color: #003366;
text-decoration: none; }

.titlebar a:visited {
color: #003366;
text-decoration: none; }

.titlebar a:hover {
color: #913E02;
text-decoration: underline;
}

.titlebar-nomargin {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #003366;
background-color: #E3EAF4;
display: block;
padding: 4px 3px 2px 5px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #666666;
margin-top: 0px;
margin-right: 0px;
}

.titlebar-nomargin a:link {
color: #003366;
text-decoration: none; }

.titlebar-nomargin a:visited {
color: #003366;
text-decoration: none; }

.titlebar-nomargin a:hover {
color: #913E02;
text-decoration: underline;
}

.article-head {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 20px;
color: #913E02;
text-decoration: none;
font-weight: bold;
}
.article-head a:hover {
color: #336699;
text-decoration: underline;
}
.body  {
font-family: Arial, Helvetica, sans-serif;
font-size : 12px;
color: #333333;
line-height : 140%;

}
.body a {
color: #913E02;
text-decoration: underline;
}

.cell-border {
background-image: url(/cms/images/oceanus/cell-back.jpg);
border: 1px solid #666666;
padding: 6px 6px 6px 8px;
}

.cell-border-nopadding {
background-image: url(/cms/images/oceanus/cell-back.jpg);
border: 1px solid #666666;
}

.subtitle-right {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #666666;
text-decoration: none;
margin-top: 0px;
text-transform: uppercase;
font-variant: normal;
margin-left: 3px;
clear: right;
float: right;
}
.line {
padding-top: 5px;
margin-top: 5px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #666666;
}

/*Styles for the article headings */
.headline H1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
color: #003366;
margin-top: -0.1em;
text-decoration: none;
line-height: 22px;

}
.headline H2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: bold;
margin-top: -.5em;
color: 006699;
margin-bottom: 1em;
line-height: 15px;
}

.name-aff {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #666666;
margin-top: 0.4em;
margin-bottom: 1em;
line-height: 13px;
}

/*Style Applied to the Slideshows main area */
.ssdiv {
font-family: Arial, Helvetica, sans-serif;
font-size : 12px;
color: #333333;
padding-top : 9px;
padding-left : 18px;
border-left-width: 1px;
border-left-style: dotted;
border-left-color: #CCCCCC;
margin-left: -.9em;
}

.blink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	color: #990000;
	text-decoration: blink;
}

#flush-right {
	float: right;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 20px;
}

h2 {
font-family : Arial, Helvetica, sans-serif;
font-size : 18px;
margin-bottom : 0px;
margin-left : 0px;
margin-top : 24px;
color: #069;
}


.box-shadow{
background: #fff;
  border: 1px solid #ccc;
  padding: 6px 6px 3px 6px;
  margin: 0 20px 25px 0;
  width: 27.5%;  
  float: left;
  position: relative;	
  box-shadow: 0 3px 8px rgba(0,0,0,0.45);
	-webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.45);
	-moz-box-shadow: 0 3px 8px rgba(0,0,0,0.45);
}
.box-shadow h3 {
  font-size: 12px;
  letter-spacing: 0.025em;
  line-height: 1.1;   
  padding: 0 0 0 0;
  color: #333;
  text-transform: uppercase;	
  display: block;
  margin: 6px 0 6px;
}
.box-shadow a {
  text-decoration:none;
}

.box-shadow img {
  width: 100%;
  max-width: 285px;
  display:block;
}

.box-shadow .description {
  background: #fff;
  padding: 3px 12px 0 0px;
  }
  
.box-shadow p {
  margin: 0 0 0 0;
  color: #999;
  font-size: 12px;
  line-height: 13px;
}



div.box-shadow:hover{
background: #E0EAF3;
background: #e3e9f5;
	
}

.japanese p{font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:16px; line-height:1.6em; }

h1 .japanese, .japanese h2 {font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:28px; color: #003366; font-weight:normal;}
.japanese h3{font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:20px; color: #003366; margin-bottom:0px; font-weight:normal; line-height:normal;}

.japanesecaption p{font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:12px; color: #333;}

p.japanesecaption {font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:12px; color: #333;}