/* font-family */
BODY, A, H4, H5, H6, P, SPAN, DIV, UL, OL, LI, LABEL, SELECT, TEXTAREA, INPUT, FIELDSET, LEGEND 
{
    font-family: verdana, arial, helvetica, sans-serif;
}
H1, H2, H3, H1 SPAN DIV, H1 A
{
	font-family: 'helvetica neue',helvetica,arial,sans-serif;
}
/* font-family end */
BODY
{
	line-height: 0.875em; /* 16 x 0.875 = 14px */
    height: 100%;
    padding: 0px;
    margin: 0px;
    COLOR: #000000;
    BACKGROUND-COLOR: #0c262a;
}

TABLE 
{
    padding: 0px;
}
FORM 
{
    padding: 0px;
    margin: 0px;
}
LABEL {
    padding: 0px;
    margin: 0px;
}

IMG 
{
    BORDER: 0px;
}

H1, H2, H3, H4, H5, H6 {
    margin: 0px;
    padding:0px;
}
H1
{
	font-size: 130%;
	font-weight: normal;
	color: #468199;
    margin: 0px 0px 0px 0px;
}

H2{
	font-size: 120%;
	font-weight: 500;
	margin: 5px 0px 0px 0px;
}

H3{
	font-size: 70%;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
}

UL 
{
    MARGIN: 0px 0px 15px 20px;
    list-style-type:disc;
    line-height:1.2;
}
OL 
{
    MARGIN: 0px 0px 15px 20px;
    list-style-type:decimal;
    line-height:1.2;
}
LI 
{
    MARGIN: 0px 0px 0px 15px;    
}
A 
{
    COLOR: #000000;
    TEXT-DECORATION:underline;
}
A:hover 
{
    TEXT-DECORATION: underline;
}
INPUT 
{
    font-size:7pt;
}
SELECT
{
    font-size:7pt;
}
TEXTAREA
{
    font-size:7pt;
}

DIV P
{
	margin: 0px 0px 10px 0px;
}
/* ------------ Job Application Styles ----------------------------------- */

.JobApplicationTable
{
	font-size: 70%;
	COLOR: #000000;
	vertical-align: top;	
	margin: 0px 8px 0px 8px;
}

.JobApplicationSubTable
{
	font-size: 100%;
	COLOR: #000000;
	vertical-align: top;
	width:100%;
}

.JobApplicationInput
{
	font-size: 7pt;
	COLOR: #000000;
	vertical-align: top;	
}
.JobAppNavButtons 
{
	font-weight:bold;
	text-decoration:none;
}
.JobAppNavButtons :hover
{
	font-weight:bold;
	text-decoration:none;
}

/* div based layout */
.rightnavmaindiv{
	width: 120px;
}

.dark
{
	background-color:#134E5A;
}
	
.tearfunddark
{
	background-color:#134E5A;
}


/* ------------ Quick Link Styles --------------------------------*/

.QuickLink
{
	background-color: #ffd900;
	color: #134e5a;
	font-weight: normal;		
	font-size: 9px;	
	padding: 0px 0px 0px 5px;		
}

.quicklinktext
{
	color: #134e5a;
	font-size: 9px;
	font-weight: normal;	
}

.quicklinktext a, .quicklinktext a:link, .quicklinktext a:active, .quicklinktext a:visited
{
	color: #134e5a;
	font-size: 9px;
	font-weight: normal;	
	text-decoration: none;	
}

.quicklinkImg
{	
	background-color: #ffd900;
	vertical-align:bottom;	
}

.quicklinkInput
{
	font-size: 7pt;
	COLOR: #000000;
	vertical-align: top;		
}

.internalLinkButton
{
	font-weight:bold;
	font-size: 12px;	
}
/* ------------ Campaigning Styles ----------------------------------- */

.EditableLetter
{
	font-size: 7pt;
	background-color:White;
	color: Black;
	font-weight:normal;	
	border: solid 1px #9d9da1;
	width: 420px;
	height: 300px;
	overflow:scroll;
	padding: 5px 5px 5px 5px;	
}

.ReadOnlyLetter
{
	background-color:#f0f0f0;
	color: Black;
	font-weight:normal;	
	border: solid 1px #9d9da1;
	width: 420px;
	height: 300px;
	overflow:scroll;
	padding: 5px 5px 5px 5px;	
}
.readonlyinput
{
	font-size: 7pt;
	COLOR: #000000;
	background-color: #f0f0f0;
	vertical-align: top;	
}
/* ------------------------------------------------------------------------------------ */
A.mainbold:link {
    FONT-WEIGHT: bold;
    COLOR: #000000;
    TEXT-DECORATION: none
}

