/* Jackson Keay CSS properties */

/* Text layout */

.pageTitle {

	font-family: arial, verdana, times new roman;
	font-size: 18px;
	color: #000000;
	font-weight: bold;

}

.homePage 
{
	font-family: arial, Verdana, Times New Roman;
	font-size: 13px;
	color:#000000;
	font-weight:normal ;
	
}
.homePagePoint
{
	font-family:Arial, Verdana, Times New Roman;
	font-size:13px;
	color:#000000;
	font-weight:normal;
}

a.normLink {

	font-family: verdana, arial, times new roman;
	font-size: 10px;
	color: #001E8C;
}

a.normLink:hover {
	
	text-decoration: none;
}

.imgMain {
	
	padding: 12 px;
}


/* Positioning elements */

body {
	
	background-image: url("../images/repeatingSide1.gif");
	background-position: top left;
	background-repeat: repeat-y;
	background-color: #5366AE;
}

#contentPos {

	position:absolute;
	top: 150px;
	z-index: 5;

}

#header { /* Main header */

	Position: Absolute;
	Left: 0px;
	Top: 0px;
}

#lineLeft { /* design, left side */

	Position: Absolute;
	Left: 0px;
	Top: 116px;
	Z-index: ;
}

#lineRight {

	Position: Absolute;
	Left: 141px;
	Top: 110px;
	Z-index: 1;
}

#photo { /* Photo in right corner */

	Position: Absolute;
	Left: 633px;
	Top: 27px;
	Z-index: 1;
}

#mainL {

	Position: Absolute;
	Left: 200px;
	Top: 7px;
	Z-index: 2;
}

#subL {

	Position: Absolute;
	Left: 590px;
	Top: 125px;
	Z-index: 2;
}

#pic1 {

	Position: Absolute;
	Left: 1px;
	Top: 250px;
	Z-index: 2;
}

#pic2 {

	Position: Absolute;
	Left: 1px;
	Top: 350px;
	Z-index: 2;
}

#pic3 {

	Position: Absolute;
	Left: 1px;
	Top: 450px;
	Z-index: 2;
}


/* Page design */

TD { /* Defines the default font for the content box */

	font-family: verdana, arial, times new roman;
	font-size: 11px;
	font-color: #FFFFFF;
}

H1 { /* Defines a main header */
	
	font-size: 14px;
	font-weight: bold;
}

H2 { /* Defines a sub header */

	font-size: 12px;
	font-weight: bold;
}


/* General design elements */

#content { /* Content positioning */

	position: absolute;
	top: 150px;
	left: 170px;
	Z-index: 8;
}

#footer {

	font-family: verdana, arial, times new roman;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	
	text-decoration: none;
	
	z-index: 9;
}

#footer:hover {

	color: #000066;
}

.menuLink {

	font-family: verdana, arial, times new roman;
	font-size: 10px;
	font-weight: bold;
	color: #000066;
	
	text-decoration: none;
}

.menuLink1 {

	font-family: verdana, arial, times new roman;
	font-size: 13px;
	font-weight: bold;
	color: Black;
	
	text-decoration: none;
}

.menuLinkS {

	font-family: verdana, arial, times new roman;
	font-size: 10px;
	font-weight: bold;
	color: #FF0000;
	
	text-decoration: none;
}

.menuLink:hover {

	color: #5E77B5;
}

.menuLink1:hover {

	color: #5E77B5;
}



/* Sub menu design */

#subMenu { /* Positioning */

	Position: Absolute;
	Left: 15px;
	Top: 150px;
	Z-Index: 10;
}

a.subLink {

	Font-family: verdana, arial, times new roman;
	Text-decoration: none;
	color: #000066;
}

a.subLink:Hover {

	color: #FFFFFF;	
}

.subLink {

	Font-family: verdana, arial, times new roman;
	Font-size: 9px;
	Text-decoration: none;
	color: #3E006D;
}

/* Drop down DHTML boxes */

table.dd { /* Layout features */

	border-right: #000066 1px solid; 
	border-top: #000066 1px solid; 
	background: #C3D5FF; 
        border-left: #000066 1px solid; 
        border-bottom: #000066 1px solid;
        
        Width: 200px; /* Width of the table */
}

TR.ddRow {

	Height: 30px;
	Cursor: none;
}

TD.ddRow {

	Padding: 0.25cm;
}

a.link {

        font-family: verdana, arial, times new roman;
        font-style: normal; 
        font-size: 12px;
        color: #000066;
        text-decoration: none;
}

a.link:hover {
	
	color: #ffffff;
}

.link {

        font-family: verdana, arial, times new roman;
        font-style: normal; 
        font-size: 12px;
        color: #3E006D;
        text-decoration: none;
}

