/* CSS Document */

/*-----------------------------------------------------------------------------*/
/*-----------------------                              ------------------------*/
/*-----------------------    U S A G E / INSTRUCTIONS  ------------------------*/
/*-----------------------                              ------------------------*/
/*-----------------------------------------------------------------------------*/

/* The core style sheet contains 80% of visual content. 20% of the content is used 
with at import. One style sheet will load in the expanding div backgrounds while
another will alter the background graphics/page graphics.

 Additions to CSS - if there are additions to the css please add them to the ADDitions section( at the bottom of this sheet
 -OR- create another CSS Sheet */




body { background:#ccc url(../../images/page/tile5.gif); font-family:Helvetica, Arial, sans-serif; font-size:80%; color:#222; margin:0; margin-bottom:0; padding:0; line-height:100%;}




/*--------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------H E A D E R-------------------------------------------------------------- */
/*------------------------------------------------------------------------------------------------------------------------------- */

#header {display:block; width:100%; height:4.0em;}


#navContainer {height:2.55em; float:right; margin:0 6em 0 0;}




/*-----------------------------LI UL Containers to adjust for different bwrowsers ----------------------------- */

a.topLine:hover { background: url(../../images/page/h_arrow_r.gif) no-repeat 50% 0%;}

#header  ul {list-style:none; padding:1em 0 0 0; margin:0}

#header a {text-decoration:none;padding: 0.8em 0.5em 0.3em 0.5em; display:block; color:#84002b}

a:hover {color:#070709}



									/*------------ *  *  * ------------*/



#header #nav li {float:left; display:block; margin:0; position:relative; padding-bottom:0.2em;}

#header #nav li.investorRelationsBtn ul { width:13.8em; }

#header #nav li.investorRelationsBtn ul ul{ width:24.5em; }

#header #nav li.investorRelationsBtn ul ul li.special{ width:9.5em; }


#header #nav ul.developerBtn { width:10.5em; }

#header #nav ul.consumerBtn {width:11.5em;}


#header #nav li.planBtn {  }

#header #nav li.contactBtn {  }

#content p.firstPara {padding-top:1em}

#header #nav ul.fundBtn {width:13em;  }

#header #nav ul.pressBtn {width:9em;  }

#header #nav ul.backgroundBtn  { width:8.5em; }

#header #nav li.noBorder {border:0; text-align:left}


#header #nav li a {text-align:center; color: #84002b;}

#header #nav li a:hover {  color:#070709;}


/*-----------------------------D R O P   D O W N   M E N U----------------------------- */



									/*------------ *  *  * ------------*/


#header li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	padding: 0.5em 0 1em 0em;
	font-weight: normal;
	background: url(../../images/page/trans_white.png);z-index:10;

}



#header li li {
	display: block;
	float: none;
	border:0;
	width:14em;
	text-align:left;
	padding-left:1em;
	background: url(../../images/page/red_bullet.gif) no-repeat 7px 1.1em;
	
	
}


#header ul ul ul{position:absolute; top:-700px;width:30em;background:url(../../images/page/trans_white.png); padding-bottom:0}

#header ul ul.backgroundBtn li {width:6em;}

#header li li li {float:left; display:block;}

#header ul ul ul li {width:13em;}


#header #nav li ul li  {border:none;}

#header #nav li ul li a { text-align:left;}

#header #nav li ul li a:hover {color:  #111}


/*------------ functioning bit ------------*/

#header li li:hover ul {top:-6px; left:12.5em;} 


#header li:hover ul, li.over ul {display: block; }

#header li> ul {top: auto;left: auto;}

#header #nav li ul li a:hover {color:  #fff}





								/*------------ a bit of a hack ------------*/
								

						
/*ul.mainNav {padding:2em 0 0 0;}


ul.mainNav ul { margin: 0px; padding: 0px; }

ul.mainNav { width: 180px; padding: 0px; cursor: default; margin-left: 0px; text-align:right;}
ul.mainNav ul { width: 160px; background-color: #000; padding-left: 0px; cursor: default; margin-left: 20px; text-align:left; }

ul.mainNav li { list-style-type: none; margin: 0px; position: relative; color: #fff; padding:0.8em; }

ul.mainNav li > ul { display: none; position: absolute; top: 0px; left: 160px; }

ul.mainNav li:hover, ul.mainNav li.CSStoHighlight { background-image: url(../images/core_page_graphics/page-inner/nav_grad.png);
background-repeat:repeat-y;
background-position:right 50%; color: #000; }

ul.mainNav ul.CSStoShow { display: block; }

ul.mainNav li:hover > ul { display: block; }

ul.mainNav li a { color: #CC0; display: block; width: 100%; text-decoration: none; }

ul.mainNav li a:hover { color: #FFF; }*/

