/* CSS Document */
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
}

#top {
	margin:0px;
	margin-top:5px;
	height:345px;
}
#topLogo {
	background-image:url(../img/bpoLogo.jpg);
	height:56px;
	width:760px;
	background-repeat:no-repeat;
	padding-bottom:10px;
	
}

#topContent {
	width:764px;
}

/*********************  MENU STYLES ******************/
#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
	width: 133px;
}
	
#nav li {
	position: relative;
	float: left;
	line-height: 2;
	margin-bottom : -1px;
	width: 133px;
}
	
#nav li ul {
	position: absolute;
	left: -999em;
	margin-left: 0;
	margin-top: -1.35em;
}

#nav li a {
	font-size:.5em;
	width: 133px;
	w\idth: 133px;
	display: block;
	font-weight: bold;
	text-decoration: none;
	background-image:url(../img/menuGradient.jpg);
	margin-bottom:4px;
	font-weight:bold;
	color:#399F43;
	text-decoration:none;
}
#nav li ul li {
	/*background:#E1E1EF;*/
	background-image:url(../img/li_bg.png);
	height:15px;
	width:137px;
	border:1px solid #999999;
	border-left:0;
	
}
#nav li ul li a {
	background-image:none;
	text-align:left;
	padding-left:4px;
	color:#666666;
	height:15px;
}
#nav li ul li a:hover {
	background-image:none;
	text-align:left;
	background:#000000;
	color:#E0E0ED;
}
#nav li a:hover {
	color:#666666;
}

/*#nav li:hover ul, #nav li li:hover ul{
	left: -999em;
}*/

/*#nav li.sfhover ul {
	left: 133px;
}*/
.video a {color:#666666;text-decoration:none; font-size:12px;}
.video a:hover {color:#399F43;}
.video {padding-bottom:8px; margin-top:18px;}/*20 20*/
.video img {padding-top:5px;}
#nav li:hover ul {left:133px;}
#nav li.sfhover ul {left: 133px;}
/*IE7 Fix to stop menus sticking*/
#nav li:hover {background-position: 0 0}


#leftMenu {
	width:133px;
	height:280px;
	background-color:#d5E6D0;
	display:inline;
	float:left;
	text-align:right;
	padding-left:0;
}
#leftMenu ul {
	list-style-type:none;
	padding:0;
	margin:0;
	margin-top:16px;/*25*/
}

#leftMenu h4, #intro h4 {
	margin:0;
	color:#399F43;
	font-weight:normal;	
	text-align:left;
}
#leftMenu h4 {
	padding-left:10px;
}
.leftMenuProducts {
	font-size:9px;
	text-align:left;
	line-height:2;
	padding:0;
	margin:0;
	padding-left:10px;
	
}
.leftMenuProducts a {
	text-decoration:none;
	color:#666666;
}
.leftMenuProducts a:hover {
	color:#399F43;
}
#flowers {
	width:133px;
	height:280px;
	background-color:#0099CC;
	display:inline;
	float:left;
	background-image:url(../img/flowers.jpg);
	border-left:4px solid white;
	border-right:4px solid white;
}
#topRightContainer {
	width:490px;
	background-color:none;
	display:inline;
	float:left;
	padding-bottom:25px;
}
#intro {
	height:186px;
	background-color:#d5E6D0;
	font-size:.6em;
	text-align:left;
	padding-left:20px;
	padding-right:5px;
	line-height:1;
	color:#666666;
	border-bottom:4px solid white;
}
#intro p {
	line-height:12px;
	margin-top:10px;
	margin-bottom:10px;
}
#intro h4 {
	padding-top:12px;
	padding-bottom:0;
	margin-bottom:10px;
	font-size:16px;
	font-weight:500;
}
#shareprices {
	height:90px;
	background-color:#E0E0ED;
	background-image:url(../img/share_bgC.gif);
	background-position:center;
	background-repeat:no-repeat;
	text-align:left;
}
#share_bgL {
	float:left;
	font-size:.6em;
	padding-left:20px;
	padding-top:5px;
}
.share {
	border-bottom:1px solid #666666;
	width:400px;
	height:20px;
	padding-top:5px;
}
.share_name {
	color:#666666;
	text-align:left;
	float:left;
}
.share_prices {
	display:inline;
	color:#666666;
	text-align:right;
	background-image:url(../img/share_Price.gif);
	background-repeat:no-repeat;
	background-position:right;
	padding-right:50px;
	float:right;
	height:15px;
}
.shareTxt {
	color:#666666;
	line-height:.9;
	padding-top:2px;
}
.shareTxt2 {
	color:#399F43;
}
#share_bgR {
	display:inline;
	background-image:url(../img/share_bgR.gif);
	background-repeat:no-repeat;
	background-position:right;
	float:right;
	height:90px;
	padding-left:15px;
	font-size:.6em;
	color:#666666;
	padding-right:22px;
	line-height:1.5;

}
#sdsc {
	font-style:oblique;
	padding-top:6px;
}
#bottom {
	background-image:url(../img/grass.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	width:764px;
	height:265px;
}
#bottomText {
	text-align:right;
	color:#333333;
	width:480px;
	padding-top:10px;
	padding-left:270px;
	font-size:.8em;
}
#bottomTextG {
	color:#399F43;
	display:inline;
}