#home {

 	Visibility: Hidden; 
 	Position: Absolute; 
 	Left: 150px;
	Top: 26px; 
 	Z-index: 8;  
 }
 
 #about {

 	Visibility: Hidden; 
 	Width: 392px; 
 	Position: Absolute; 
 	Left: 254px;
	Top: 26px; 
 	Height: 23px; 
 	Z-index: 8;  
 }
 
  #products {

 	Visibility: Hidden; 
 	Width: 392px; 
 	Position: Absolute; 
 	Left: 270px;
	Top: 26px; 
 	Height: 23px; 
 	Z-index: 8;  
 }
 
 #careers {

 	Visibility: Hidden; 
 	Width: 392px; 
 	Position: Absolute; 
 	Left: 326px;
	Top: 26px; 
 	Height: 23px; 
 	Z-index: 8;  
 }
 
 #tradegas {

 	Visibility: Hidden; 
 	Width: 392px; 
 	Position: Absolute; 
 	Left: 475px;
	Top: 26px; 
 	Height: 23px; 
 	Z-index: 8;  
 }
 
 #vjc {

 	Visibility: Hidden; 
 	Width: 392px; 
 	Position: Absolute; 
 	Left: 596px;
	Top: 26px; 
 	Height: 23px; 
 	Z-index: 8;  
 }
 
 #quality {
	Visibility:Hidden;
	Width: 392px;
	Position:Absolute;
	Left: 596px;
	Top: 26px;
	Height: 23px;
	Z-index: 8;
 }
 
#directions {
	Visibility:Hidden;
	Width: 392px;
	Position:Absolute;
	Left: 596px;
	Top: 26px;
	Height: 23px;
	Z-index: 8;
 }
 
 #safety {
	Visibility:Hidden;
	Width: 392px;
	Position:Absolute;
	Left: 596px;
	Top: 26px;
	Height: 23px;
	Z-index: 8;
 }
 /* News text */
 
 .newsBlurb {
 
        font-family: verdana, arial, times new roman;
        font-style: normal; 
        font-size: 12px;
        color: #000066;
        text-decoration: none;
 
 }
 
 a.newsBlurb {
 
        font-family: verdana, arial, times new roman;
        font-style: normal; 
        font-size: 11px;
        color: #000066;
        text-decoration: none;
        font-weight: bold;
 }
 
 a.newsBlurb:hover {
 
 	color: #ffffff;
 }
 
 .newsBlurbDate {
 
        font-family: verdana, arial, times new roman;
        font-style: normal; 
        font-size: 10px;
        color: #000066;
        text-decoration: none;
 
 }

