/* CSS Document */

body {
	display: block;
	position:relative;
	text-align:center;
	margin: 15px 0px;
	width: 100%;
	background-color:#333;
}
.floatL { float: left; }
.floatR { float: right; }
#pagecontainer {
	display: block;
	position: relative;
	width:769px;
	background-color:#ffffff;
	margin: 0 auto;
}
ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
a img {
	border:none;
	}
/* ##########################################

		PAGE HEADER
		
########################################### */
#pageheader { /*sets top corners of the white background*/
	position: relative;
	display: block;
	background-image:url(../images/pageheader-bkg.gif);
	background-position:top left;
	background-repeat:no-repeat;
	height:110px;
	padding-top:16px;
}
#pageheader p#logo a{
display:block;
	position: relative;
	top: 0px;
	left: 0px;
overflow: hidden;
}
#pageheader p#logo a:link, #pageheader p#logo a:visited, #pageheader p#logo a:hover {
	width: 268px; 
	font-size: 1px;
	height: 0px;
	padding-top: 97px;}
#pageheader p#logo a:link, #pageheader p#logo a:visited {	background: url(../images/bplogo.gif); }
/*#pageheader p#logo a:hover {background: url(../images/BP_logo_hover.gif); }
*/

#pageheader p#brit a {
	display:block;
	margin: 0 41px 0 0;
	padding: 0 0 0 30px;
	width: 82px;
	background: url(../images/britflag.gif) #ffffff center left no-repeat;
	font: bold 12px Calibri, "Century Gothic", Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #005066;
}
#pageheader p#brit a:hover { 
	color: #FF6600;
}
/* #####################################################

		CURRENT MENU ITEM
		
##################################################### */
#serv  .serv  a:link, #serv  .serv  a:visited, #serv  .serv  a:hover,
#about .about a:link, #about .about a:visited, #about .about a:hover,
#media .media a:link, #media .media a:visited, #media .media a:hover{
background: url(../images/menu-bullet-02.gif) #005066 7px center no-repeat;
color: #ff7533;
}
/* to prevent drop down menu from taking the above image attribute */
#serv  .serv  .drop li a:link, #serv  .serv  .drop li a:visited,
#about .about .drop li a:link, #about .about .drop li a:visited,
#media .media .drop li a:link, #media .media .drop li a:visited {
background-image:none;
}
/* ##########################################

		MAIN MENU
		
########################################### */
#mainMenu {
	display:block;
	position:relative;
	clear:left;
	height:24px;
	width:769px;
	background: url(../images/menubar-bkg.gif) #005066 bottom left repeat-x;
	font: 12px normal Calibri, "Century Gothic", Arial, Helvetica, sans-serif;
	z-index:998;
}
#mainMenu ul#nav {
	display:block;
	position:relative;
	list-style: none;
	padding: 0 0 0 1em;
	margin: 0;
	height: auto;
	float:left;
}
#mainMenu  li
{
float: left;
position: relative;
margin: 0;
padding: 0;
height: 20px;
line-height: 24px;
}
#mainMenu li a{
background: url(../images/menubar-bkg.gif) #005066 bottom left repeat-x;
display: block;
color: #DAE9EB;
text-decoration: none;
text-align: center;
margin:0;
padding: 0 16px;
font-weight:bold;
}
#mainMenu li a:hover
{
background: url(../images/menu-bullet-02.gif) #005066  7px center no-repeat;
color: #ff7533;
}
/* Hide from IE5-Mac \*/
#mainMenu li a
{
float: none
}
/* End hide */

#mainMenu #flashmenu {
	padding-top: 1px;
	float:right;
	width:200px;
	}
/* #####################################################

		DROPDOWN MENU ITEM
		
##################################################### */
#mainMenu li ul.drop {
  display: none; 
  position: absolute; 
  top: 24px;
  left: 0;
	width: 200px;
	height:auto;
	border:3px solid #DAE9EB;
	border-top:none;
 	z-index:999;
	background-color: #005066;
		font: 12px Calibri, Arial, Helvetica, sans-serif;
  }
#mainMenu li ul.drop li a {
	font-weight:normal;
	}
#mainMenu li > ul { /*reset properties for other browesers then IE*/
	top: auto;
	left: auto;
	width: auto;
	height:auto;
	padding-bottom:4px;
	}
#mainMenu li:hover ul.drop, #mainMenu li.over ul.drop {
 display: block;
}
#mainMenu li ul.drop li{
	padding:0;
	margin-left:0px;
	background-image: none;
	width:inherit;
	}
