/* General layout elements ---------------------------------------------------------------- */
/* Note: ALL style names should be in all lower case letters ( NO MIXED CAPS NAMES!! ) */
body {
    background-color:#FFF;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: .75em;
    color: #000;
	line-height:normal;
    margin: 0;
    padding: 0;
}
body {
}

h1 {
	font-size:2em; 
	margin:0.67em 0;
} 

h2 {
	font-size:1.5em; 
	margin:0.83em 0;
}

h3 {
	font-size:1.17em; 
	margin:1em 0;
}

input {
	margin-right:4px;
}

/* Paragraph */
p { margin-bottom: .25em }
p.sectionindent { text-indent: 5em; }
p.sectiontitle {
    margin-top:5px;
    text-align:justify;
}

/* Links */
a { text-decoration:underline; color: #00F; }
a:visited { color: #000082; }
a:hover { color: #003031; }
a:active { color: #00F; }

em, em a {
    background-color:transparent;
    font-style: italic;
}

img {
    vertical-align:top;
    border:none;
    text-decoration:none;
}

ul.header li { list-style-image: url(../images/arrow_btn.gif); }

.img, .img:visited {
    vertical-align:bottom;
    border:none;
    text-decoration:none;
}
			
ol { margin-top: 5px; }

hr {
    color: #003031;
    background-color: #003031;
    height: 1px;
    border: 1px;
}

#page, #page2 {
    padding:2px 0 6px 0;
    min-height:300px;
}

#page { overflow:hidden; }

#header #scrachcontainer {
    float:right;
    width:230px;
    height:40px;
    margin:0;
    padding:0;
}

.ebizsearchcontainer {
    background: url(../images/magnify-glass-small-grey.jpg) no-repeat top left;
    padding: .5em;
    padding-left: 30px;
	margin-left: 10px;
    background-color: #EFEFEF;
    border: 1px solid #003031;
    float: left;
}

div.scrachcontainer {
	margin: 0;
    padding: 0;
}

div.scrachcontainer form {
    margin: 10px 0 0 0;
    padding: 1px;
    color:#FF9;
    font-size:xx-small;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}

div.scrachcontainer img { clear:both; }

/* Styles for Catalog ---------------------------------------------------------------- */
.jumplinksbox { font-size: 120%; }

.leftcontainer {
    padding: .5em;
    background-color: #EFEFEF;
    border: 1px solid #003031;
    float: left;
}

.leftsearchcontainer {
    background: url(../images/magnify-glass-small-grey.jpg) no-repeat top left;
    padding: .5em;
    padding-left: 30px;
	margin-left: 10px;
    background-color: #EFEFEF;
    border: 1px solid #003031;
    float: left;
}

div.leftcontainer p { font-size: 1.5em; }

div.leftsearchcontainer form {
    padding:0;
    margin:0;
}

#cartheadercontainer {
    background: url(../images/shoppingcart-small-grey.jpg) no-repeat top left;
    background-color: #EFEFEF;
    border: 1px solid #003031;
    width: 65%;
    float: left;
}

.cartcontainer {
    background: url(../images/shoppingcart-small-grey.jpg) no-repeat top left;
    background-color: #EFEFEF;
    border: 1px solid #003031;
    float: right;
    padding-left: 30px;
}

#catalogcontainer {
    margin-left: auto;
    margin-right: auto;
}

.clear { clear:both; }

.sidebox {
    position: relative;
    top: 0;
    left: 0;
    margin:0 auto;
}

.spacer {
    width: 80%;
    padding:5px 0px 5px;
    margin:0 auto;
    text-align: left;
}

/* Message Styles  ---------------------------------------------------------------- */	
.messagecontainer {
    margin: 0 auto;
    padding:1px;
    background-color:#EFEFEF;
    border:1px solid #003031;
}

.messageread { font-weight:normal; }

.warningmsg {
    color: #900;
    padding: 10px 5px;
    text-align: center;
}

ul.warning {
    list-style-image: url(../images/warning-smaller.gif);
    line-height: 1.5em;
    color: #f00;
    text-align:center;
    list-style-position:inside;
}

.warningmsgnopad {
    background-image:url(../images/warning-smaller.gif); /* TMS 10079 2/11/09 Sadams */
    background-repeat:no-repeat;
    background-position:inherit;
    padding-left:20px;
    color: #f00;
}

.successmsg {
    color: #090;
    padding: 10px 5px;
    text-align: center;
}

.messageunread, .warningmsg, ul.warning, .successmsg { font-weight:bold; }

#wcftooltip {
    position: absolute;
    width: 150px;
    border: 1px dashed black;
    padding: 2px;
    background-color: #0f9;
    visibility: hidden;
    z-index: 100;
}

/* Substyle for order details sublines	99FF99  PDG Pale Dull Green */
.orderdetailalt {
    width: 150px;
    border: 0px;
    padding: 1px;
    background-color: #FFC;
}

/* style for href buttons ---------------------------------------------------------------- */
.button, .button:visited {
    border: 1px outset;
    padding: 1px 5px 1px 5px;
    margin-right: 2px;
    font-size: 12px;
    font-weight: bold;
    height: 10px;
    color: black;
    background-color: silver;
    text-decoration: none;
}

/* Mouseover style of href buttons */
.button:hover {
    border: 1px inset;
    padding: 1px 6px 1px 4px;
    margin-right: 2px;
    font-size: 12px;
    height: 10px;
    background-color: silver;
    color: white;
    text-decoration: none;
}

.buttongreen {
    border-bottom:1px solid #cf9;
    border-right:1px solid #9c3;
    border-left:1px solid #630;
    border-top:1px solid #330;
    padding:0px 1px 3px 3px;
}

.greenbutton {
    background-color:#5A8A8C;
    color:#FFF
}

/* Styles for command bars, button bars and related items */
.leftcommandbar {
    padding: .2em;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 10px;
    background-color: #EFEFEF;
    border: 1px solid #003031;
    float: left;
    height: 30px;
    width: 100%;
    vertical-align: top;
}

/* Picture menu bar on order page */	
.thincommandbar {
    position:relative;
    padding:0px;
    background-color: transparent;
    border: 1px solid #003031;
    height: 25px;
    width: 85%;
    vertical-align: top;
}