BODY
{
    FONT-SIZE: 10pt;
    COLOR: #000066;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    BACKGROUND-COLOR: white
}
TD
{
    FONT-SIZE: 10pt;
    COLOR: #000066;
    FONT-FAMILY: Verdana, Arial, Helvetica
}
A
{
    COLOR: #0000cc;
    TEXT-DECORATION: none
}
A:hover
{
    TEXT-DECORATION: underline
}
H1
{
    FONT-SIZE: 16pt
}
H2
{
    FONT-SIZE: 14pt
}
H3
{
    DISPLAY: inline;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt
}
H4
{
    DISPLAY: inline;
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt
}
TABLE.results
{
    BORDER-RIGHT: #000066 double;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #000066 double;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    BORDER-LEFT: #000066 double;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #000066 double
}
TABLE.resultsHighlight
{
    BORDER-RIGHT: #0000cc double;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #0000cc double;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    BORDER-LEFT: #0000cc double;
    COLOR: #0000cc;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #0000cc double
}
TD.resultsDivide
{
    BORDER-RIGHT: 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 2px;
    MARGIN: 0px;
    BORDER-LEFT: 0px;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: 1px solid;
    FONT-FAMILY: Courier, System, Fixedsys, Monospace
}
TD.totalDivide
{
    BORDER-RIGHT: 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: 1px solid;
    PADDING-LEFT: 5px;
    FONT-WEIGHT: bold;
    PADDING-BOTTOM: 2px;
    MARGIN: 0px;
    BORDER-LEFT: 0px;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: 1px solid;
    FONT-FAMILY: Courier, System, Fixedsys, Monospace
}
TD.boldText
{
    FONT-WEIGHT: bold
}
TD.results
{
    BORDER-RIGHT: 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 2px;
    MARGIN: 0px;
    BORDER-LEFT: 0px;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: 0px;
    FONT-FAMILY: Courier, System, Fixedsys, Monospace
}
TD.resultsItalics
{
    BORDER-RIGHT: 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 2px;
    MARGIN: 0px;
    BORDER-LEFT: 0px;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: 0px;
    FONT-STYLE: italic;
    FONT-FAMILY: Courier, System, Fixedsys, Monospace
}
TD.resultsHighlight
{
    BORDER-RIGHT: 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 2px;
    MARGIN: 0px;
    BORDER-LEFT: 0px;
    COLOR: #0000cc;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: 0px;
    FONT-FAMILY: Courier, System, Fixedsys, Monospace
}
TD.resultsArchive
{
    BORDER-RIGHT: 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 2px;
    MARGIN: 0px;
    BORDER-LEFT: 0px;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: 0px;
    FONT-STYLE: italic;
    FONT-FAMILY: Courier, System, Fixedsys, Monospace
}
TD.header
{
    BORDER-RIGHT: 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 5px;
    FONT-WEIGHT: bold;
    PADDING-BOTTOM: 2px;
    MARGIN: 0px;
    BORDER-LEFT: 0px;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: 1px solid;
    FONT-FAMILY: Courier, System, Fixedsys, Monospace
}
.notAvailable
{
    COLOR: #999999;
    FONT-STYLE: italic
}
.data
{
    FONT-FAMILY: Courier, System, Fixedsys, Monospace
}
.highlight
{
    BORDER-LEFT-COLOR: navy;
    BORDER-BOTTOM-COLOR: navy;
    BORDER-TOP-STYLE: double;
    BORDER-TOP-COLOR: navy;
    BORDER-RIGHT-STYLE: double;
    BORDER-LEFT-STYLE: double;
    BORDER-RIGHT-COLOR: navy;
    BORDER-BOTTOM-STYLE: double
}
.hiddenHighlight
{
    BORDER-LEFT-COLOR: white;
    BORDER-BOTTOM-COLOR: white;
    BORDER-TOP-STYLE: double;
    BORDER-TOP-COLOR: white;
    BORDER-RIGHT-STYLE: double;
    BORDER-LEFT-STYLE: double;
    BORDER-RIGHT-COLOR: white;
    BORDER-BOTTOM-STYLE: double
}
.normal
{
}
.noBorder
{
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    BORDER-LEFT: 0px;
    BORDER-BOTTOM: 0px
}
.allborders
{
    BORDER-RIGHT: #000066 2px solid;
    BORDER-TOP: #000066 2px solid;
    BORDER-LEFT: #000066 2px solid;
    BORDER-BOTTOM: #000066 2px solid
}
.north
{
    BORDER-TOP: #000066 2px solid
}
.south
{
    BORDER-BOTTOM: #000066 2px solid
}
.east
{
    BORDER-RIGHT: #000066 2px solid
}
.west
{
    BORDER-LEFT: #000066 2px solid
}
.northThin
{
    BORDER-TOP: #000066 1px solid
}
.southThin
{
    BORDER-BOTTOM: #000066 1px solid
}
.eastThin
{
    BORDER-RIGHT: #000066 1px solid
}
.westThin
{
    BORDER-LEFT: #000066 1px solid
}
.menuL1
{
    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 3px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 3px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11pt;
    PADDING-BOTTOM: 5px;
    BORDER-LEFT: 0px;
    COLOR: white;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: 0px;
    BACKGROUND-COLOR: #000066;
    TEXT-DECORATION: none
}
.menuL1Highlight
{
    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 3px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 3px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11pt;
    PADDING-BOTTOM: 5px;
    BORDER-LEFT: 0px;
    COLOR: #ffff33;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: 0px;
    BACKGROUND-COLOR: transparent;
    TEXT-DECORATION: none
}
.menuL1Highlight:hover
{
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    BORDER-LEFT: 0px;
    BORDER-BOTTOM: 0px;
    TEXT-DECORATION: none
}
.menuL2
{
    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 3px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 3px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    PADDING-BOTTOM: 5px;
    BORDER-LEFT: 0px;
    COLOR: navy;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: 0px;
    BACKGROUND-COLOR: #9999ff;
    TEXT-DECORATION: none
}
.menuL2Highlight
{
    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 3px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 3px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    PADDING-BOTTOM: 5px;
    BORDER-LEFT: 0px;
    COLOR: #ffff33;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: 0px;
    BACKGROUND-COLOR: transparent;
    TEXT-DECORATION: none
}
.menuL2Highlight:hover
{
    BORDER-RIGHT: 1px;
    BORDER-TOP: 1px;
    BORDER-LEFT: 1px;
    BORDER-BOTTOM: 1px;
    TEXT-DECORATION: none
}
.viewOnly
{
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    FONT-SIZE: 10pt;
    BORDER-LEFT: 0px;
    COLOR: #000066;
    BORDER-BOTTOM: 0px;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    BACKGROUND-COLOR: transparent
}
.delNoteBox
{
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    FONT-SIZE: 10pt;
    BORDER-LEFT: 0px;
    COLOR: #000066;
    BORDER-BOTTOM: 0px;
    FONT-FAMILY: Book Antiqua;
    BACKGROUND-COLOR: transparent
}
.disabledBox
{
    BACKGROUND-COLOR: #cdcdcd
}
.enabledBox
{
    BACKGROUND-COLOR: #ffffff
}
.statusOK
{
    COLOR: navy
}
.statusBad
{
    COLOR: red
}
.smallText
{
    FONT-SIZE: 8pt
}
.failure
{
    COLOR: red
}
TR.selectedRow
{
    BACKGROUND-COLOR: #ffff99
}
.smallestText
{
    FONT-SIZE: 7pt
}
TABLE
{
    BORDER-RIGHT: #000066;
    BORDER-TOP: #000066;
    BORDER-LEFT: #000066;
    BORDER-BOTTOM: #000066
}
.vert 
{
	postion:relative;
	top:1px
	left:1px
	WIDTH:1px; 
	height:10px;
	Writing-mode: tb-rl; 
}