#mainMenu li ul.drop li a:link, #mainMenu li ul.drop li a:visited {
	display: block;
	width:184px;
	text-align: left;
	padding-left: 16px;
	margin-left: 0;
	color: #DAE9EB;
}
#mainMenu li ul.drop li a:hover {
	background:  url(../images/menu-bullet-02.gif) #4492A8 7px center no-repeat;
	color: #ff7533;
}
/* #####################################################

		CURRENT SUB-MENU ITEM
				
##################################################### */
#servassess .servassess a:link, #servassess .servassess a:visited, #servassess .servassess a:hover,
#servcoach .servcoach a:link, #servcoach .servcoach a:visited, #servcoach .servcoach a:hover,
#servlead .servlead a:link, #servlead .servlead a:visited, #servlead .servlead a:hover,
#servsucces .servsucces a:link, #servsucces .servsucces a:visited, #servsucces .servsucces a:hover,
#servteamdev .servteamdev a:link, #servteamdev .servteamdev a:visited, #servteamdev .servteamdev a:hover,
#servintegration .servintegration a:link, #servintegration .servintegration a:visited, #servintegration .servintegration a:hover,
#servcommunication .servcommunication a:link, #servcommunication .servcommunication a:visited, #servcommunication .servcommunication a:hover,
#serveducation .serveducation a:link, #serveducation .serveducation a:visited, #serveducation .serveducation a:hover,
#servcareer .servcareer a:link, #servcareer .servcareer a:visited, #servcareer .servcareer a:hover,
#servlegacy .servlegacy a:link, #servlegacy .servlegacy a:visited, #servlegacy .servlegacy a:hover,
#servcrisis .servcrisis a:link, #servcrisis .servcrisis a:visited, #servcrisis .servcrisis a:hover,
#servwomens .servwomens a:link, #servwomens .servwomens a:visited, #servwomens .servwomens a:hover,
#servstrategic .servstrategic a:link, #servstrategic .servstrategic a:visited, #servstrategic .servstrategic a:hover,
#servtalent .servtalent a:link, #servtalent .servtalent a:visited, #servtalent .servtalent a:hover,

#aboutteam .aboutteam a:link, #aboutteam .aboutteam a:visited, #aboutteam .aboutteam a:hover,
#aboutbios .aboutbios a:link, #aboutbios .aboutbios a:visited, #aboutbios .aboutbios a:hover,
#aboutintteam .aboutintteam a:link, #aboutintteam .aboutintteam a:visited, #aboutintteam .aboutintteam a:hover,
#aboutsetapart .aboutsetapart a:link, #aboutsetapart .aboutsetapart a:visited, #aboutsetapart .aboutsetapart a:hover,
#aboutphilosophy .aboutphilosophy a:link, #aboutphilosophy .aboutphilosophy a:visited, #aboutphilosophy .aboutphilosophy a:hover,
#aboutvalues .aboutvalues a:link, #aboutvalues .aboutvalues a:visited, #aboutvalues .aboutvalues a:hover,
#aboutclients .aboutclients a:link, #aboutclients .aboutclients a:visited, #aboutclients .aboutclients a:hover,
#abouthistory .abouthistory a:link, #abouthistory .abouthistory a:visited, #abouthistory .abouthistory a:hover,

#m-audio .m-audio a:link, #m-audio .m-audio a:visited, #m-audio .m-audio a:hover,
#m-news .m-news a:link, #m-news .m-news a:visited, #m-news .m-news a:hover,
#m-video .m-video a:link, #m-video .m-video a:visited, #m-video .m-video a:hover,
#m-books .m-books a:link, #m-books .m-books a:visited, #m-books .m-books a:hover,
#m-events .m-events a:link, #m-events .m-events a:visited, #m-events .m-events a:hover {
background: url(../images/menu-bullet-02.gif) #e7eEf3 3px center no-repeat;
color: #D54500;
cursor:default;
text-decoration:none;
font-weight:normal;
}
/* ##########################################

		PAGE BODY
		
########################################### */
#pagebody {
	clear:both;
	position: relative;
	z-index:900;
}
#flashcontainer {
	position:static;
	z-index:0;
}
.published {
	font-size:9px;
	color:#999999;
	}
.dropCap {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 24px;
	font-style:italic;
	color:#ff7533;
	line-height:24px;
	}
/* ##########################################

		PAGE FOOTER
		
########################################### */
#pagefooter {
/*border:1px solid yellow;*/
	clear: both;
	position: relative;
	display: block;
	background-image:url(../images/pagefooter-bkg.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	padding: 10px 0 0 0;
	border-top: 2px solid #666666;
}
#pagefooter p {
	font: normal 10px Calibri, Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	margin-top:0em;
	margin-bottom:0em;
	padding-bottom:.5em;
}
#pagefooter p a{
	color:#666;
	text-decoration:none;
}
#pagefooter p a:hover{ 
	text-decoration:underline;
}
#pagefooter p.menu-link a{ 
	padding:0 1em 0 1em;
	border-right: 1px solid #999999;
}
#pagefooter p.menu-link a:hover{
	background-color:#CCCCCC;
	color:#ffffff;
	text-decoration:none;
}