A.mainbold:visited {
    FONT-WEIGHT: bold;
    COLOR: #000000;
    TEXT-DECORATION: none
}
A.mainbold:hover {
    FONT-WEIGHT: bold;
    COLOR: #000000;
    TEXT-DECORATION: underline
}

A.mainbold:active {
    FONT-WEIGHT: bold;
    COLOR: #000000;
    TEXT-DECORATION: none
}

A.whitebold:link {
    FONT-WEIGHT: bold;
	FONT-SIZE: 80%;
    COLOR: #ffffff;
    TEXT-DECORATION: none
}

A.whitebold:visited {
    FONT-WEIGHT: bold;
    FONT-SIZE: 80%;
    COLOR: #ffffff;
    TEXT-DECORATION: none
}
A.whitebold:hover {
    FONT-WEIGHT: bold;
    FONT-SIZE: 80%;
    COLOR: #ffffff;
    TEXT-DECORATION: underline
}

A.whitebold:active {
    FONT-WEIGHT: bold;
    FONT-SIZE: 80%;
    COLOR: #ffffff;
    TEXT-DECORATION: none
}

A.main:link
{
    FONT-WEIGHT: normal;
    COLOR: #000000;
    TEXT-DECORATION: none
}

A.main:visited
{
    FONT-WEIGHT: normal;
    COLOR: #000000;
    TEXT-DECORATION: none
}
A.main:hover
{
    FONT-WEIGHT: normal;
    COLOR: #000000;
    TEXT-DECORATION: underline
}

A.main:active
{
    FONT-WEIGHT: normal;
    COLOR: #000000;
    TEXT-DECORATION: none
}

.hometextfixed 
{
	 FONT-SIZE: 8pt;
	 font-weight:normal;
}

.boldhometextfixed 
{
	 FONT-SIZE: 8pt;
	 font-weight:bold;
}

.hometext {
    FONT-SIZE: 65%;
    MARGIN: 0px  10px 0px 10px;
    COLOR: #000000;
}

.footerlinks
{
    FONT-SIZE: 65%;
    MARGIN: 0px 10px 0px 10px;
}

.homeboldtext
{
    FONT-SIZE: 65%;
    FONT-WEIGHT: bold;
    MARGIN: 0px 0px 0px 0px;
    COLOR: #000000;
}

.boldtext
{
    FONT-SIZE: 65%;
    FONT-WEIGHT: bold;
    MARGIN: 0px 0px 0px 0px;
    COLOR: #000000;
}

.blacktext 
{
	font-weight:normal;    
    COLOR: #000000;
}

.homelink
{
	width:630px;
	height:80px;
}


.headerdate {
    font-size: 65%;
    FONT-WEIGHT: bold;
    MARGIN: 0px 5px 2px 0px;
    COLOR: #ffffff;
}

