/* OCWC styles */
/* GENERAL */
html, body {
margin: 0px;
}
/* don't set background color on for sake of Dreamweaver */
body {
background-color: #ffffff;
background-image: url(../img/pagebkg.gif);
}
/* for div containing skip links and other content that should never be seen by visual browsers */
.offscreen {
position: absolute;
left: 0px; top: -9999px;
width: 1px; height: 1px;
overflow: hidden;
}
/* for back to top anchor */
#divtopanchor {
position: absolute;
left: 0px;
top: 0px;
width: 1px;
height: 1px;
z-index: 1;
}
/* div to clear floating divs */
.divclear {
clear: both;
}
/* remove space around form */
form {
display: inline;
margin: 0;
padding: 0;
}
/* table cells all aligned left and top */
td {
text-align: left;
vertical-align: top;
}
/* nowrap on td */
td.nowrap {
white-space: nowrap;
}
/* use border box model (widths include padding and borders) */
/* note: validator does not like these two declarations... */
/* the first is CSS3, the second is Mozilla-specific */
/* NOT NEEDED FOR THIS SITE - WE ARE USING STRICT MODE DOCTYPE
div {
box-sizing: border-box;
-moz-box-sizing: border-box;
}
*/
/* layout table */
/* note: cellspacing=0 must still be specified in table tag because of IE */
table.layouttable {
border: none;
border-spacing: 0px;
margin: 0px;
padding: 0px;
}
table.layouttable td {
padding: 0px;
}
table.layouttable td.vmiddle {
vertical-align: middle;
}
table.layouttable td.vbottom {
vertical-align: bottom;
}
table.layouttable td.hcenter {
text-align: center;
}
table.layouttable td.hright {
text-align: right;
}
/* elements for screen display or print display only */
span.screenonly {
display: inline;
}
span.printonly {
display: none;
}
div.screenonly {
display: block;
}
div.printonly {
display: none;
}
/* default font and link characteristics */
body {
font-family: arial, helvetica, sans-serif;
}
a,
a:link {
color: #006699;
text-decoration: underline;
}
a:visited {
color: #3fb5d3;
text-decoration: underline;
}
a:active,
a:hover,
a:focus {
color: #003366;
text-decoration: underline;
}
/* all lists use solid bullet */
ul {
list-style-type: disc;
}
/* doubly-indented bullet list - don't double the font size decrease */
ul li ul li {
font-size: 100%;
}
/* bullet lists spaced like paragraphs */
ul.paragraphic li {
margin-bottom: 1.0em;
}
/* OUTER SHELL */
/* container for all page content */
#divoutershell {
width: 754px;
margin: 0px auto;
padding: 0px 0px 20px 0px;
}
/* PAGE AREA */
/* the area with a white background */
#divpagearea {
position: relative;
z-index: 1;
background-color: #f9f9f9;
background-image: none;
padding: 0px 16px 16px 16px;
}
/* HEADER */
#divheader {
position: relative;
z-index: 1;
border-top: 1px solid #f9f9f9; /* helps IE6 behave */
}
/* site title */
#divsitetitle {
position: absolute;
left: 2px;
top: 10px;
z-index: 5;
}
/* mission statement */
#divmission {
margin-left: 274px;
padding: 10px 0px 20px 0px;
width: 448px;
}
#divmission p {
text-align: right;
margin: 0px;
font-size: 0.70em;
line-height: 140%;
color: #333333;
}
#divmission strong {
font-weight: normal;
color: #006699;
}
#divmission a,
#divmission a:link,
#divmission a:visited {
font-style: italic;
color: #006699;
}
#divmission a:active,
#divmission a:hover,
#divmission a:focus {
font-style: italic;
color: #003366;
}
#divmission strong a,
#divmission strong a:link,
#divmission strong a:visited {
font-style: normal;
color: #006699;
text-decoration: underline;
}
#divmission strong a:active,
#divmission strong a:hover,
#divmission strong a:focus {
font-style: normal;
color: #003366;
text-decoration: underline;
}
/*ocwc feature */
#ocwcfeature {
position: absolute;
top: 55px;
left: 0px;
}
/* tool links */
#divtoolnav {
white-space: nowrap;
height: 21px;
padding-left: 302px;
margin-bottom: 1px;
}
/* primary navigation */
#divprimarynav {
white-space: nowrap;
height: 68px;
margin-bottom: 1px;
}
/* CONTENT AREA */
#divbody {
margin-bottom: 18px;
}
/* breadcrumb */
#divbreadcrumb {
height: 38px;
padding: 16px 30px 16px 1px;
}
#divbreadcrumb p {
font-size: 0.70em;
line-height: 100%;
color: #444444;
margin: 0px;
}
#divbreadcrumb p span.current {
color: #cc0000;
}
#divbreadcrumb a,
#divbreadcrumb a:link,
#divbreadcrumb a:visited {
color: #006699;
text-decoration: none;
}
#divbreadcrumb a:active,
#divbreadcrumb a:hover,
#divbreadcrumb a:focus {
color: #3fb5d3;
text-decoration: underline;
}
/* text area */
/* page heading */
#divtext h1 {
margin: 0px 0px 16px 0px;
padding: 0px;
font-size: 35px;
line-height: 37px;
font-weight: normal;
color: #777777;
text-transform: uppercase;
}
/* other text */
#divtext p, #divtext li, #divtext dt, #divtext dd {
font-size: 0.70em;
line-height: 140%;
color: #444444;
margin-top: 0px;
}
#divtext p {
margin-bottom: 12px;
}
#divtext strong {
font-weight: bold;
color: #444444;
}
#divtext h2 {
font-size: 0.90em;
font-weight: bold;
line-height: 140%;
color: #777777;
margin-top: 0px;
margin-bottom: 16px;
}
#divtext h3 {
font-size: 0.70em;
font-weight: bold;
line-height: 140%;
color: #444444;
margin-top: 0px;
margin-bottom: 4px;
}
#divtext h4 {
font-size: 0.70em;
font-weight: bold;
font-style: italic;
line-height: 140%;
color: #444444;
margin-top: 0px;
margin-bottom: 4px;
}
#divtext blockquote {
margin-top: 0px;
margin-left: 1.0em;
margin-right: 0px;
}
/* bullet lists only slightly indented */
#divtext ul {
margin-left: 0.5em;
padding-left: 0.5em;
margin-top: 0px;
}
/* save font size of inner list items */
#divtext ul li ul li {
font-size: 100%;
}
/* paragraph before a list when there should be no space */
#divtext p.prelist,
#divtext p.preblockquote {
margin-bottom: 0px;
}
/* plain rule table */
table.plainruletable {
border: 1px solid #cccccc;
border-collapse: collapse;
margin-bottom: 1.2em;
}
table.plainruletable td {
border: 1px solid #cccccc;
padding: 4px;
}
table.plainruletable td.tint {
background-color: #f8f8f8;
}
/* SECONDARY NAVIGATION */
td.secondarynavcell {
background-color: #cdd8da;
}
/* secondary navigation - total width 138px */
#divsecondarynav {
width: 123px;
padding: 70px 7px 40px 8px;
}
#divsecondarynav p, #divsecondarynav ul li {
margin-top: 0px;
margin-bottom: 1.0em;
font-size: 0.70em;
font-weight: normal;
line-height: 140%;
}
#divsecondarynav ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
#divsecondarynav ul li {
padding-left: 12px;
background-image: url(../img/nav2arrow.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
}
#divsecondarynav a,
#divsecondarynav a:link,
#divsecondarynav a:visited {
color: #7e8e92;
text-decoration: none;
}
#divsecondarynav a:active,
#divsecondarynav a:hover,
#divsecondarynav a:focus {
color: #7e8e92;
text-decoration: underline;
}
/* no longer used because of SSI for country navigation */
#divsecondarynav a.current,
#divsecondarynav a.current:link,
#divsecondarynav a.current:visited,
#divsecondarynav a.current:active,
#divsecondarynav a.current:hover,
#divsecondarynav a.current:focus {
color: #3fb5d3;
}
/* SIDEBAR */
td.ruledsidebarcell {
background-image: url(../img/rulebkg.gif);
}
/* sidebar case study */
#divcasestudy {
width: 222px;
padding: 0px 9px;
margin: 0px;
border-top: 10px solid #f9f9f9;
}
#divcasestudy h2 {
font-size: 0.85em;
font-weight: bold;
line-height: 120%;
color: #827c4f;
margin-top: 0px;
margin-bottom: 1.0em;
}
#divcasestudy p {
font-size: 0.70em;
font-weight: normal;
line-height: 140%;
color: #827c4f;
margin: 0px;
}
#divcasestudy a,
#divcasestudy a:link,
#divcasestudy a:visited {
color: #827c4f;
}
#divcasestudy a:active,
#divcasestudy a:hover,
#divcasestudy a:focus {
color: #757049;
}
/* sidebar blurb */
#divsidebarblurb {
width: 220px;
padding: 8px 9px;
margin: 0px 0px 15px 0px;
border: 1px solid #827c4f;
background-color: #ffffff;
}
#divsidebarblurb h2 {
font-size: 1.05em;
font-weight: normal;
line-height: 100%;
color: #827c4f;
margin-top: 0px;
margin-bottom: 1.0em;
}
#divsidebarblurb p, #divsidebarblurb li {
font-size: 0.70em;
font-weight: normal;
line-height: 140%;
color: #827c4f;
margin-top: 0px;
}
#divsidebarblurb p {
margin-bottom: 1.0em;
}
#divsidebarblurb p.blurblogo {
text-align: center;
}
#divsidebarblurb p.prelist {
margin-bottom: 0px;
}
#divsidebarblurb ul {
list-style-type: disc;
margin-top: 0px;
margin-left: 0.5em;
padding-left: 0.5em;
}
#divsidebarblurb ul.triangular {
list-style-type: none;
margin: 0px;
padding: 0px;
}
#divsidebarblurb ul.triangular li {
margin-top: 0px;
margin-bottom: 1.0em;
font-size: 0.70em;
font-weight: normal;
line-height: 140%;
color: #827c4f;
padding-left: 12px;
background-image: url(../img/sidebararrow.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
}
#divsidebarblurb a,
#divsidebarblurb a:link,
#divsidebarblurb a:visited {
color: #827c4f;
}
#divsidebarblurb a:active,
#divsidebarblurb a:hover,
#divsidebarblurb a:focus {
color: #757049;
}
/* this sidebar floats to the right of the text - used in How To pages */
#divfloatingsidebar {
float: right;
width: 222px;
margin: 0px 0px 12px 12px;
padding: 12px 8px 12px 8px;
border: 1px solid #827c4f;
background-color: #ffffff;
}
#divfloatingsidebar p {
font-size: 1.05em;
font-weight: normal;
line-height: 140%;
color: #827c4f;
margin-top: 0px;
}
/* FOOTER */
#divfooter {
background-color: #95b0b6;
padding: 6px 6px 8px 6px;
color: #ffffff;
font-size: 0.70em;
line-height: 100%;
}
#divfooter a,
#divfooter a:link,
#divfooter a:visited {
color: #ffffff;
text-decoration: none;
padding: 0px 4px;
}
#divfooter a:active,
#divfooter a:hover,
#divfooter a:focus {
color: #ffffff;
text-decoration: underline;
}