/* InterOpp.org Cascading Style Sheet file */
/* Font Strategy:
MENU - Menu items and hyperlinks:
# Verdana		IE installed font designed by Matthew Carter
# Trebuchet MS		IE installed font designed by Vincent Connare
# Times New Roman	IE installed font, Win 3.1 and 95, Win NT 3.x
# Lucida		Unix Xfree bitmap
Arial			IE installed font, Win 3.1 and 95, Win NT 3.x
Helvetica		Unix Xfree bitmap, Macintosh
# Palatino 		Macintosh
# Times 		Macintosh
TITLE - Titles and headers:
# Verdana		IE installed font designed by Matthew Carter
Trebuchet MS		IE installed font designed by Vincent Connare
# Times New Roman	IE installed font, Win 3.1 and 95, Win NT 3.x
# Lucida		Unix Xfree bitmap
Arial			IE installed font, Win 3.1 and 95, Win NT 3.x
Helvetica		Unix Xfree bitmap, Macintosh
# Palatino 		Macintosh
# Times 		Macintosh
TEXT - Text for reading:
Verdana			IE installed font designed by Matthew Carter
# Trebuchet MS		IE installed font designed by Vincent Connare
# Times New Roman	IE installed font, Win 3.1 and 95, Win NT 3.x
Lucida			Unix Xfree bitmap
Arial			IE installed font, Win 3.1 and 95, Win NT 3.x
Helvetica		Unix Xfree bitmap, Macintosh
# Palatino 		Macintosh
# Times 		Macintosh
SERIF - Text for quotes and other distinctively different uses:
# Verdana		IE installed font designed by Matthew Carter
# Trebuchet MS		IE installed font designed by Vincent Connare
Times New Roman		IE installed font, Win 3.1 and 95, Win NT 3.x
# Lucida		Unix Xfree bitmap
# Arial			IE installed font, Win 3.1 and 95, Win NT 3.x
# Helvetica		Unix Xfree bitmap, Macintosh
Palatino 		Macintosh
Times 			Macintosh
MONO - Monospace:
Courier New		IE installed font, Win 3.1 and 95, Win NT 3.x
Courier			Unix Xfree bitmap, Macintosh
*/
/* General styles */
body {
background-color:#ffffff;
}
p {
color:#000000;
font-family:Verdana,Lucida,Arial,Helvetica;
font-size:13px;
/*line-height:1.2;*/
margin-top:12px;
margin-bottom:9px;
/* margin-left:15px; */
}
th,td {
color:#000000;
font-family:Verdana,Lucida,Arial,Helvetica;
font-size:13px;
line-height:1.2;
}
div,span,textarea,input,select {
color:#000000;
font-family:Verdana,Lucida,Arial,Helvetica;
font-size:13px;
line-height:1.2;
}
ul,ol,dl {
color:#000000;
font-family:Verdana,Lucida,Arial,Helvetica;
font-size:13px;
line-height:1.2;
margin-top:10px;
margin-bottom:16px;
/* padding:0px; */
/* background-color:#ffffcc; */
/* border-width:0; */
/* left:0; */
/* margin-left:0; */
/* text-indent:0; */
}
li,dt,dd {
color:#000000;
font-family:Verdana,Lucida,Arial,Helvetica;
font-size:13px;
line-height:1.2;
margin-top:8px;
margin-bottom:6px;
/* padding:0px; */
}
ul {
list-style:disc
}
ul ul {
list-style:circle
}
ul ul ul {
list-style:square
}
ol {
list-style:decimal
}
ol ol {
list-style:lower-alpha
}
h1 {
color:#800000;
font-family:Trebuchet MS,Lucida,Arial,Helvetica;
font-size:21px;
font-weight:bold;
margin-left:-10px;
}
h2 {
color:#800000;
font-family:Trebuchet MS,Lucida,Arial,Helvetica;
font-size:19px;
font-weight:bold;
margin-left:-10px;
}
h3 {
color:#600000;
font-family:Trebuchet MS,Lucida,Arial,Helvetica;
font-size:17px;
font-weight:bold;
margin-left:-10px;
}
h4 {
color:#600000;
font-family:Trebuchet MS,Lucida,Arial,Helvetica;
font-size:15px;
font-weight:bold;
margin-left:-10px;
}
h5 {
color:#000000;
font-family:Trebuchet MS,Lucida,Arial,Helvetica;
font-size:15px;
font-weight:bold;
margin-left:-10px;
}
h6 {
color:#000000;
font-family:Trebuchet MS,Lucida,Arial,Helvetica;
font-size:14px;
font-weight:bold;
margin-left:-10px;
}
img {
border-color:#000000;
color:#000000;
}
form {
margin:0px;
}
pre {
font-family:Courier New,Courier;
}
code,kbd,tt {
font-family:Courier New,Courier;
font-size:13px;
line-height:1.2;
}
/* General hyperlink styles */
a:link,a:visited {
color:#000080;
font-weight:bold;
text-decoration:underline;
}
a:active,a:hover {
color:#cc0000;
font-weight:bold;
text-decoration:underline;
}
/* Custom styles for localized special effects (typically used in span) */
.iop-name {
font-weight:bold;
}
.kvetch {
color:#990000;
background-color:#ffeeee;
}
.bold {
font-weight:bold;
}
.italic {
font-style:italic;
}
.quoted {
font-style:italic;
}
.big {
font-size:16px;
}
.small {
font-size:11px;
}
.copyrt {
color:#666666;
font-family:Verdana,Lucida,Arial,Helvetica;
font-size:8pt;
}
.debug {
color:#ff6666;
font-size:11px;
}
/* Paragraph which is indented after the first line.
These typically have a bold prompt at the start of the paragraph.
*/
.pprompt {
color:#000000;
font-family:Verdana,Lucida,Arial,Helvetica;
font-size:13px;
line-height:1.2;
margin-left:40px;
margin-top:5px;
margin-bottom:5px;
text-indent:-40px;
}
/* Paragraphs for indentation. Like lists, but with no bullet.
Note that you must control your own inter-paragraph spacing.
*/
.pindent1 {
color:#000000;
font-family:Verdana,Lucida,Arial,Helvetica;
font-size:13px;
line-height:1.2;
margin-left:40px;
margin-top:0px;
margin-bottom:0px;
text-indent:-40px;
}
.pindent2 {
color:#000000;
font-family:Verdana,Lucida,Arial,Helvetica;
font-size:13px;
line-height:1.2;
margin-left:80px;
margin-top:0px;
margin-bottom:0px;
text-indent:-40px;
}
.pindent3 {
color:#000000;
font-family:Verdana,Lucida,Arial,Helvetica;
font-size:13px;
line-height:1.2;
margin-left:120px;
margin-top:0px;
margin-bottom:0px;
text-indent:-40px;
}
.pindent4 {
color:#000000;
font-family:Verdana,Lucida,Arial,Helvetica;
font-size:13px;
line-height:1.2;
margin-left:160px;
margin-top:0px;
margin-bottom:0px;
text-indent:-40px;
}
/* Paragraph for "There We Were" stories.
*/
.pstory {
background-color:#FFFFEF;
border-style:solid;
border-width:3px;
border-color:#CCCCCC;
color:#000000;
font-family:Verdana,Lucida,Arial,Helvetica;
font-size:13px;
line-height:1.2;
margin-left:20px;
margin-right:20px;
padding:5px;
}
/* Paragraph for large quotes.
*/
.pquote {
/*
background-color:#FFFFEF;
border-style:solid;
border-width:3px;
border-color:#CCCCCC;
*/
color:#000000;
font-family:Times New Roman,Palatino,Times;
font-size:17px;
font-style:italic;
line-height:1.2;
margin-bottom:0px;
margin-left:40px;
margin-right:0px;
padding:5px;
}
/* Paragraph for the author of a quote. */
.pquote-credit {
color:#000000;
font-family:Verdana,Lucida,Arial,Helvetica;
font-size:13px;
font-style:normal;
line-height:1.2;
margin-top:0px;
margin-left:40px;
margin-right:0px;
text-align:right;
}
/* Top panel custom styles */
.pag-topimage {
line-height:0px;
margin-top:0px;
}
.pag-topslice {
background-image:url(../img/pag_topslice.gif);
}
.pag-searchslice {
background-image:url(../img/pag_searchslice.gif);
/* Causes NN4 and Opera5.2 to expand the box by this amount
padding-top:32px;
*/
}
.pag-searchslice-text {
background-color:#415A7D
/* Causes NN4 and Opera5.2 to expand the box by this amount
padding-top:32px;
*/
}
/* Styles for Search box at top of page */
a.search:link,a.search:visited {
color:#ffffff;
font-family:Arial,Helvetica;
font-size:14px;
font-weight:bold;
letter-spacing:1px;
line-height:21px;
text-decoration:none;
}
a.search:active,a.search:hover {
color:#ffcc99;
font-family:Arial,Helvetica;
font-size:14px;
font-weight:bold;
letter-spacing:1px;
line-height:21px;
text-decoration:none;
}
/* Right-hand Menu panel custom styles */
.pag-menuslice {
background-image:url(../img/pag_menuslice.gif);
}
.pag-menuslicev {
background-image:url(../img/pag_menuslicev.gif);
}
.btn-level1 {
background-image:url(../img/btn_level1.gif);
/*text-indent:8px;*/
}
.btn-level1-s {
background-image:url(../img/btn_level1_s.gif);
/*text-indent:8px;*/
}
.btn-level1-open {
background-image:url(../img/btn_level1_open.gif);
/*text-indent:8px;*/
}
.btn-level1-open-s {
background-image:url(../img/btn_level1_open_s.gif);
/*text-indent:8px;*/
}
.btn-level2 {
background-image:url(../img/btn_level2.gif);
/*text-indent:20px;*/
}
.btn-level2-s {
background-image:url(../img/btn_level2_s.gif);
/*text-indent:20px;*/
}
.btn-level2-last {
background-image:url(../img/btn_level2_last.gif);
/*text-indent:20px;*/
}
.btn-level2-last-s {
background-image:url(../img/btn_level2_last_s.gif);
/*text-indent:20px;*/
}
a.menu-level1:link,a.menu-level1:visited {
color:#ffffff;
font-family:Arial,Helvetica;
font-size:15px;
font-weight:bold;
letter-spacing:1px;
/*line-height:21px;*/
line-height:15px;
text-decoration:none;
vertical-align:top;
}
a.menu-level1:active,a.menu-level1:hover {
color:#ffcc99;
font-family:Arial,Helvetica;
font-size:15px;
font-weight:bold;
letter-spacing:1px;
/*line-height:21px;*/
line-height:15px;
text-decoration:none;
vertical-align:top;
}
a.menu-level1-s:link,a.menu-level1-s:visited {
color:#ffcc99;
font-family:Arial,Helvetica;
font-size:15px;
font-weight:bold;
letter-spacing:1px;
/*line-height:21px;*/
line-height:15px;
text-decoration:none;
vertical-align:top;
}
a.menu-level1-s:active,a.menu-level1-s:hover {
color:#ffcc99;
font-family:Arial,Helvetica;
font-size:15px;
font-weight:bold;
letter-spacing:1px;
/*line-height:21px;*/
line-height:15px;
text-decoration:none;
vertical-align:top;
}
a.menu-level2:link,a.menu-level2:visited {
color:#ffffff;
font-family:Arial,Helvetica;
font-size:12px;
font-weight:bold;
letter-spacing:1px;
/*line-height:19px;*/
line-height:12px;
text-decoration:none;
}
a.menu-level2:active,a.menu-level2:hover {
color:#ffcc99;
font-family:Arial,Helvetica;
font-size:12px;
font-weight:bold;
letter-spacing:1px;
/*line-height:19px;*/
line-height:12px;
text-decoration:none;
}
a.menu-level2-s:link,a.menu-level2-s:visited {
color:#ffcc99;
font-family:Arial,Helvetica;
font-size:12px;
font-weight:bold;
letter-spacing:1px;
/*line-height:19px;*/
line-height:12px;
text-decoration:none;
}
a.menu-level2-s:active,a.menu-level2-s:hover {
color:#ffcc99;
font-family:Arial,Helvetica;
font-size:12px;
font-weight:bold;
letter-spacing:1px;
/*line-height:19px;*/
line-height:12px;
text-decoration:none;
}
a.menu-level2compact:link,a.menu-level2compact:visited {
color:#ffffff;
font-family:Arial,Helvetica;
font-size:12px;
font-weight:bold;
letter-spacing:0px;
/*line-height:19px;*/
line-height:12px;
text-decoration:none;
}
a.menu-level2compact:active,a.menu-level2compact:hover {
color:#ffcc99;
font-family:Arial,Helvetica;
font-size:12px;
font-weight:bold;
letter-spacing:0px;
/*line-height:19px;*/
line-height:12px;
text-decoration:none;
}
a.menu-level2compact-s:link,a.menu-level2compact-s:visited {
color:#ffcc99;
font-family:Arial,Helvetica;
font-size:12px;
font-weight:bold;
letter-spacing:0px;
/*line-height:19px;*/
line-height:12px;
text-decoration:none;
}
a.menu-level2compact-s:active,a.menu-level2compact-s:hover {
color:#ffcc99;
font-family:Arial,Helvetica;
font-size:12px;
font-weight:bold;
letter-spacing:0px;
/*line-height:19px;*/
line-height:12px;
text-decoration:none;
}
/* Specials buttons on right-hand Menu panel - custom styles */
.btn-special {
background-color:#3B1838;
}
.btn-special-s {
background-color:#5B3858;
}
a.menu-special:link,a.menu-special:visited {
color:#ffffff;
font-family:Arial,Helvetica;
font-size:11px;
text-decoration:none;
}
a.menu-special:active,a.menu-special:hover {
color:#ffcc99;
font-family:Arial,Helvetica;
font-size:11px;
text-decoration:none;
}
a.menu-special-s:link,a.menu-special-s:visited {
color:#ffcc99;
font-family:Arial,Helvetica;
font-size:11px;
text-decoration:none;
}
a.menu-special-s:active,a.menu-special-s:hover {
color:#ffcc99;
font-family:Arial,Helvetica;
font-size:11px;
text-decoration:none;
}
/* Main body table custom styles */
/*
.body-table {
Fails on Netscape 4.x - bkg is repeated within many enclosed body page tables
background-image:url(../img/pag_bodycurve.gif);
background-repeat:no-repeat;
background-position:top right;
}
*/
.body-flags {
/* annoying: background-image:url(../img/flag_banner_anim1.gif); */
background-image:url(../img/flag_banner4.gif);
background-repeat:repeat-x;
background-position:top left;
}
/* Footer Navigation panel hyperlink styles */
a.botnav:link,a.botnav:visited {
color:#ffffff;
font-family:Arial,Helvetica;
font-size:11px;
text-decoration:none;
}
a.botnav:active,a.botnav:hover {
color:#ffcc99;
font-family:Arial,Helvetica;
font-size:11px;
text-decoration:none;
}
/* Defined terms and links relating to the glossary */
.def-term {
font-family:Verdana,Lucida,Arial,Helvetica;
font-size:13px;
line-height:1.2;
font-weight:bold;
color:#002244;
}
.def-meaning {
font-family:Verdana,Lucida,Arial,Helvetica;
font-size:13px;
line-height:1.2;
color:#000000;
}
.deflink {
color:#6666ff;
}
a.deflink:link,a.deflink:visited {
color:#000080;
font-weight:bold;
text-decoration:underline;
}
a.deflink:active,a.deflink:hover {
color:#cc0000;
font-weight:bold;
text-decoration:underline;
}
/* 
.defpopup {
font-style:italic;
font-weight:bold;
}
*/
/* Custom styles for the site map */
.sm-level1 {
background-color:#ffffcc;
color:#000000;
font-family:Trebuchet MS,Lucida,Arial,Helvetica;
font-size:20px;
font-weight:bold;
letter-spacing:1px;
margin-left:100px;
margin-top:10px;
margin-bottom:0px;
padding:3px;
}
a.sm-level1:link,a.sm-level1:visited {
color:#000080;
text-decoration:underline;
}
a.sm-level1:active,a.sm-level1:hover {
color:#cc0000;
text-decoration:underline;
}
.sm-level2 {
background-color:#eeeeee;
color:#000000;
font-family:Trebuchet MS,Lucida,Arial,Helvetica;
font-size:16px;
font-weight:bold;
margin-left:120px;
margin-top:0px;
margin-bottom:0px;
padding:3px;
}
a.sm-level2:link,a.sm-level2:visited {
color:#000080;
text-decoration:underline;
}
a.sm-level2:active,a.sm-level2:hover {
color:#cc0000;
text-decoration:underline;
}
.sm-level3 {
color:#000000;
font-family:Trebuchet MS,Lucida,Arial,Helvetica;
font-size:14px;
font-weight:bold;
margin-left:140px;
margin-top:0px;
margin-bottom:0px;
padding:3px;
}
a.sm-level3:link,a.sm-level3:visited {
color:#000080;
text-decoration:underline;
}
a.sm-level3:active,a.sm-level3:hover {
color:#cc0000;
text-decoration:underline;
}
.sm-level4 {
color:#000000;
font-family:Trebuchet MS,Lucida,Arial,Helvetica;
font-size:12px;
font-weight:bold;
margin-left:160px;
margin-top:0px;
margin-bottom:0px;
padding:3px;
}
a.sm-level4:link,a.sm-level4:visited {
color:#000080;
text-decoration:underline;
}
a.sm-level4:active,a.sm-level4:hover {
color:#cc0000;
text-decoration:underline;
}
.sm-level5 {
color:#000000;
font-family:Trebuchet MS,Lucida,Arial,Helvetica;
font-size:12px;
font-weight:normal;
margin-left:180px;
margin-top:0px;
margin-bottom:0px;
padding:3px;
}
a.sm-level5:link,a.sm-level5:visited {
color:#000080;
text-decoration:underline;
}
a.sm-level5:active,a.sm-level5:hover {
color:#cc0000;
text-decoration:underline;
}
.sm-level6 {
color:#000000;
font-family:Trebuchet MS,Lucida,Arial,Helvetica;
font-size:12px;
font-weight:normal;
margin-left:200px;
margin-top:0px;
margin-bottom:0px;
padding:3px;
}
a.sm-level6:link,a.sm-level6:visited {
color:#000080;
text-decoration:underline;
}
a.sm-level6:active,a.sm-level6:hover {
color:#cc0000;
text-decoration:underline;
}
/* Custom styles for the Field Information page */
.fi-level1 {
background-color:#ffffcc;
color:#000000;
font-family:Trebuchet MS,Lucida,Arial,Helvetica;
font-size:20px;
font-weight:bold;
letter-spacing:1px;
margin-left:20px;
margin-top:10px;
margin-bottom:0px;
padding:3px;
}
a.fi-level1:link,a.fi-level1:visited {
color:#000080;
text-decoration:underline;
}
a.fi-level1:active,a.fi-level1:hover {
color:#cc0000;
text-decoration:underline;
}
.fi-level2 {
background-color:#eeeeee;
color:#000000;
font-family:Trebuchet MS,Lucida,Arial,Helvetica;
font-size:16px;
font-weight:bold;
margin-left:40px;
margin-top:0px;
margin-bottom:0px;
padding:3px;
}
a.fi-level2:link,a.fi-level2:visited {
color:#000080;
text-decoration:underline;
}
a.fi-level2:active,a.fi-level2:hover {
color:#cc0000;
text-decoration:underline;
}
.fi-level3 {
color:#000000;
font-family:Trebuchet MS,Lucida,Arial,Helvetica;
font-size:14px;
font-weight:bold;
margin-left:60px;
margin-top:0px;
margin-bottom:0px;
padding:3px;
}
a.fi-level3:link,a.fi-level3:visited {
color:#000080;
text-decoration:underline;
}
a.fi-level3:active,a.fi-level3:hover {
color:#cc0000;
text-decoration:underline;
}
/* Text-only custom styles */
.text-ioplogo {
color:#cccccc;
font-family:Trebuchet MS,Lucida,Arial,Helvetica;
font-size:22px;
font-weight:bold;
font-style:italic;
margin-left:20px;
}
/* Styles for tables with forms in the body of the page */
.formtbl-title {
color:#ffffff;
font-family:Trebuchet MS,Lucida,Arial,Helvetica;
font-size:18px;
font-weight:bold;
}
.formtbl-notes {
color:#000000;
font-family:Trebuchet MS,Lucida,Arial,Helvetica;
font-size:15px;
font-style:italic;
}
.formtbl-input {
color:#000000;
font-family:Verdana,Lucida,Arial,Helvetica;
font-size:15px;
}
.formtbl-select {
color:#000000;
font-family:Verdana,Lucida,Arial,Helvetica;
font-size:15px;
}
.formtbl-select-compact {
color:#000000;
font-family:Verdana,Lucida,Arial,Helvetica;
font-size:13px;
}
.formtbl-prompt-required {
color:#990000;
font-family:Verdana,Lucida,Arial,Helvetica;
font-size:15px;
font-weight:bold;
}
.formtbl-prompt-optional {
color:#000000;
font-family:Verdana,Lucida,Arial,Helvetica;
font-size:15px;
font-weight:bold;
}
/* Tables for photos */
/* This is a class for tables tags */
.photo-left {
float:left;
margin-right:10px;
margin-bottom:10px;
}
.photo-right {
float:right;
margin-left:10px;
margin-bottom:10px;
}
/* This is designed to be a paragraph tag */
.photo-caption {
text-align:center;
color:#000000;
font-family:Verdana,Lucida,Arial,Helvetica;
font-size:12px;
font-style:italic;
line-height:1.2;
margin-left:5px;
margin-right:5px;
margin-top:2px;
margin-bottom:2px;
}
/* This is a span tag */
.photo-credit {
color:#000000;
font-family:Verdana,Lucida,Arial,Helvetica;
font-size:11px;
font-style:normal;
}
/* Grid3D table colors */
TABLE.grid_3d {
background-color:#c7d0e0;
border-left:#cccccc 1px solid;
border-top:#cccccc 1px solid;
margin: 0px 0px 0.8em
}
TD.grid_3d {
background-color:#e7f0fa;
border-bottom:#cccccc 1px solid;
border-left:#ffffff 1px solid;
border-right:#cccccc 1px solid;
border-top:#ffffff 1px solid
}
TD.grid2_3d {
background-color:#f0f7ff;
border-bottom:#cccccc 1px solid;
border-left:#ffffff 1px solid;
border-right:#cccccc 1px solid;
border-top:#ffffff 1px solid
}
TD.gridch_3d {
background-color:#e0e7f7;
border-bottom:#cccccc 1px solid;
border-left:#ffffff 1px solid;
border-right:#cccccc 1px solid;
border-top:#ffffff 1px solid
}
TH.gridch_3d {
background-color:#e0e7f7;
border-bottom:#cccccc 1px solid;
border-left:#ffffff 1px solid;
border-right:#cccccc 1px solid;
border-top:#ffffff 1px solid
}
TD.gridrh_3d {
background-color:#e0e7f7;
border-bottom:#cccccc 1px solid;
border-left:#ffffff 1px solid;
border-right:#cccccc 1px solid;
border-top:#ffffff 1px solid
}
TD.gridth_3d {
background-color:#c7d0e0;
border-bottom:#999999 1px solid;
border-left:#e0e7f7 1px solid;
border-right:#999999 1px solid;
border-top:#e0e7f7 1px solid
}
TH.gridth_3d {
background-color:#c7d0e0;
border-bottom:#999999 1px solid;
border-left:#e0e7f7 1px solid;
border-right:#999999 1px solid;
border-top:#e0e7f7 1px solid
}