ul li:hover > a {color:#000000 !important;background: url(../../images/page/h_arrow_r.gif) no-repeat 50% 0%;}

ul li li:hover > a { background: none;}

ul li:hover li > a { background: none;}




/*-------------------------------------------------------------------------------------------------- */
/*--------------------------------------C O N T E N T----------------------------------------------- */
/*-------------------------------------------------------------------------------------------------- */

#contentContainer {padding-bottom:0;margin:0 !important;}

							
							
							/*------------E X P A N D I N G--D I V------------- */

.visibleDiv { display:block; width:693px; height:181px}

.expandingDiv { display:block;  width:693px; height:280px;}


.superspecial  p{ margin-bottom:0 !important; padding:0;}



#skipToContent a:link, #skipToContent a:visited { color:#666; margin:0.5em 0 -1em 2.5em; padding:0; display:block;}

#skipToContent a:hover { color:#222}


.collapseButton { text-align:right; padding:15px 15px 0 0; position:relative;}



.collapseButton p {text-align:right}


.collapseButton a {display:block; width:9em;color:#999;  text-align:center; position:absolute; right:15px; padding:3px; text-decoration:none;}

.collapseButton a:hover {color: #333;}

.expandingDiv a:link,  .expandingDiv a:visited {color:#666; margin:0 0 0 2.5em; padding:0;}

.expandingDiv a:hover {color:#222}





							/*------------ Side Block ------------*/

#sideBarContainer {float:left}

#sideBar {width:207px; height:auto; margin:0}

#logoBlock { height:176px; width:207px;}

.logo {margin: 0 31px;}

p.logo {margin-top:1.5em;color:#FFFFFF; padding-top:1em; }

#sideBar p {margin:2em 23px 0 31px; font-family: Helvetica, Arial, sans-serif; line-height:160%}

.pageTitle {padding-top:1em}


					
					
					
					/*------------ Content Block ------------*/
					
#content {margin-left:207px;margin-bottom:0; margin-top:0; height:100%;}					
					
#content p {line-height:140%;}

#content p.firstPara {padding-top:0em; margin-top:0.3em;}




				
				
					/*------------ General ------------*/


p.firstPara {margin-top:2em;}

.firstPara img {margin-top:1.5em;}

img a {border:0;margin-top:1em;}

.spacerDiv {font-size:xx-small; height:4em;margin:0; padding:0;}

h3 { font-size:105%; font-weight:bold; font-family: Helvetica, Arial, sans-serif; color:#84002b; margin-top:0.5em; margin-bottom:0;}

h3.firstHeading{margin-top:0px;}



				
				
					/*------------ Txt Block ------------*/

#textBlock {margin:0; padding:1em 2.5em 0 2.5em; border-left:2px solid #84002b; width:65%;}

#textBlock a {color: #666;}

#textBlock p {margin-bottom:0;}

#textBlock a:hover { color:#222;}

						/*------------ Terms ------------*/



#terms {margin:0; padding:1em 2.5em 0 2.5em; border-left:2px solid #84002b;}

#terms a {color:#666;}

#terms a:hover {color:#84002b;}

#terms p {margin-bottom:0;}


			
			
				/*------------ Text Images ------------*/
						

/*----- Note1: #textImages are used on the white core style sheet. Any given page will either have a #textImages or a #textBlock BUT NOT BOTH ---------/	
						
/*----- Note2: if you need this style on a colour back ground copy and paste from the white core all the CSS under Text Images Coment ---------*/


#textImages {margin:0; padding:1em 0em 0 0em; border-left:2px solid #84002b;}



			/*----div content Blocks---*/
			
			.contentHolderTop {padding:10px 0;margin-bottom:10px;}
			
			.contentHolderTop p {padding:0; padding-top:1em;margin:10px 15px 0 300px; line-height:160%}
			
			.contentHolder {padding:10px 0;margin-bottom:10px; clear:both; }
			
			.contentHolder p {padding:0;margin:5px 15px 0 300px; line-height:160% }
			
			.miniImagesTop {background-color: #FFF; margin:0 1em 2em 2.5em; margin-top:1em; float:left;}
			
			.miniImages { background-color:#FFF; margin:0 1em 2em 2.5em; float:left;}
			
			
			/*-------------Content Holder Links----------*/
			
			.contentHolder p a, .contentHolderCutout p a {display:block;  color:#666; padding:6px 2px 2px 2px}
			
			.contentHolder p a:hover, .contentHolderCutout p a:hover { color:#222}

			
			/*-----------------BOTOM CUT OUT GRAPHIC---------------------*/
			
			.contentHolderCutout {padding:10px 0;margin-bottom:0px; clear:both; background-image:url(../../images/images/BSPF_botGraphic.jpg); background-repeat:no-repeat; background-position:0px 150px; height:550px;}
			
			.contentHolderCutout p {padding:0;margin:5px 15px 0 300px; line-height:160% }
			
			
			
		






/*-------------------------------------------------------------------------------------------------- */
/*-------------------------------------- F O O T E R ----------------------------------------------- */
/*-------------------------------------------------------------------------------------------------- */

#footerContainer p {margin:0; padding:1em;}

#footerContainer { width:auto; height:auto; position:relative; margin:0;}

#footer {text-align:right;display: block;margin-left:209px;padding-right:1em; }

#footer a { color:#666; text-decoration:none; text-align:right; line-height:200%;}

#footer a:hover { color:#070709}

#footerBorder { width:207px; height:100%; border-right:2px solid #84002b; position:absolute;}



/*--------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------A D D I T I O N S-------------------------------------------------------- */
/*------------------------------------------------------------------------------------------------------------------------------- */

h1 {margin:1.3em 0 0 31px}


#nomad table {border:none; padding:12px; margin-bottom:0;}


#nomad td { border-top: 1px solid #84002b; padding:2px 0 6px 14px;}

#nomad tr.bottomRow td p {margin-bottom:0;}

#nomad tr.topRow td  {border:none;}


#nomad td.noLeftPadding {padding-left:0;}

#textBlock ul {margin:0; padding:0em 2em;}

#textBlock li { line-height:140%; padding-top:0.5em}

#textBlock ul.lessPadding {margin:0; padding:0.5em 0 0em 2em;}