.BannerEmailAddress { font-family: Arial; font-size: 17px; font-weight: bold; padding-left:12px ; color:#FFFFFF; background-color:  #003366}
.ContentBodyText { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; padding-left:12px; color:#333333; padding-right:12px }
.BannerEmailAddressNew { font-family: Arial; font-size: 17px; font-weight: bold; padding-left:12px ; color:#FFFFFF; background-color:  #336699}
.copyright {  font-family: Verdana; font-size: 9px; line-height: 10px; color: #333333; text-decoration: none; background-color:#B8AD89}

 /* EMail link in top bar goes yellow when hovered over */
    
/**********************************
* HTML tags Re-Defined 
***********************************/
body, table, p, br {  
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
}


/* Body is royal blue and default text color is black */
body { background-color: #003366 ; color: #000000}

 

/* Strange that the cell padding works in a cell context and margin in a formatting tags context */
p, br { margin-left: 5px }

td {  vertical-align: top}


/* The top nav bar */
.WhiteTopNav {  font-weight: bold; color: #FFFFFF; padding-left: 10px; background-color: #666699}


/***
* Sidebar Styles
*/

/* The blue sidebar that is 150 pixels wide.  Used to format the TD */
.sidebar {  
background-color: #666699; 
width: 130px; 
color: #FFFFFF; padding-top: 5px; padding-bottom: 5px}


/* Margin doesn't seem to make a difference.. only padding */

.sidebarheader { 
background-color: #9999CC; 
color: #FFFFFF ; 
padding-left: 8px;
font-weight: bold ; padding-top: 2px; padding-bottom: 2px}


.sidebaritem {  
color: #FFFFFF; 
padding-left: 5px; 
background-color: #666699}

.SidebarCategoryHeader {  
font-weight: bold; 
color: #FFFF99; 
background-color: #666699; 
padding-left: 5px; padding-top: 5px}

.SidebarCategoryItem {  
color: #FFFFFF; 
background-color: #666699; 
padding-top: 0px; padding-right: 0px; 
padding-left: 20px; 
}

.LeftSidebarCategoryHeader {  
color: #FFFFFF; 
background-color: #666699; 
padding-top: 0px; padding-right: 0px; 
padding-left: 5px; 
}


.GrayTableOutsideBorder {  
border: 1px #CCCCCC solid}


.BlueTextHeader2 {
border-left:0px solid #CCCCCC; border-right:0px solid black; border-top:1px solid #CCCCCC; border-bottom:0px solid black; padding:0px; font-family: Arial; 
font-weight: bold; color: #666699; background-color: #F1F0FF;  
font-size:12pt
}


.GreenTextHeader, .StrawTextHeader, .OrangeTextHeader, .BlueTextHeader {
font-family: Arial, Helvetica, sans-serif; 
padding-top: 0px; 
padding-right: 0px; 
padding-bottom: 0px; 
padding-left: 5px; 
border-style: solid; 
font-weight: bold; 
border-color: #CCCCCC black black #CCCCCC;
border-top-width: 1px; 
border-right-width: 0px; 
border-bottom-width: 0px; 
border-left-width: 1px;
}


/* Master Definitions for regular info boxes */
.GreenTextBold, .StrawTextBold, .OrangeTextBold, .BlueTextBold { font-weight: bold; background-color: #FFFFFF  }


/* Color definitions only */
.GreenTextHeader, .GreenTextHeaderMore { color: #339933; background-color: #CCFFCC }
.GreenTextBold { color: #339933 }
.StrawTextHeader, .StrawTextHeaderMore { color: #996666; background-color: #FFFFCC }
.StrawTextBold { color: #996666 }
.OrangeTextHeader, .OrangeTextHeaderMore {color: #CC6633; background-color: #FFF0E1}
.OrangeTextBold { color: #CC6633 }
.BlueTextHeader, .BlueTextHeaderMore { color: #666699; background-color: #F1F0FF}
.BlueTextBold { color: #666699 }

/* More amour */
.GreenTextHeaderMore, .OrangeTextHeaderMore, .StrawTextHeaderMore, .BlueTextHeaderMore { 
font-family: Arial, Helvetica, sans-serif; 
padding-top: 0px; 
padding-right: 0px; 
padding-bottom: 0px; 
padding-left: 5px; 
font-weight: bold; 
border-color: #CCCCCC black black; 
border-style: solid; 
border-top-width: 1px; 
border-right-width: 0px; 
border-bottom-width: 0px; 
border-left-width: 0px}

/* Better Web Sites By Design text at the bottom of the page */
.ByDesignGray {  
font-weight: bold; 
color: #cccccc; 
background-color: #666699; 
vertical-align: bottom}

/* You can't get more flush that that! */
.flush {  
margin-top: 0px; 
margin-right: 0px; 
margin-bottom: 0px; 
margin-left: 0px; 
padding-top: 0px; 
padding-right: 0px; 
padding-bottom: 0px; 
padding-left: 0px; 
border-style: none; 
border-top-width: 0px; 
border-right-width: 0px; 
border-bottom-width: 0px; 
border-left-width: 0px}

.Indent5Px {  padding-left: 5px}
.Indent10Px {  padding-left: 10px}
.Indent15Px { padding-left: 15px }

.LeftAndTopThinBorder {  
border-color: #CCCCCC #FFFFFF #FFFFFF #CCCCCC; 
border-style: solid; 
border-top-width: 1px; 
border-left-width: 1px}

.GrayBorderLeft {  border-color: black black black #CCCCCC; 
border-style: solid; 
border-top-width: 0px; 
border-right-width: 0px; 
border-bottom-width: 0px; 
border-left-width: 1px}


/****************************
* Info Pages Special Classes
*****************************/

.infoTopText, .infoH1, .infoH1FLushLeft, .InfoH2, .infoBodyText {font-family: Verdana, Arial, Helvetica, sans-serif  }
.infoTopText, .infoH1, .infoH2, .infoH2FlushLeft { font-weight: bold }

.infoTopText, .infoH1, .InfoH2 { padding-left: 8px }

.infoTopText {   font-size: 10pt;  color: #000000; background-color: #FFFFFF; padding-top: 9px }
.infoH1 {        font-size: 18pt;  color: #000000; background-color: #FFFFFF; padding-top: 13px  }
.infoH2 {        font-size: 12pt;  color: #CC6600; padding-top: 10px  }
.infoBodyText {  font-size: 12px;  color: #000000; background-color: #FFFFFF; padding-left: 10px }

.infoBullet  { list-style-type: square; font-family: Verdana, Arial, Helvetica, sans-serif;color: #000000; background-color: #FFFFFF; font-size: 12px }

.RelatedHeader
{
    COLOR: #cc6600;
    background-color: #FFEFB2; 
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-WEIGHT: bold
}

/* Blue Box Definitions */
.BlueBoxArrowCell {  background-color: #ADC2EB; color: #FFFFFF}
.BlueBoxSpacerCell {  background-color: #F5F7FD; color: #FFFFFF}
.BlueBoxLinkCell { background-color: #F5F7FD ; color: #003399}


/*************************************************************************************** 
* MouseOver effects 
* There are four states 
* Link         The UNvisited state
* Visited      The Visited state, second so that it over-rules the link
* Hover        When moused over, third so that it over-rides the visited and link
* Active       Last so that it over-rides the hover
* the ORDER these are declared in is important
* For TopNav the default state is white on blue no underline (link)
* Once a visit has happened it becomes white on blue underlined
* Hovering is always yellow text underlined
* Active (when you are waiting for the link) is too buggy to use
****************************************************************************************/

/* Over-riding default */
A:link {
  color: #FFFFFF; 
  text-decoration: none; 
  background-color : #666699;}
A:visited {
  color: #FFFFFF; 
  text-decoration: underline; 
  background-color : #666699;}
A:hover{ 
  color: #FDFE96; 
  text-decoration: underline; 
  background-color : #666699;}
  
   /* Links in the copyright bar are black and white when hovered over */
.copyright A:link {
  color: #333333; 
  text-decoration: none;
  background-color : #B8AD89;}
.copyright A:visited {
  color: #333333; 
  text-decoration: none; 
  background-color : #B8AD89;}
.copyright A:hover {
  color: #FFFFFF; 
  text-decoration: underline; 
  background-color : #B8AD89;}  

  
/* Links in the NavBar that are yellow need special treatment */
.SideBarCategoryHeader A:link {
  color: #FDFE96; 
  text-decoration: none;
  background-color : #666699;}
.SideBarCategoryHeader A:visited {
  color: #FDFE96; 
  text-decoration: underline; 
  background-color : #666699;}
.SideBarCategoryHeader A:hover {
  color: #FDFE96; 
  text-decoration: underline; 
  background-color : #666699;}
  
.BlueTextHeaderMore A:link {
  color: #666699; 
  background-color : #F1F0FF;
  text-decoration: none;}
.BlueTextHeaderMore A:visited {
  color: #666699; 
  text-decoration: underline; 
  background-color : #F1F0FF;}
.BlueTextHeaderMore A:hover { 
  color: #666699; 
  text-decoration: underline; 
  background-color : #F1F0FF;}
  
.BannerEmailAddress a:link {
  color: #FFFFFF; 
  text-decoration: none;
  background-color: #003366}
.BannerEmailAddress a:visited {
  color: #FFFFFF; 
  text-decoration: none; 
  background-color: #003366}
.BannerEmailAddress a:hover {
  color: #FFFF00; 
  text-decoration: none; 
  background-color: #003366}

 .BannerEmailAddressNew a:link {
  color: #FFFFFF; 
  text-decoration: none;
  background-color: #336699}
.BannerEmailAddressNew a:visited {
  color: #FFFFFF; 
  text-decoration: none; 
  background-color: #336699}
.BannerEmailAddressNew a:hover {
  color: #FFFF00; 
  text-decoration: none; 
  background-color: #336699}

.GreenTextHeaderMore A:link {
  color: #339933; 
  background-color : #CCFFCC;
  text-decoration: none;}
.GreenTextHeaderMore A:visited {
  color: #339933; 
  text-decoration: underline; 
  background-color : #CCFFCC;}
.GreenTextHeaderMore A:hover { 
  color: #339933; 
  text-decoration: underline; 
  background-color : #CCFFCC;}  
  
.StrawTextHeaderMore A:link {
  color: #996666; 
  background-color : #FFFFCC;
  text-decoration: none;}
.StrawTextHeaderMore A:visited {
  color: #996666; 
  text-decoration: underline; 
  background-color : #FFFFCC;}
.StrawTextHeaderMore A:hover { 
  color: #996666; 
  text-decoration: underline; 
  background-color : #FFFFCC;}  
  
 .OrangeTextHeaderMore A:link {
  color: #CC6633; 
  background-color : #FFF0E1;
  text-decoration: none;}
.OrangeTextHeaderMore A:visited {
  color: #CC6633; 
  text-decoration: underline; 
  background-color : #FFF0E1;}
.OrangeTextHeaderMore A:hover { 
  color: #CC6633; 
  text-decoration: underline; 
  background-color : #FFF0E1;} 
 
/* These are always blue underline, mimicing the normal default behaviour but without the visited colour 
*  and with a bright red hover effect
*/
.MissionText A:link {
  color: #0000CC; 
  background-color : #FEFAEE;
  text-decoration: underline;}
.MissionText A:visited {
  color: #0000CC; 
  text-decoration: underline; 
  background-color : #FEFAEE;}
.MissionText A:hover { 
  color: #CC0000; 
  text-decoration: underline; 
  background-color : #FEFAEE;} 

.BWText A:link {
  color: #0000CC; 
  background-color : #FFFFFF;
  text-decoration: underline;}
.BWText A:visited {
  color: #0000CC; 
  text-decoration: underline; 
  background-color : #FFFFFF;}
.BWText A:hover { 
  color: #CC0000; 
  text-decoration: underline; 
  background-color : #FFFFFF;} 
 
.infoBodyText A:link {
  color: #0000CC; 
  background-color : #FFFFFF;
  text-decoration: underline;}
.infoBodyText A:visited {
  color: #0000CC; 
  text-decoration: underline; 
  background-color : #FFFFFF;}
.infoBodyText A:hover { 
  color: #CC0000; 
  text-decoration: underline; 
  background-color : #FFFFFF;} 


A.BlueBoxLinkCell
{
    COLOR: #003399;
    FONT-SIZE: 10px;
    FONT-FAMILY: verdana, arial, Helvetica, sans-serif;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
; background-color: #F5F7FD
}
a:visited.BlueBoxLinkCell
{
    COLOR: #003399;
; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; background-color: #F5F7FD
}
a:hover.BlueBoxLinkCell
{
    COLOR: #003399;
    FONT-SIZE: 10px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: underline
; background-color: #F5F7FD
}

A.relatedlink
{
    COLOR: #003399;
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
; background-color: #FFEFB2
}
a:hover.relatedlink
{
    COLOR: #003399;
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: underline
; background-color: #FFEFB2
}
a:visited.relatedlink
{
    COLOR: #666666;
; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #FFEFB2; font-size: 11px
}.Indent20Px { padding-left: 20px}
.CellFloatCentre {  vertical-align: middle}.justwhite {
	color: #FFFFFF;
}