/*---------key colours-----------------------*/
.petrol         { BACKGROUND-COLOR: #134e5a;}
.keyline		{background-color: #f9c61d;}
.keylinelight	{ BACKGROUND-COLOR: #ffd900;}
.logobg
{
    BACKGROUND-COLOR: #ffd900;
    HEIGHT: 67px
}

/*---------- menu ------------------------*/ 

.hmenu_off, .hmenu_on  {
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 4px;
    height:20px
}

.hmenu_spacer 
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    height:20px;
}

.menulinkoff {
    FONT-SIZE: 65%;
    COLOR: #000033;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}

.menulinkoff:hover {
    FONT-SIZE: 65%;
    COLOR: #ffffff;
    TEXT-DECORATION: none;
}

.menulinkon {
    FONT-SIZE: 65%;
    COLOR: #ffffff;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none;
}

.menulinkon:hover {
    FONT-SIZE: 65%;
    COLOR: #ffffff;
    TEXT-DECORATION: none
}

.menubg
{
    BACKGROUND-COLOR: #696969;    
    HEIGHT: 15px
}

.whitebg
{
    BACKGROUND-COLOR: #ffffff;
}

.formlabelcell
{
	vertical-align:top;
	text-align:right;
}


/* ------------------------------------------------------------------------------------ */
HR
{
	width: 80%;
	height: 1px;
}
.white_bodytextbold
{
    font-weight: bold;
    font-size: 70%;
    color: #ffffff;
    margin: 10px 0px 0px 10px;
}

/* summary link style */
a.summarylink {
	color: #000000;
	font-size: 60%;
	font-weight:bold;
	text-decoration: none;
}
a.summarylink:hover {
	text-decoration: underline;
}
/* -Giving styles---------------------------------------------------------------------- */
a.givingwhite {
	color: #FFFfff;
	font-size: 60%;
	font-weight:bold;
	text-decoration: none;
}
a.givingwhite:hover {
	text-decoration: underline;
}
/* Local styles for /index.htm--------------------------------------------------------- */
.indexhtmcontenttable {
	background-color:#f0f0f0;
}

.indexhtmtableheightstyle {
	height:100px;
}

/********** GENERIC PLACEHOLDER STYLES **********/
div.Placeholder
{	
	FONT-SIZE: 65%;
    MARGIN: 0px 5px 0px 0px;
    COLOR: #000000;
}

div.Placeholder font
{	
	FONT-SIZE: 100%;    
}

div.Placeholder a
{
    COLOR: #000000;
    TEXT-DECORATION: none;
}

div.Placeholder a:link, div.Placeholder a:active, div.Placeholder a:visited
{
	FONT-WEIGHT: bold;
    COLOR: #000000;
    TEXT-DECORATION: none;
}

div.Placeholder a:hover
{
	FONT-WEIGHT: bold;
    COLOR: #000000;
    TEXT-DECORATION: underline;
}

div.Placeholder H1, H2, H3, H4, H5, H6 
{
	MARGIN: 0px 10px 10px 0px;
	font-size: 11px;
}

div.Placeholder H1
{
	font-weight: Bold; 
}

div.homePlaceholder
{	
	FONT-SIZE: 65%;
    MARGIN: 0px 0px 0px 0px;
    COLOR: #000000;    
}

div.homePlaceholder font
{	
	FONT-SIZE: 100%;    
}

div.homePlaceholder a
{
    COLOR: #000000;
    TEXT-DECORATION: none;
}

div.homePlaceholder a:link, div.homePlaceholder a:active, div.homePlaceholder a:visited
{
	FONT-WEIGHT: bold;
    COLOR: #000000;
    TEXT-DECORATION: none;
}

div.homePlaceholder a:hover
{
	FONT-WEIGHT: bold;
    COLOR: #000000;
    TEXT-DECORATION: underline
}

div.homePlaceholder H1, H2, H3, H4, H5, H6 
{
	MARGIN: 0px 10px 10px 0px;
	font-size: 11px;
}

div#NewsSummary
{	
	FONT-SIZE: 65%;
    MARGIN: 0px 10px 0px 10px;
    COLOR: #000000;
}

/********** RELATED LINKS PLACEHOLDER STYLES **********/
div#RelatedLinks1Div P, div#RelatedLinks2Div P, div#RelatedLinks3Div P, div#RightColumnLinks P
{
	margin: 0px 10px 0px 0px;
}
/************** Search Styles *************/
.searchLink
{
	cursor:pointer;
}
.searchHeaderAndFooter	
{
	font-size:70%;
	color:#000000;	
}
.searchHeaderAndFooter a 
{
	color:#000000;
	margin:5px 5px 5px 5px;
}
/* not sure if searchResource is used*/
.searchResource
{
	width:400px;
}
.searchIcon
{
	
}
.searchline
{
    BACKGROUND-COLOR: #006666;
}
.sitesearch_bg
{
    BACKGROUND-COLOR: #ffd900;
}

.searchbox_bg
{
    BACKGROUND-COLOR: #e6f3f2;
}

/************ End Search Styles ***********/

.errorMessage
{
	color:Red;
	font-weight:normal;
}
.errorText
{
	color:Red;	
}
.Invisible
{
	display:none;	
}
.invisible
{
	display:none;	
}
.visible
{
	display:block;	
}
.
{
	z-index: 1;
}

#SubIndexSummaryTable #TitlePlaceholder1,
#SubIndexSummaryTable #TitlePlaceholder2,
#SubIndexSummaryTable #TitlePlaceholder3,
#SubIndexSummaryTable #TitlePlaceholder4,
#SubIndexSummaryTable #TitlePlaceholder5,
#SubIndexSummaryTable #PresentationTitleDiv1,
#SubIndexSummaryTable #PresentationTitleDiv3,
#SubIndexSummaryTable #PresentationTitleDiv5
{
	display: block;
	margin-left: 0px;	
	font-size: 82%;
    font-weight: bold;
    font-size: 70%;
}
#SubIndexSummaryTable #PresentationTitleDiv2,
#SubIndexSummaryTable #PresentationTitleDiv4
{
	display: block;	
	margin-bottom:0px;
	font-size: 70%;
    font-weight: bold;
}
#SubIndexSummaryTable #PresentationTitleDiv1 a,
#SubIndexSummaryTable #PresentationTitleDiv3 a,
#SubIndexSummaryTable #PresentationTitleDiv5 a
{
	display: block;
	margin-left: 18px;	
	font-size: 100%;
    font-weight: bold;
}
#SubIndexSummaryTable #PresentationTitleDiv2 a,
#SubIndexSummaryTable #PresentationTitleDiv4 a
{
	display: block;		
	font-size: 100%;
    font-weight: bold;
}
#BottomPlaceholder
{
	margin-left: 0px;
	padding-left: 0px;
}

#SubIndexSummaryTable #summaryText1 IMG,
#SubIndexSummaryTable #summaryText2 IMG,
#SubIndexSummaryTable #summaryText3 IMG,
#SubIndexSummaryTable #summaryText4 IMG,
#SubIndexSummaryTable #summaryText5 IMG
{
	margin-top: -14px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	padding: 0 !important;
}

.consoleModeSwitchToEdit, .consoleModeSwitchToLive {color:#ffffff;}

/* ------------- Address Finder -------------------- */
.addressfinder
{	
	margin-left: 40px;
	width: 90%;
}
.maincontent 
{ 
	background-color:#ffffff;
	height:100%;
}
.spacerimage
{
    display:block;
}

.thesmallprint
{
    FONT-SIZE:7pt;
    FONT-WEIGHT:normal;
    COLOR: #869395;
	margin: 10px 10px 10px 10px;	
}

/*MJB 11/11/09 Split this from below because visited was overruling hover */
.thesmallprint a
{
  text-decoration: none;
}

.thesmallprint a,
.thesmallprint a:visited
{
  font-weight: bolder;
  outline:none;
}

/*MJB 11/11/09 added hover */
.thesmallprint a:focus,
.thesmallprint a:active,
.thesmallprint a:hover
{ 
  text-decoration: underline;
}


.leftnav1text	
{ 
	color: #000000;
	font-size: 8pt;
    font-family: arial, helvetica, sans-serif;
    font-weight:bold;
    text-decoration:none;
}

.leftnav1text_on	
{ 
	color: #134e5a;
	font-size: 8pt;
    font-family: arial, helvetica, sans-serif;
    font-weight:bold;
    text-decoration:none;
}

.leftnav2text	
{ 
	color: #000000;
	font-size: 8pt;
    font-family: arial, helvetica, sans-serif;
    font-weight:normal;
    text-decoration:none;
}

.leftnav2text_on	
{ 
	color: #134e5a;
	font-size: 8pt;
    font-family: arial, helvetica, sans-serif;
    font-weight:bold;
    text-decoration:none;
}

div.rightcoltext {
	font-size: 8pt;
	padding: 5px 5px 5px 5px;
	text-align:left; }

div.rightcoltext span {
	font-size: 8pt;
}

div.rightcoltext a,
div.rightcoltext a:link,
div.rightcoltext a:active,
div.rightcoltext a:visited,
div.rightcoltext h1
{
	font-weight: normal;
	text-decoration:none;
} 

div.rightcoltext a:hover
{
	text-decoration:underline;
}

.rightcollink { display:block;}
.datagrid,
.datagrid a, 
.datagrid a:link, 
.datagrid a:active, 
.datagrid a:visited,
.datagrid span 
{ 
	font-size: 8pt;
}

.bookmark
{
	border:1px;
	border-color:Gray;
	border-style:solid;
	padding:10px;
	margin-bottom:10px;
}

.bookmark a
{
	COLOR:  #134e5a;
	text-decoration: none;
}

.bookmark1
{

	 float:left;
}
.bookmark2
{
	text-align:right;
}
/*----------------------------------------------------------
Footer stuff - generic 
----------------------------------------------------------*/

.footer {
  clear: both;
  margin-top:5px;
  padding: 2px 5px;
  background-color: #FFD900;
  height: 15px;
  padding:0px 0px 4px 0px;
   font-size: 0.625em; /* 16 x 0.625 = 10px */
  line-height:0.9em;
  overflow:auto;
  width:100%;
  margin: 0px 0px 0px 0px;
}

.footer ul {
  /* special case for the footer text */
  font-size: 0.625em; /* 16 x 0.625 = 10px */
  line-height:0.9em;
  overflow:auto;
  width:100%;
  margin: 0px 0px 0px 0px;
}

.footer li {
  float:left;
  display:block;
  padding:5px 15px;
  margin: 0px 0px 0px 0px;
}

.footer li a {
  color: #134E5A;
  font-weight:bolder;
  text-decoration:none;
}
.totalizer
{
	width:410px;
	margin-left:8px;
	margin-right:18px;
	margin-bottom:20px;
}
.totalizertext
{
	margin:5px 10px 5px 10px;
	font-size:8pt;
}
.totalizerlinks
{
	width:410px;
	text-align:right;
}
.totalizerlinks img
{
	margin-left:2px;
}