/* Picture menu at the top of the order detail page*/	
.textthincommandbar {
    position: relative;
    background-color: transparent;
	border-top: 1px solid #003031;
    border-bottom: 1px solid #003031;
    float: left;
    height: 38px;
    width: 100%;
    vertical-align: top;
}

/* Picture menu buttons on the order page */
.picturelink:hover, .picturelink:visited, .picturelink:active, .picturelink:link {
	border-right: 1px solid #003031;
    border-left: 1px solid #003031;
    background-color:#CCC;
    padding:3px 3px 0 3px;
    text-decoration: none;
}

.nodecoration { text-decoration: none; }

/* Style to make text align to the right for textboxes that should only accept numeric text */
input.numerictext { text-align:right }

/* base form - Auto center, 750px whide, has the color and border of the form */
div.baseform {
    margin:0 auto;
    padding:1px;
    border: 1px solid #003031;
}

/* Background color for baseform.  
   Not included in baseform class in cases that need that class with a different color  */
.bfcolor { background-color: #EFEFEF; }

.info { cursor:help; }

img.help {
	height:16px
	width:11px
}

/* Login screen */
div.login { background: url(../images/login.jpg) repeat-y; }

.person {
    background-color:#F3F3F3;
    border:1px;
    border-style:inset;
}

.boxbody {
    margin:15px 0 0 0;
    padding: 1px;
    text-align: left;
    border: 1px solid #003031;
}

/* Object Aligment*/
.floatleft { float:left; }
.floatright { float:right; }

/* Object center */
.center { margin:0 auto; }

/* Column headings on a grid or the title of a form or screen */
.columnheader, .formsubtitle {
    color: #FFF;
    background-color: #5A8A8C;
    font-size : 110%;
    font-weight: bold;
    line-height: normal;
    padding: 3px 3px 3px 5px;
}

.boxlabel {
    background-color: #FFF;
	font-weight: bold;
    line-height: normal;
    padding: 0 3px;
    margin: -10px 0 0 20px;
	text-align:center;
}

.boxlabelgreenlt {
    background-color: #ECF8EC;
	font-weight: bold;
    line-height: normal;
    padding: 0 3px;
    margin: -10px 0 0 20px;
	text-align:center;
}

/* Links on Column header */
.columnheader a {
    text-decoration:underline;
    color: #FFF;
    vertical-align:bottom;
}

.columnheader a:visited { color: #FFF; }

.columnheader a:hover {
    color: #003031;
    background-color:#E8FFC6;
}

.columnheader a:active { color: #FFF; }

.columnheaderinvisibletext {
    font-size: 1%;
    color: #204C4D;
}

/* Subtitle of a form or screen */
.formsubtitle {
    border-top:1px solid #003031;
    border-bottom:1px solid #003031;
    margin:0 0 5px 0;
}

/* links on subtitle of a form or screen*/
.formsubtitle a {
    text-decoration:underline;
    color: #FFF;
}

.formsubtitle a:visited { color: #FFF; }

.formsubtitle a:hover {
    color: #003031;
    background-color:#E8FFC6;
}

.formsubtitle a:active { color: #FFF; }

/* Adds up/down arrow to the right of object*/
.desc {
    padding-right:13px;
    background-image:url(../images/arrow_up.gif);
    background-repeat:no-repeat;
    background-position:right;
    vertical-align:bottom;
}

.asc {
    padding-right:13px;
    background-image:url(../images/arrow_down.gif);
    background-repeat:no-repeat;
    background-position:right;
    vertical-align:bottom;
}

/* Title of a form or screen */
.formtitle {
    color:#FFF;
    background-color:#204C4D;
    font-size:125%;
    font-weight:bold;
    line-height:normal;
    padding: 3px 3px 3px 5px;
}

.formtitle input { margin-left:40%; }

.formtitle a {
    text-decoration:underline;
    color: #FFF;
}

.formtitle a:visited { color: #FFF; }

.formtitle a:hover {
    color: #003031;
    background-color:#E8FFC6;
}

.formtitle a:active { color: #FFF; }

.green { color:#3C3 }
.darkred { color:#600 }
.darkblue { color:#30C }

div.top {
    text-align:right;
    margin:1em 0;
    padding:0;
}

/* Borders -------------------------------------------------------- */
.bordertop, .border1, div.buttonsection { border-top:1px solid #003031; }
.borderright, .border1 { border-right:1px solid #003031; }
.borderbottom, .border1 { border-bottom:1px solid #003031; }
.borderleft, .border1 { border-left:1px solid #003031; }

/* Background colors for alternating rows on a grid  -------------- */
.reportrow { background-color: #ECF8EC; }
.rowcolor1 { background-color: #ebebeb; }
.rowcolor1Alt { background-color:white }
.rowcolor2 { background-color: #fafafa; }

.rowcolor3 {
    color:#FFFCCC;
    background-color:#316000;
    font-size:100%;
    font-weight:bold;
    line-height:normal;
}

.rowcolor4 {
    background-color: #F8E9CB;
    font-size:100%;
    color: Black;
    font-weight:bold;
}

.rowcolor5 {
    background-color: #F8E9CB;
    font-size:100%;
    color: Black;
    font-weight:normal;
}

.specailHighlite {
    background-color:#99FFCC;
    font-size:100%;
    color: Black;
}

/* Background colors for headers & rows on a report  -------------- */
.reportheader3 {
    color:#FFFCCC;
    background-color:#316563;
    font-size:14px;
    font-weight:bold;
    line-height:normal;
    padding: 3px 3px 3px 5px;
}

.reportheader, .reportheader2, .reportheader2left, .reportheader2right { background-color: #FFC; }

.hdrref {
    background-color:transparent;
    color: #204C4D;
}

.hiddentitle {
    color: #255050;
    background-color: #AAA;
    font-size : 110%;
    font-weight: bold;
    padding: 3px 3px 3px 5px;
    margin:0 0 15px 0;
}

.stripebg { background: url(../images/layers.jpg) repeat; }

/* For warning or error message at top of form */
div.warningmsg {
    color: red;
    position: relative;
    top: 0;
    left: 0;
    font-family: Arial, Helvetica, Verdana;
    font-weight: bold;
    padding: 10px 5px;
}

/* Style to be centered and hold other containers  */
div.detailinfo {
    position: relative;
    top:0;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

/* Style to create a box that holds other containers */
div.holder {
    height: 1.75em;
    margin: 4px 0;
    clear:left;
}

div.holdernoheight {
    margin: 4px 0;
    clear:left;
}

/* For data titles on forms or screens */
.titlesection {
    float:left;
    width: 35%;
    margin:2px 0 0 0;
    padding:0.2em;
    text-align:right;
    font-weight:bold;
}

/* For data titles on forms or screens */
.titlesectionnarrow {
    float:left;
    width: 18%;
    padding:0.2em;
    text-align:right;
    font-weight:bold;
}

/* To indicate disabled form input fields */
input.disabled {
	background-color:#F3F3F3; 
	border:1px; 
	border-style:inset;
}

/* For form input controls bold titles on screens */
.datasection, .datasectionlong, .datasectiontext, .datasectiontextlong {
    text-align:left;
    padding-top:5px;
}

.datasectionlong, .datasectiontextlong { width: 70%; }

/*Width for datatitle classes set in percent */
.w5p { width:5% }
.w8p { width:8% }
.w10p { width:10% }
.w12p { width:12% }
.w15p { width:15% }
.w20p { width:20% }
.w25p { width:25% }
.w30p { width:30% }
.w31p { width:31% }
.w38p { width:38% }
.w35p { width:35% }
.w40p { width:40% }
.w45p { width:45% }
.w46p { width:46% }
.w47p { width:47% }
.w48p { width:48% }
.w49p { width:49% }
.w50p { width:50% }

/*Width for forms set in percent */
.w60p { width:60% }
.w70p { width:70% }
.w75p { width:75% }
.w80p { width:80% }
.w85p { width:85% }
.w90p { width:90% }
.w95p { width:95% }
.w98p { width:98% }
.w100p { width:100% }

/*Width for forms set in pixel's*/
.w140 { width:140px; }
.w250 { width:250px; }
.w300 { width:300px; }
.w325 { width:325px; }
.w350 { width:350px; }
.w400 { width:400px; }
.w450 { width:450px; }
.w550 { width:550px; }
.w650 { width:650px; }
.w750 { width:750px; }
.w800 { width:800px; }
.w850 { width:850px; }
.w900 { width:900px; }
.w950 { width:950px; }
.w1000 { width:1000px; }
.w1050 { width:1050px; }
.w1070 { width:1070px; }
.w1150 { width:1150px; }
.w1200 { width:1200px; }
.w1250 { width:1250px; }
.w1300 { width:1300px; }
.w1350 { width:1350px; }
.w1400 { width:1400px; }
.w1450 { width:1450px; }

/*Height for forms set in pixel's*/
.h25 { height:25px; }
.h80 { height:80px; }
.h185 { height:185px; }

/* Background color series */
.green1bg { background-color : #9F9; }
.green2bg { background-color : #6C6; }

/* padding series */
.pad1px { padding: 1px; }
.pad2px { padding: 2px; }
.pad4px { padding: 4px; }
.pad5px { padding: 5px; }
.pad10px { padding: 10px; }
.pad05em { padding: 0.5em; }
.pad10em { padding: 1.0em; }
.pad15em { padding: 1.5em; }
.pad20em { padding: 2.0em; }

/* order ditail */
.orderdetail { margin: 4px 4px 4px 8px; }

/* Font effects ------------------------------------------------------------------------------------------------------------*/
.boldfont, .callout, .boldtext { font-weight: bold; }

.boldtext {
    font-style: normal;
    line-height: normal;
}

.capfirstletters { text-transform: capitalize; }

/* Larger size font -- useful for column_header, etc */
.largefont { font-size: 130%; }

/* Text Alignment */
.textleft, .reportheader2left, .columnheader { text-align:left; }
.textright, .reportheader2right { text-align:right; }
.textcenter, .reportheader2 { text-align:center; }
.textjustify { text-align:justify; }

/* Style for the required asterisk */
.required { color:red; }

/* Display a tab at the bottom of the report section */
.reporttabshadow { background-color:#EEE; }

.reporttab {
    background-color:#FFF;
    padding:2px 0 0 2px;
    margin-left:2px;
    border-left:1px solid #003031;
    border-bottom:1px solid #003031;
}

/* For placing and centering buttons on a form */
div.buttonsection {
    position:relative;
    top:0;
    left:0;
    padding: 10px 0;
    text-align:center;
}

/* For placing a divider or line on a form */
div.divider {
    position: relative;
    top:0;
    left:0;
    width: 100%;
    height: 20px;
}

/* For placing text on a divider or line on a form */
div.dividertext {
    position: absolute;
    top:0;
    left:30px;
    width: auto;
    font-weight:bold;
    font-style: italic;
    color: gray;
}

/* For form that 'pops up' to allow user to choose action for selected record */
div.actionbox {
    position: absolute;
    top: 100px;
    left: 100px;
    width: 350px;
    height: 250px;
    padding: 0;
    z-index:3;
    visibility: hidden;
    background-color: #FFF;
    border-style:double;
    border-color: #000;
    border-width: 1px;
}

/* The following class was added for fix the problem with the forms fields bleeding through the menu */
.label {
    margin: 0;
    padding:0.2em;
    margin-top:0.3em;
    margin-bottom:0.3em;
    text-align:right;
    float:left;
    font-weight:bold;
}

/* Provides a little padding at the top and bottom of a screen of information */
div.formpadding { padding: 10px; }

/* Provides left and right margins to prevent objects from being right on edge of screen */
.offsetmargin { margin: 0 10px; }

/* ---------------------------------------------------------------- */			
html>body 

* html body #page { height:300px; }

/* styles for forms */
form { margin: 5px 0; }

/*Style for tables

/* Mappings for data tables */
.datatable {
    border-right: 1px solid #003031;
    border-bottom: 1px solid #003031;
    border-collapse: collapse;
    width: 100%;
    background-color: #EFEFEF;
}

table.datatable td { padding: 4px; }

table.datatable th {
    font-size : 110%;
    color: #FFFCCC;
    font-weight: bold;
    background-color: #204C4D;
    padding: 4px;
}

table.td {padding:4px;}

table.datatable tr { border: 1px solid red; }

table.datatablebtn { text-align: center; }

table td.tddatatable { border-left: 1px solid #003031; }

table td.titletext {
    font-style: normal;
    font-weight: bold;
    text-align: right;
}

table.list { font-family:"Courier New", Courier, monospace; }

.trHier1 { background-color:#FF9 }
.trHier2 { background-color:#FCC }
.trHier3 { background-color:#CCC }

/* Sortable tables */
table.sortable a.sortheader {
    color:#204C4D;
    font-weight: bold;
    text-decoration: none;
    display: block;
}

table.sortable span.sortarrow {
    color: black;
    text-decoration: none;
}

table.sortable td.border { border-bottom:1px solid silver; }
table.sortable tr.borderbottom { background: url(../images/borderbottom.jpg) repeat-x; }

/* Different levels of grey fro background on rows.
I need to distinguish one section from another from within the table.
Using one grey color won't work as sometimes a section is invisible and when made visible really jumbles the screen up and the eye has trouble making distinctions. */
.hiddenA, .hiddenB, .hiddenC {
    color: #255050;
    font-size : 110%;
    font-weight: bold;
    padding: 3px 3px 3px 5px;
    margin:0 0 15px 0;
}

.hiddenA { background-color: #AAA; }
.hiddenB { background-color: #BBB; }
.hiddenC { background-color: #CCC; }

.total {
    background-color: #B0E0E6;
    font-size: 11px;
    color: Black;
}

.total2 {
    background-color: #B0E0E6;
    font-size:112%;
    color: Black;
    font-weight:bold;
    text-align: right;
}

.negNumber {
    color:red;
    text-align: right;
}

.scrollOver { background-color:#FFFFE0; }

.scrollOver2 {
    background-color:#FF0;
    cursor:pointer
}

.nonActiveTab {
    background-color:#3C6;
    font-size:12px;
    font-weight:bold;
    cursor:pointer
}

.activeTab {
    background-color:#3F9;
    font-size:14px;
    font-weight:bold;
}

div.sectionText {
    position: relative;
    top:0;
    left:30px;
    width: auto;
    font-weight:bold;
    font-style: italic;
    color: gray;
}

div.TabView div.Tabs {
    height: 24px;
    overflow: hidden;
}

div.TabView div.Tabs a {
    float: left;
    display: block;
    width:  90px;
    text-align: center;
    height: 24px;
    padding-top: 3px;
    vertical-align: middle;
    text-decoration: none;
    font-family: "Arial", Serif;
    font-weight: 900;
    color: #000080;
    background-color: #999;
}

div.TabView div.Tabs a.Active {
    background-color: #FFE3BF;
    border: 1px solid black;
    border-bottom-width: 0;
}

div.TabView div.Tabs a:hover { background-color: #BF955F; }

div.TabView div.Pages {
    clear: both;
    border: 5px solid #FFE3BF;
    overflow: hidden;
}

div.TabView div.Pages div.Page {
    height: 100%;
    padding: 0px;
    overflow: hidden;
}

div.TabView div.Pages div.Page div.Pad { padding: 3px 5px; }

.hierMenu {
    margin:0 auto;
    font-size:8pt;
    text-align: center;
    overflow: hidden;
    background-color:#5A8A8C;
    height:18px;
}

.hierMenu a {
    color: #FFF;
    text-decoration:none;
}

.hierMenu a:visited { color: #FFF; }

.hierMenu a:hover {
    color: #003031;
    background-color:#E8FFC6;
}

.hierMenu a:active { color: #FFF; }

/* This is the Browser page footer*/
#footer {
    margin:0 auto;
    padding:1em 3px;
    font-size:8pt;
    text-align: center;
    overflow: hidden;
}

#footer a {
    color: #FFF;
    background: url(../images/square2.gif) no-repeat 2px;
    text-decoration:none;
    padding:0 10px 0 20px;
}

#footer a:visited { color: #FFF; }

#footer a:hover {
    color: #003031;
    background: url(../images/square23.gif) no-repeat 2px;
    background-color:#E8FFC6;
}

#footer a:active { color: #FFF; }

#footer div.center {
    height:1.25em;
    padding:.5em;
    background-color:#5A8A8C;
}

.formtitleactions {
    float:right;
    font-weight:normal;
    font-size:10pt;
    padding-right:10px;
}

/* scratcStyles */
html { height: 100%; }

body { font-family: Arial, Helvetica, sans-serif; margin: 0 0 0 0; padding: 0; background: #003031 
/*url(../images/left-column-bg.gif) repeat-y;  height: 100%;*/ }

/* CSS Styles for table-less layout */


div#header { /* Header div - must have 10px right margin to show background color*/
	background: #003031 url(../images/header-bg.gif) repeat;
/*	height: 112px;*/
	margin: 0px 10px 0 0;
}

/* Column 2 is main area and right side dark green border */
div#column2 {
	margin: 0;
	padding: 0;
	width: 100%;
}

/* Column 1 is left side nav - background is light green color */
div#column1 {
	margin: 0px;
	padding: 0px;
	background-image: url(../images/left-column-bg.gif);
	background-repeat: repeat-y;
	width: 100%;

}


div#navcol {
	padding: 10px 0 0 0;
	width: 160px;
	float: left;
}

div#main {
	padding: 0px;
	margin-left: 160px;
	margin-right: 10px;
	margin-top: 0;
	background: #FFFFFF;
}

div#main2 {
	padding: 0px;
	margin-left: 0px;
	margin-right: 10px;
	margin-top: 0;
	background: #FFFFFF;
}

div#sidecol {
	padding: 0px;
	width: 10px;
	float: right;
}

div#foot {
	border-top: solid #003031 1px;
	background-color:  #003031;
	padding: 10px;
	text-align: center;
	clear: both;
}

.clear {
	clear: both;
	display: block;
	height: 1px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.noDisplay { display: none; }



/* HEADER AREA STYLES */
	 
#usText { 
	height: 12px; margin: 0; padding: 0;
	background-color: #003031;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	font-style: italic; 
	font-weight: bold; 
	color: #FFFFFF; }
 
#header #scSearch { float: right; width: 330px; height: 104px; margin: 0; padding: 0; white-space: nowrap; }
#header #mainBanner { float: left; width: 608px; height: 104px; margin: 0; padding: 0; }

.oceanBanner { background-color: #21494A; background-image: url(../images/ocean_ban_bg.gif); background-repeat: repeat; margin: 0; padding: 0; }
.oceanBanner form { margin: 10px 0 0 0; padding: 0; }
.oceanBanner form #querytext { width: 100px; margin: 0; padding: 0; }

#otopBanner { margin: 0; padding: 0; }
#oceanTopHorizontalBar { clear: both; background-color: #5A8A8C; color: #ffffff; height: 16px; margin: 0px auto; padding: 0; text-align: center; }
	#oceanTopHorizontalBar ul { list-style: none; margin: 0; padding: 0; }
	#oceanTopHorizontalBar li { display: inline; font-size: 0.8em; font-weight: normal; }
	
	
/* LEFT SIDEBAR STYLES */
#oceanSideBarList li { padding: 0 0 0 15px; margin: 0; margin-bottom: 0px; background: url(../images/square23.gif) no-repeat 2% 6px; text-indent: -0.3em; line-height: 1em; }
.oceanSideBarLinkHeader { background: #5A8A8C; color: #E0FFB3; font-weight: bold; font-size: 10pt; margin: 15px 0 0px 5px; padding: 0 0 0 1px; }
		html>body .ffsubFix { border-bottom: 4px solid #E8FFCA; }
.oceanSideBarHeaderbg { background-color: #5A8A8C; margin: 0 0 10px 5px; }
	* html .oceanSideBarHeaderbg { height: 1%; background-color: #5A8A8C; margin: 15px 0 5px 5px; }

/* Breadcrumbs, etc. */
#subHeader {
	position: relative;
	height: 50px;
	background: #FFFFFF;
	padding: 5px 0 0 0; }
	#subHeader h1 { padding-left: 10px; }

	#breadcrumb
	{ width: 70%; margin-top: 10px; }

	#breadcrumb ul{	margin: 0 0 0 10px; padding: 0 0 0 4px;
		color: #000;
		list-style: none; }

		#breadcrumb ul li
		/*	Note: a fix for IE/Win in ie.css, line 42 */
		{	margin: 0; padding: 0 0 0 14px;
			display: inline;
			background: url(../images/breadcrumbarrow.gif) no-repeat 0% 50%;
			font-size: 0.85em; line-height: 1.2; }

		#breadcrumb ul li a
		{	margin: 0; padding: 0; }

		#breadcrumb ul li.first
		{	padding: 0;
			background-image: none; }
#alertBoxArea { clear: left;  margin-right: auto; margin-left: 100px; text-align: center; margin-top: 20px; width: 80%; }
#reportShield { position: absolute; right: 80px; width: 10%; margin: 0 0 0 0; padding: 0; }
	html>body #reportShield { margin: 0 0 0 0; }


/* MAIN AREA STYLES */
#mainContentHome { 
	 padding: 0 0 0 10px; margin: 8px 0 0 0;
	 background: #FFFFFF url(../images/bg7.jpg) no-repeat 100% 80%; }
	 html>body #mainContentHome { margin: -20px 0 0 0; }
#mainContentHomeNoImage { 
	 padding: 0 0 0 10px; margin: 8px 0 0 0;
	 background: #FFFFFF 100% 80%; }
	 html>body #mainContentHome { margin: -20px 0 0 0; }
#mainContentArea { 
	 padding: 0; margin:0;}
	 * html #mainContentArea  { height: 380px;} 
	 html>body #mainContentArea  { min-height: 380px; margin: 0; }


#mainContentArea h1 { margin-top: 0; padding: 0; }

#otopLinksList {  padding: 0; margin: 0px 0 0 0; }
	html>body #otopLinksList {  padding: 0; margin: 30px 0 0 0; }
	
	#collagepic { padding: 0; float: right; margin: 0 0 0 0; }
	html>body #collagepic { padding: 0; float: right; margin: 0px 0 0 0; }

/*These should be placed, respectively, for ol and ul lists to fix the bug in IE6 and IE7 with lists that occur in floated elements - if you see all "1's" in your ol list then use ol#standard, if there are spacing issues with bullets in a ul please use ul#standard2*/
ol#standard {
	margin: 1em 0; /* 1em 0 1em 40px; */
	padding: 0 0 0 40px;
}
ol#standard li {
	margin: 0; /* 0 0 0 40px; */
	padding-bottom: 6px;
	display: list-item;
	vertical-align: top;
}


ul#standard2 {
	margin: 1em 0; /* 1em 0 1em 40px; */
	padding: 0 0 0 40px;
}

ul#standard2 li {
	margin: 0; /* 0 0 0 40px; */
	padding: 0;
	display: list-item;
	vertical-align: top;
	list-style-position: outside;
}	

ul#services {
	margin: 0 0; /* 1em 0 1em 40px; */
	padding: 0 0 0 40px;
	width: 95%;
}

ul#leaflist li { padding-bottom: 0px; margin: 0; }	
ul#otopleaflist li { padding-bottom: 5px; margin: 0;  }
	.oceanMainPageLeafList { 
		padding: 0; margin: 0 0 0px 0;
		list-style-position: outside; list-style-type: none;}
		
		.oceanMainPageLeafList li { 
		padding: 0 0 0 25px;  margin: 0 0 0px 0;
		background: url(../images/ocean_bullet_leaf.gif) no-repeat 0% 10%; 
		list-style-type: none; }
	.oceanMainPageLeafList { 
		padding: 0; margin: 0 0 10px 0;
		list-style-position: outside; list-style-type: none;}
		
		.oceanMainPageLeafList li { 
			padding: 0 0 0 25px;  margin: 0 0 5px 0;
			background: url(../images/ocean_bullet_leaf.gif) no-repeat 0% 5px; 
			list-style-type: none; }
		.oceanMainPageLeafList li li { 
			margin: 0; padding: 0 0 0 12px;
			background: url(../images/ocean_bullet_limesq.gif) no-repeat 0% 5px; 
			list-style-type: none; }
		.otopContentBulletList { 
			background: url(../images/ocean_bullet_limesq.gif) no-repeat 0% 0%; 
			list-style-type: none; margin-left: 20px; }
			
#otopBottomBar { 
	display: block;
	margin: 20px auto 0 auto;
	padding: 3px;
	width: 100%; 
	text-align: center; }
	#otopBottomBar hr { height: 2px; width: 600px; margin: 0 auto; padding: 0; border: 2px solid #000000; border-width: 2px 0 0 0; }
/** html #otopBottomBar { margin-left: 10%; }*/

.otopCallCtrBox {
	border: 1px solid #000000;
	font-size: 0.8em;
	width: 80%; 
	color: #000000; 
	margin-left: auto; 
	margin-right: auto; 
	padding: 6px; }
	
#rightBarocean { position: absolute; top: 20px; right: 5px; width: 10%; height: 100%; }
	html>body #rightBarocean { width: 600px; }
#rightBarOTOP { clear: right; float: right; width: 220px; margin: 0 5px 0 5px; }

.topOfPage {  
	text-align: right; padding-right:5px; font-family: Arial, Helvetica, sans-serif; font-size: 8pt;
}

/*	Right-aligned boxes. */
	.oceanRightBox { 
		clear: right; float: right; width: 220px;
		background: #C6D3D6; 
		margin: 0 0 1em 0; padding: 0;
		font-size: 0.90em; border: 1px solid #000000; }
		html>body .oceanRightBox { width: 220px; }

	.oceanRightBox h5 {
		background-color: #4E7376;
		font-size: 8pt; text-align: center; color: #fff;
		padding: 2px; margin: 0 0 0.2em 0; 
		border: 1px solid #000000; border-width: 0 0 1px 0; } 
	.oceanRightBox p {
		padding: 0; margin: 0; }
		
		
	.otopRightBox { 
		clear: right; float: right; width: 220px;
		background: #C6D3D6; 
		margin: 0 0 1em 0; padding: 0;
		font-size: 0.90em; border: 1px solid #000000; }

	.otopRightBox h5 {
		background-color: #4E7376;
		font-size: 8pt; text-align: center; color: #fff;
		padding: 2px; margin: 0 0 0.2em 0; 
		border: 1px solid #000000; border-width: 0 0 1px 0; } 
	.otopRightBox p {
		padding: 0; margin: 0; }
	p.otopboxpadding { 
		padding: 2px 2px 2px 5px; 
		font-size: 9pt; color: #005142; }
		
/*	Operational Status Color boxes. */	
			
	.otopRightBoxOPSY {	
		/*background-color: #FFE784;*/
		margin:2px 5px 2px 5px;
		font-size: 0.9em; /*border: 1px solid #000000;*/ }
	.otopRightBoxOPSY h5 {
		background-color: #FFCC00;
		font-size: 8pt; text-align: center; color: #000;
		padding: 2px; margin: 0 0 0.2em 0; 
		/*border: 1px solid #000000; border-width: 0 0 1px 0;*/ }
	.otopRightBoxOPSY p {
		padding: 2px; margin: 0; }
	p.otopRightBoxOPSY { 
		padding: 2px 2px 2px 5px; 
		font-size: 9pt; color: #000000; }
		
	.otopRightBoxOPSG {	
		margin:2px 5px 2px 5px;
		font-size: 0.9em; }
	.otopRightBoxOPSG h5 {
		background-color: #009933;
		font-size: 8pt; text-align: center; color: #000;
		padding: 2px; margin: 0 0 0.2em 0; 
		border: 1px solid #000000; border-width: 0 0 1px 0; }
	.otopRightBoxOPSG p {
		padding: 2px; margin: 0; }
	p.otopRightBoxOPSG { 
		padding: 2px 2px 2px 5px; 
		font-size: 9pt; color: #000000; } 
		
	.otopRightBoxOPSR {	
		margin:2px 5px 2px 5px;
		font-size: 0.9em; }
	.otopRightBoxOPSR h5 {
		background-color: #CC0000;
		font-size: 8pt; text-align: center; color: #000;
		padding: 2px; margin: 0 0 0.2em 0; 
		border: 1px solid #000000; border-width: 0 0 1px 0; }
	.otopRightBoxOPSR p {
		padding: 2px; margin: 0; }
	p.otopRightBoxOPSR { 
		padding: 2px 2px 2px 5px; 
		font-size: 9pt; color: #000000; } 
		

	.oceanRightBoxImage { padding: 1px; margin-bottom: 5px; }
	.oceanRightBoxBulletList, .oiaaRightBoxBulletList { 
		list-style-position: outside; 
		list-style-image: url(../images/ocean_bullet_limesq.gif); 
		list-style-type: none; 
		margin-left: 4px; padding: 0; margin: 0 5px 10px 0;}
	.oceanRightBoxBulletList li, .oiaaRightBoxBulletList li { height: auto; }
	.oceanRightBoxHeaders { background-color: #4E7376; font-family: Arial, Helevetica, sans-serif; font-size: 8pt; color: #FFFFFF; font-weight: bold; text-decoration: none;}
	

* html #darkGreenBottom {/*only ie gets this style*/
\height:22px;/* for ie5 */
\height:20px;/* for ie6 */
}


	
.oceanBanner2 { background-color: #21494A;}
.oceanLeafList { list-style-position: outside; list-style-image: url(../images/ocean_bullet_leaf.gif);}
.oceanLeafListHeader { font-family: Arial, Helevetica, sans-serif; font-size: 11pt; color: #000000; font-weight: bold; text-decoration: none;}
A.oceanLeafListHeader:hover{ font-family: Arial, Helevetica, sans-serif; font-size: 11pt; color: #000000; background: #E0FFB3; font-weight: bold; text-decoration: none;}


h1 { font-size: 24px; color: #000000;}
div.doublespace li { padding-bottom: 12pt;}

/* styles for the horiz. navbar */
.oceanTopHorizontalBar { background-color: #5A8A8C; color: #ffffff; font-size: 8pt;}
.oceanHorizontalLinks { font-family: Arial, Helevetica, sans-serif; font-size: 8pt; color: #FFFFFF; font-weight: bold; text-decoration: none;}
.oceanHorizontalLinks:link { color: #FFFFFF;}
.oceanHorizontalLinks:visited { color: #FFFFFF;}
.oceanHorizontalLinks:hover { color: #21494A; background: #E8FFC6;}

/* styles for the sidebar */
td#oceansidebar div { padding-bottom: 2pt;}
.oceanSideBarbgcolor { background-color: #c6d3d6;}

#oceanLeftNav { margin-left: 5px; margin-bottom: 10px; height: 1%; margin-top: -5px; }

.oceanSideBarIndent { text-indent: 15pt;}
A.oceanSideBarLinks:link { color: #005142; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none;}
A.oceanSideBarLinks:visited { color: #005142; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none;}
A.oceanSideBarLinks:hover { background: #E8FFC6; color: #21494A; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none;}
A.oceanSideBarLinkHeader:link { color: #E0FFB3; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-indent: 2pt; text-decoration: none;}
A.oceanSideBarLinkHeader:visited { color: #E0FFB3; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-indent: 2pt; text-decoration: none;}
A.oceanSideBarLinkHeader6:hover { background: #E8FFC6; color: #21494A; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-indent: 2pt; text-decoration: none;}

/* styles specific to ocean Intranet homepage */
.customBg { background-image: url(../images/ocean_pagebg_leaves.jpg); background-repeat: no-repeat; background-position: right top; height: 100%; width: 100%;}


.oceanMainPageHeaders { font-family: Arial, Helevetica, sans-serif; font-size: 14pt; color: #000000; font-weight: bold; text-decoration: none;}
A.oceanMainPageHeaders:hover { font-family: Arial, Helevetica, sans-serif; font-size: 14pt; color: #000000; background: #E0FFB3; font-weight: bold; text-decoration: none;}

/* styles specific to right-hand list boxes */

.oceanRightBoxBulletList { list-style-position: outside; list-style-image: url(../images/ocean_bullet_limesq.gif); list-style-type: none; margin-left: 20px;}
.oceanRightBoxHeaders { background-color: #4E7376; font-family: Arial, Helevetica, sans-serif; font-size: 8pt; color: #FFFFFF; font-weight: bold; text-decoration: none;}
.oceanRightBoxHeadersGreen { background-color: #4E7376; font-family: Arial, Helevetica, sans-serif; font-size: 8pt; color: #E0FFB3; font-weight: bold; text-decoration: none;}
.oceanRightBoxHeadersRed { font-family: Arial, Helevetica, sans-serif; font-size: 8pt; color: #FF0000; font-weight: bold; text-decoration: none;}
A.oceanRightBoxLinks { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #005142; text-decoration: none;}
A.oceanRightBoxLinksUnderline{ font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #005142;}
A.oceanRightBoxLinksRed { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #FF0000; text-decoration: none;}
A.oceanRightBoxLinkslgRed { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #FF0000; text-decoration: none;}
A.oceansmallRightBoxLinks { font-family: Arial, Helvetica, sans-serif; font-size: 7pt; color: #005142; text-decoration: none;}
.oceanrtboxbullettext { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #005142;}
.oceanrtboxbulletlgtext { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #005142;}
.oceanrtboxbulletmedtext { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #005142;}
.oceanrtboxbulletsmalltext { font-family: Arial, Helvetica, sans-serif; font-size: 7pt; color: #005142;}
.oceanrtboxbulletsmall { font-family: Arial, Helvetica, sans-serif; font-size: 3pt; color: #005142;}

/* styles specific to employees page */
.oceanTableProps { padding: 3px; background-color: #E4EDED;}
.oceanTableHeader { font-weight: bold; color: #FFFFFF; background-color: #21494A;}
.oceanTableRow { background-color: #E4EDED;}
.oceanTableAltRow { background-color: #FFFFFF; }


/* styles specific to employees page */
.oceanEmployeesTable {  background-color: #003031; background-image: url(../images/ocean_employeeTable_left.gif); background-repeat: repeat;}
.oceanIndent { text-indent: 10pt;}
.oceanIndentB { text-indent: 10pt; text-align: right;}

/* OIAA styles */
.oiaaSmallText {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 100;}
.oiaaBigText { font-family: Arial, Helevetica, sans-serif; font-size: 16px; font-weight: bold;}
.oiaalisttitle {color:#005142; font-weight: bold; font-size: 9pt; text-indent: -16pt;}
.oiaaRightBox { background-color: #C6D3D6; width: 200px;}
.oiaaRightBoxBulletList { list-style-position: outside; list-style-image: url(../images/ocean_bullet_limesq.gif); list-style-type: none; margin-left: 20px;}
.oiaaRightBoxHeaders { background-color: #4E7376; font-family: Arial, Helevetica, sans-serif; font-size: 8pt; color: #FFFFFF; font-weight: bold; text-decoration: none;}
.oiaaSidebarIndent {text-indent: 8pt;}
A.oiaaSideBarLinks:link { color: #005142; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none;}
A.oiaaSideBarLinks:visited { color: #005142; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none;}
A.oiaaSideBarLinks:hover { background: #E8FFC6; color: #21494A; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none;}

A.oiaaRightBoxLinks { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #005142; text-decoration: none;}
ul#oiaaleaflist li { padding-bottom: 20px;}

/* egov styles*/
.egovInitBox {background-color: #006666; border: 1px #006666; padding: 2px;}
.egovInitBoxCell1 {background-color: #FFFFFF;}
.egovInitBoxCell2 {background-color: #C6D7D0;}
.egovInitBoxHeader {color: #FFFFFF; background-color: #006666;}

/* Human Capital styles*/
.hcRightBox { background-color: #C6D3D6; width: 175px;}
.hcRightBoxBulletList { list-style-position: outside; list-style-image: url(../images/ocean_bullet_limesq.gif); list-style-type: none; margin-left: 20px;}
A.hcRightBoxLinks { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #000000; text-decoration: none;}
.hcRightBoxTwo { background-color: #DEE7EF; width: 175px;}
.hcRightBoxHeader{ background-color: #92A9C3; font-family: Arial, Helevetica, sans-serif; font-size: 8pt; color: #000000; font-weight: bold; text-decoration: none;}
.hcBoxBulletList { list-style-position: outside; list-style-image: url(../images/ocean_bullet_purplesq.gif); list-style-type: none; margin-left: 40px;}
.hcListHeader { font-family: Arial, Helevetica, sans-serif; font-size: 12pt; color: #000000; font-weight: bold; text-decoration: none;}
A.hcListHeader:hover{ font-family: Arial, Helevetica, sans-serif; font-size: 12pt; color: #000000; background: #DEE7EF; font-weight: bold; text-decoration: none;}


/* SEPM styles */
.sepmTablePropsnocolor { padding: 3px;}
/*sepm tab styles */
.oceanTitleText { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #ffffff; text-decoration: none; font-weight: bold; padding-left: 20px;}
.oceanTitleAngle { background-image: url(../images/ocean_title_angledpiece.gif); background-repeat: no-repeat; background-position: left bottom;}
.oceanTitlebkgd { background-image: url(../images/ocean-title-bkgd.gif); background-repeat: no-repeat; background-position: left bottom;}
.oceanBorderGreen { background-repeat: repeat; background-color: #005142;}

/* IMIT Policy styles */
ul#imitleaflist li { padding-bottom: 20px;}
.imitMainPageLeafList { margin-left: 20px; list-style-position: outside; list-style-image: url(../images/ocean_bullet_leaf.gif); list-style-type: none;}
.imitMainPageHeaders { font-family: Arial, Helevetica, sans-serif; font-size: 14pt; color: #000000; font-weight: bold; text-decoration: none;}
.imitMainPageHeaders:hover { font-family: Arial, Helevetica, sans-serif; font-size: 14pt; color: #000000; background: #E0FFB3; font-weight: bold; text-decoration: none;}

/* QMP styles */
.qmpBigText { font-family: Arial, Helevetica, sans-serif; font-size: 16px; font-weight: bold;}

/* OTOP re-design styles */


.oceanMainPageSubHeaders { font-family: Arial, Helevetica, sans-serif; font-size: 9pt; color: #000000; font-weight: bold; text-decoration: none;}
A.oceanMainPageSubHeaders:hover { font-family: Arial, Helevetica, sans-serif; font-size: 9pt; color: #000000; background: #E0FFB3; font-weight: bold; text-decoration: none;}

.otopAlert {font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #005142; color:#FF0000;}

/* If you want to add additional styles, do so below this comment */

/* from ocean's mainstyle.css */ 
.splashlink { font-weight: bold; font-size:11pt; font-family: Arial, Helvetica, sans-serif; text-decoration: none;}
.headlineoceanGreen { font-weight: bold; font-size: 24px; font-family: Arial, Helvetica, sans-serif; color: #008080; }
.headlineGreen { font-weight: bold; font-size: 18px; font-family: Arial, Helvetica, sans-serif; color: #008080;}
.headline { font-weight: bold; font-size: 16pt; font-family: Arial, Helvetica, sans-serif;}
.bodytext { font-size: 10pt; font-family: Arial, Helvetica, sans-serif;}
.littletext { font-family: Arial, Helvetica, sans-serif; font-size: 8pt}
.splashlinkred { font-weight: bold; font-size:11pt; font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: #FF0000}
.fpMenu { font-family: Arial, Helvetica, sans-serif; font-size: 11pt; line-height: 24pt; font-weight: bold; color: #003399; text-decoration: none}
.littletextTimes { font-family: "Times New Roman", Times, serif; font-size: 11pt}
.subheadBig { font-weight: bold; font-size:12pt; font-family: Arial, Helvetica, sans-serif;}
.frontoceanGreen { font-weight: bold; font-size: 30px; font-family: Arial, Helvetica, sans-serif; color: #B8D3C7; }

.pdfformat { font-family: Arial,Helvetica,sans-serif; font-size: 8pt; font-style : italic; background-color: #ECF8EC;}
.footer  { font-size:8pt; font-family: Arial, Helvetica, sans-serif;  text-align: center;}

span.tab1 { font-size: 8pt;
			font-family: Arial, Helvetica, sans-serif;
			line-height: 12pt;
			margin-left: 20pt; }
			
span.tab2 { font-size: 8pt;
			font-family: Arial, Helvetica, sans-serif;
			line-height: 12pt;
			margin-left: 40pt; }
			
span.tab3 { font-size: 8pt;
			font-family: Arial, Helvetica, sans-serif;
			line-height: 12pt;
			margin-left: 60pt; }
			
span.tab4 { font-size: 10pt;
			font-family: Arial, Helvetica, sans-serif;
			line-height: 12pt;
			margin-left: 20pt;  }
			
span.tab5 { font-size: 10pt;
			font-family: Arial, Helvetica, sans-serif;
			line-height: 12pt;
			margin-left: 40pt;  }												
			
.h3_itsnews { color: #008080; font-size: 16px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
.h4_itsnews { color: #008080; font-size: 14px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }

.page_subtitle {
	font-family: arial, helvetica, sans-serif;
	font-size:12pt;
	color: #000000;
	font-weight : bold;
	text-transform : none;
	font-variant : normal;
}
.section_header {
	font-family: arial, helvetica, sans-serif;
	font-size:12pt;
	color: #000000;
	font-weight : bold;
	text-transform : none;
	font-variant : normal;
}
.note_text {
	font-family: arial, helvetica, sans-serif;
	color: red;
	font-weight : bold;
	text-transform : none;
	font-variant : normal;
}
.whitehead { 
	font-size:12pt; 
	color:#FFFFFF; 
	font-family: Arial, Helvetica, sans-serif; 
	line-height: 14pt;
}
.whitetext { 
	font-size:10pt; 
	color:#FFFFFF; 
	font-family: Arial, Helvetica, sans-serif; 
	line-height: 14pt;
}
.greenbodytext { 
	font-size:10pt; 
	color:#316563; 
	font-family: Arial, Helvetica, sans-serif; 
}
.navyheader { 
	font-size:10pt; 
	color:#000080;
	font-weight: bold; 
	font-family: Arial, Helvetica, sans-serif; 
}
.boldText { 
	font-size:10pt; 
	color: #000000;
	font-weight: bold; 
	font-family: Arial, Helvetica, sans-serif; 
}
.bigtext { 
	font-size:12pt; 
	color:#000000; 
	font-family: Arial, Helvetica, sans-serif; 
	line-height: 14pt;			
}
.floatbox {
	background-image:#relativepath#images/background08('background08.gif');
	background-color:beige;
	color:black;
	font-family:sans-serif;
	font-weight:600;
}
.red_bold {
	font-family: arial, helvetica, sans-serif;
	color: red;
	font-weight : bold;
	color : #FF0000;
	font-variant : normal;
}
.small {
	font-family: arial, helvetica, sans-serif;
	font-size: 9pt; 
	font-variant : normal;
}
.small_red {
	font-family: arial, helvetica, sans-serif;
	color : #FF0000;
	font-size: 9pt; 
	font-style : italic;
	font-variant : normal;
}