/*#shareTextR {
	display:inline;
	float:left;
	padding-left:15px;
	font-size:.6em;
	color:#666666;
	padding-top:4px;
	line-height:1.2;	
}*/
.latestAncHdr {
	color:#666666;
	font-size:1.1em;
	border-bottom:1px solid #999999;
	width:270px;
}
.latestAnc {
	color:#999999;
	font-size:.9em;
	padding-top:5px;
	font-style:oblique;
	width:270px;
}
.latestAnc a {
	color:#399F43;
	font-size:1em;
	text-decoration:none;
}
.latestAnc a:hover {
	text-decoration:underline;
}
#hpsp {
	color:#399F43;
	text-align:right;
	font-weight:bold;
}


/*******************  CONTENT PAGES ***********************/

#topLogoText {
	text-align:right;
	display:inline;
	float:right;
	padding-top:45px;
	color:#399F43;
	font-weight:500;
}

#header {
	height:82px;
	border-bottom:4px solid white;	
}
#header1, #header2, #header3, #header4, #header5, #header6 {
	display:inline;
	float:left;
	height:82px;
	}
#header1 {
	width:133px;
	background-color:#D5E6D0;
	border-left:4px solid white;
}
#header2, #header3, #header4, #header5, #header6 {
	border-left:4px solid white;
	background-color:#E1E9F6;
}
#header2 {/*background-image:url(../img/header1.jpg);*/ width:486px;}
/*#header3 {background-image:url(../img/header2.jpg); width:133px;}
#header4 {background-image:url(../img/header3.jpg); width:133px;}
#header5 {background-image:url(../img/header4.jpg); width:60px;}
#header6 {background-image:url(../img/header5.jpg); width:62px;}*/
#content {
	border-left:4px solid white;
	width:657px;
	height:auto;
	float:left;
	background-image:url(../img/content_colBG.gif);
	background-repeat:repeat-y;
	background-position:left;
}
#contentLeft {
	display:inline;
	float:left;
	width:123px;
	height:300px;
	background-color:#E1E9F6;
	float:left;
	padding-left:10px;
	padding-top:10px;
	font-size:11px;
	text-align:left;
	line-height:2;
	color:#666666;
}
#contentRight {
	border-left:4px solid white;
	background-image:url(../img/share_bgR.gif);
	background-repeat:no-repeat;
	background-position:right bottom;
	display:inline;
	float:left;
	width:446px;
	background-color:#E0E0ED;
	text-align:left;
	padding:20px;
	font-size:.7em;
	line-height:1.5;
	color:#333333;
}
#contentRight ul {
	color:#399F43;
}
#contentRight h4 {
	font-size:16px;
	font-weight:500;
	color:#399F43;
	margin:0;
	padding-bottom:10px;
}
#contentRight h5 {
	font-weight:bold;
	color:#333333;
	margin-top:10px;
}
#footer {
	border-top:1px solid #CCCCCC;
	margin-left:4px;
	color:#999999;
	text-align:right;
	width:622px;
	font-size:.6em;
	margin-top:10px;
}
#footerHome {
	border-top:1px solid #CCCCCC;
	margin-left:4px;
	color:#999999;
	text-align:right;
	width:768px;
	font-size:.6em;
	margin-top:10px;
}
/******************      Individual Pages      ************************/
.name {
	font-size:1.2em;
	padding-top:15px;
	color:#399F43;
}
.title {
	font-size:1.1em;
	padding-bottom:10px;
	color:#666666;
	font-style:oblique;
}
#contact {
	padding-top:20px;
	font-size:1.1em;
	line-height:2;
}
#contact a {color:#333333;}
#contact a:hover {text-decoration:none;}
.contact1 {
	width:60px; 
	display:inline; 
	float:left;
	color:#399F43;
}
.contact2 {
	display:inline; 
	float:left;
}
.corplinks {font-size:.9em; color:#666666;}
.corplinks img {padding-right:10px;}
.corplinks a {
	text-decoration:none;
	color:#399F43;
	font-size:1.2em;
}
.corplinks a:hover {text-decoration:underline;}
.quote {
	padding:30px;
	font-weight:bold;
	font-size:.9em;
}
.quoteRef {
	font-style:oblique;
	font-size:.8em;
}

/***************     Projects      *********************/
.sidemenuLinkA, .sidemenuLink a:hover {
	color:#666666;
}
.sidemenuLink a {
	color:#399F43;
	text-decoration:none;
	
}
.sidemenuLink ul {
	padding:0;
	margin:0;
}
.sidemenuLink li {
	border-bottom:1px dotted #cacae1;
	list-style:none;
}
.back2top {
	padding-right:20px;
	text-align:right;
	padding-bottom:15px;
}
.back2top a {text-decoration:none; color:#399F43;}
.img {text-align:center; font-style:oblique; font-size:10px;}

.bioL, .bioR{
	width:200px;
	color:#666666;
	display:inline;
	float:left;
	padding-bottom:10px;
}

.bioR {
	border-left:1px dotted #666666;
	padding-left:10px;
}
.bioR ul li {
	padding-bottom:10px;
	list-style-type:disc;
	color:#666666;
}
.bioR ul {margin-left:20px;}

/********************     	INVESTORS		************************/

#calendar {
	width:400px;
	font-size:1.1em;
}
.c1 {
	width:400px;
	border-bottom:1px solid #399F43;
}
.c2 {
	width:200px;
	margin-left:200px;
	display:inline;
	border-left:1px solid black;
	text-align:right;
}
.asxMonth {
	font-size:12px;
	color:#399F43;
	padding-top:20px;
	padding-bottom:10px;
	font-style:normal;
	font-weight: bold;
	line-height: 14px;
}
.asx {
	font-size:12px;
	padding-bottom:5px;
}
.asx a {
	text-decoration:none;
	color:#666666;
}
.asx a:hover {color:#999999; text-decoration:underline;}
.newsArt {
	color:#399F43;
	padding-bottom:5px;
}
.newsArt a {
	text-decoration:none;
	color:#666666;
}
.newsArt a:hover {
	color:#999999;
}
.note {font-style:oblique; color:#999999;}
.note a{text-decoration:underline; color:#999999;}
.top20hdr td {
	font-size:1.2em;
	color:#399F43;
	padding-bottom:5px;
}
.top20 td {padding-bottom:5px; border-bottom:1px dotted #CCCCCC}
.right {text-align:right; padding-right:10px;}
.faq {color:#399F43; font-size:1.1em; line-height:1.8; padding-bottom:5px;}
.faqa {padding-bottom:20px;}
.faq:first-letter/*, .faqa:first-letter */{font-size:1.3em}

#sitemap a {
	color:#399F43;
	text-decoration:none;
}
#sitemap a:hover {text-decoration:underline;}
#sitemap ul li {padding-top:10px;}

.black_overlay{
            display: none;
            position: absolute;
            top: 0%;
            left: 0%;
            width: 100%;
            height: 100%;
            background-color: black;
            z-index:1001;
            -moz-opacity: 0.8;
            opacity:.80;
            filter: alpha(opacity=80);
}
.white_content {
            display: none;
            position: absolute;
            top: 25%;
            left: 25%;
            width: 50%;
            height: 50%;
            padding: 16px;
            border: 16px solid orange;
            background-color: white;
            z-index:1002;
            overflow: auto;
}