<!-- html { height: 100% } -->
body {background-color: #444654; margin-top: 0px; margin-bottom: -20px; font-family: Arial, Geneva, Helvetica, sans-serif; font-size: 0.7em; height: 100% }

.date{font-family:arial,helvetica,sans-serif; font-size:11px; color:#B3B9C3; text-decoration:none;}
.dateNormal{font-family:arial,helvetica,sans-serif; font-size:11px; color:#B3B9C3; text-decoration:none; font-weight:normal;}

Div.PrintImage
{
	padding-left: 20px; 
	padding-bottom: 8px; 
	position: relative; 
	margin-top: -10px;
	
}

* html Div.PrintImage
{
    padding-left: 20px; 
	padding-bottom: 8px; 
	position: relative; 
	margin-top: -20px;
}

#mainDivOffice 
{
	position:relative; 
	background-color: #828597; 
	color: white;
	min-height: 100%; 
	margin-left: 15px; margin-right: 15px; 
	border-left: 1px solid #353546; 
	border-right: 1px solid #353546;
}
* html #mainDivOffice 
{
	position:relative; 
	background-color: #828597; 
	color: white; height: 100%; 
	margin-left: 15px; margin-right: 15px; 
	border-left: 1px solid #353546; 
	border-right: 1px solid #353546;
}
	
#mainDivOffice a { color: #ffffff }

.mainDiv 
{
      position: relative; 
      border-left: 1px solid #353546; 
      border-right: 1px solid #353546; 
      margin-left: 15px; 
      margin-right: 15px; 
      background: url(../Images/greyBG.gif) repeat-y 0px 100% #ffffff; 
      margin-top: 0px; 
      color: #444654; z-index: 0; 
      text-decoration: none; 
      z-index: 1;
}

#mainDivHome 
{
    position: relative; 
    border-left: 1px solid #353546; 
    border-right: 1px solid #353546; 
    margin-left: 15px; 
    margin-right: 15px; 
    height: 1800px; 
    background: url(../images/dark_greyBG.gif)  repeat-y 0px 100% #353546; 
    margin-top: 0px; 
    color: #353546; 
    z-index: 1 ;
}

/* Background for International */
.hubDiv {position: relative; border-left: 1px solid #353546; border-right: 1px solid #353546; margin-left: 15px; margin-right: 15px; min-height: 100%; background-color: #585B6D; margin-top: 0px; color: #444654 }
* html .hubDiv {position: relative; border-left: 1px solid #353546; border-right: 1px solid #353546; margin-left: 15px; margin-right: 15px; height: 100%; background-color: #585B6D; margin-top: 0px; color: #444654 }

/* HEADER WITH TITLE */
#headerDivHome {position: relative; height: 57px; background-color: #353546; top: 0px }
h1 { color: #dcdcdc; letter-spacing: 0.01em; font-family: Tahoma, sans-serif; font-size: 2.1em; text-transform: capitalize; font-weight: normal; margin-bottom: 0px; margin-top: 0px }
.subtitle { color: #AFB6C3; text-transform: lowercase; padding-left: 3px }

/* Picture Bar Home Page - Liz added*/
#PictureBarHome {position: relative; height: 150px; background-color: #585B6D; top: 60px ;padding-right: 11px; overflow: hidden; }
h1 { color: #dcdcdc; letter-spacing: 0.01em; font-family: Tahoma, sans-serif; font-size: 0.7em; text-transform: capitalize; font-weight: normal; margin-bottom: 0px; margin-top: 0px }
.subtitle { color: #AFB6C3; text-transform: lowercase; padding-left: 3px }

/* NAVIGATION BAR - Home Page only */

#navBarDivHome {position: relative; top: 60px; width: auto; height: 18px; background-color: #7E8695; border-bottom: 1px solid #353546; border-top: 1px solid #353546;  z-index: 180 }
.navBarItemHome {border-right: 1px solid #353546; padding-left: 12px; padding-right: 11px; color: #ffffff; float: left; height: 18px; line-height: 18px; text-decoration: none}
.navBarItemOverHome { background-color:#FFFF99; border-right: 1px solid #353546; padding-left: 12px; padding-right: 11px; color: #000000; float: left; height: 18px; line-height: 18px; cursor: pointer; text-decoration: none; z-index: 1800}

#navjp { list-style-type:none; position: relative; width: 100%; z-index: 30; padding: 0; color: #000000 ! important }

#mainLongDiv {position: relative; border-left: 1px solid #353546; border-right: 1px solid #353546; margin-left: 15px; margin-right: 15px; background: url(../images/greyBG.gif) repeat-y 0px 100% #ffffff; margin-top: 0px; color: #444654; text-decoration: none; z-index: 1; margin-bottom : -200px; height: 1500px;}

#mainLongDiv a { color: #7e8695; }

/* MAIN CONTENT - Home page */
#mainDivHome {position: relative; 
    border-left: 1px solid #353546; 
    border-right: 1px solid #353546; 
    margin-left: 15px; 
    margin-right: 15px; 
    height: 100%; 
    background: url(../images/dark_greyBG.gif)  repeat-y 0px 100% #353546; 
    margin-top: 0px; 
    color: #353546; 
    z-index: 1 ;}
#mainDivHome a { color: #353546 }

.mainImag
{
    position: relative; left:77px;width: 250px; height: 149px; border: 0px;
}
 
#headerDiv {position: relative; height: 94px; background-color: #353546; top: 0px }

h1 { color: #dcdcdc; letter-spacing: 0.01em; font-family: Tahoma, sans-serif; font-size: 2.1em; text-transform: capitalize; font-weight: normal; margin-bottom: 0px; margin-top: 0px }

.subtitle { color: #AFB6C3; text-transform: lowercase; padding-left: 3px }

#mainContent 
{ 
      position:relative; 
      left: 327px; top: 0px; 
      padding-top: 10px;
      background-color: white ; 
      z-index : 1;
      margin-right: 327px;
      top:0px;
	  min-height:1200px;
} 
* html #mainContent 
{ 
      position:relative; 
      left: 327px; top: 0px; 
      padding-top:20px;
      background-color: white ; 
      height: 100%; z-index : 1;
      margin-right: 327px;

}

#mainContent p { padding-left: 20px; padding-right: 20px }
#mainContentH p { padding-left: -20px; margin-left: -20px; padding-right: -20px ;}
#mainContentS p { padding-left: -20px; margin-left: -20px; padding-right: -20px ; padding-top: -20px; margin-top: -4px;}
#mainContentN p { padding-left: -20px; padding-right: -20px ; margin-left: -20px; color: #444654;}
#mainContentN { padding-left: 20px; padding-right: 20px ; color: #444654;}
#mainContent ul { padding-left: 20px }
#mainContent a { color: #000000 ! important}

#recruitmentContent {padding-left: 20px;}
#recruitmentContent p{padding-left: -20px; margin-left: -20px;}


/* MAIN CONTENT PANEL Home */
#mainContentHome { position:absolute; left: 380px; top: 17px; background-color: #353546; color:#ffffff ! important;}
#mainContentHome p { padding-left: 20px; padding-right: 20px ;}
#mainContentHome ul { padding-left: 20px ;padding-right: 20px ;}

#DisplayImage
{ 
      position: absolute; background-color: #ffffff; height: 143px; overflow: hidden; width: 327px;  top: 141px;
}
* html #DisplayImage
{
      position: absolute; background-color: #ffffff; height: 143px; overflow: hidden; width: 326px;  top: 149px;
}

#DisplayImagePS
{
      position: absolute; background-color: #ffffff; height: 143px; overflow: hidden; width: 327px;  top: 140px; 
}
* html #DisplayImagePS
{
      position: absolute; background-color: #ffffff; height: 143px; overflow: hidden; width: 327px;  top: 145px; left: -1px;
}

#breadcrumbDiv { width: 100%; height: 26px; background-color: #444654; color: #828597 ; border-bottom: 2px solid #353546 }
#breadcrumbDiv a {text-decoration: none; color: #828597  !important; padding-left:20px; vertical-align: middle; line-height:  26px; padding-bottom: 8px; }

.breadcrumb {width: 400px; float: left; height: 11px; top: 119px; vertical-align: middle; line-height:  26px; left: 50px; position: absolute;}
.breadcrumb a {text-decoration: none; color: #828597  !important }
.breadcrumb a:hover {text-decoration: none; color: #828597  !important }

.breadcrumbSearch { color: #A5ABB6; width: 400px; float: right; height: 26px }
.breadcrumbSearch a {text-decoration: none; color: #A5ABB6 !important}
.breadcrumbSearch a:hover {text-decoration: none; color: #A5ABB6 !important } 

.spacerDiv { width: 10px; float: left }

/* NAVIGATION BAR */
#nav { list-style-type:none; position: relative; width: 100%; height: 18px; background-color: #7E8695; border-bottom: 1px solid #353546; z-index: 30; padding: 0; color: #ffffff ! important }
.selectedNav { background-color: #FFFF99; color: #000000 ! important;}
.genericMenuItem { background-color: #7E8695; border-right: 1px solid #ffffff; border-left: 1px solid #000000; }
#nav li a:hover {background-color: #FFFF99; color: #000000 ! important}
#nav li li a:hover { background-color:#FFFF99 ; text-decoration: none; color: #000000 !important; display: block; width: auto !important; padding-left: 1em }

/* NAVIGATION BAR */
/* NOTE: ADDITIONAL NAVIGATION BAR CONTENT IN SEPARATE CSS FILES */
#nav {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#nav ul {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#nav li {padding-right: 0px;
	BORDER-RIGHT: #353546 1px solid; DISPLAY: block; FLOAT: left; WIDTH: auto;  LINE-HEIGHT: 18px; POSITION: relative; HEIGHT: 18px; TEXT-ALIGN: center; TEXT-DECORATION: none
}
#nav li ul {
	LEFT: -999em; WIDTH: 17.5em; POSITION: absolute; margin-top: 5px; z-index: 10;
}
#nav a {
	PADDING-RIGHT: 1em; DISPLAY: block; PADDING-LEFT: 1em; PADDING-BOTTOM: 0em;  PADDING-TOP: 0em; FONT-WEIGHT: normal; TEXT-DECORATION: none; cursor: pointer
}
#nav li li a {
	DISPLAY: block; PADDING-LEFT: 1em; COLOR: #ffffff; TEXT-DECORATION: none; WIDTH: 100%; cursor: pointer
}
#nav li ul li {
	WIDTH: 17.5em; TEXT-ALIGN: left; height: 1.3em; line-height: 1.3em
}

#contentList 
{ 
	padding-left: 20px ; 
	width:290px; 
	padding-right:20px;
	margin-right: 20px; 
	top: 320px; position: absolute;
}
* html #contentList 
{ 
	width:327px; 
	padding-left: 20px ; 
	top: 340px; position: absolute;
}
#contentList a {text-decoration: none; font-weight: bold; color: #ffffff}
#contentList a:hover {text-decoration: none; font-weight: bold; color: #ffff99}
#contentList p {color: #ffffff }
#contentList h2 { color: #ffffff; font-size: 1em } 

DIV.dottedItemLine
{
	 background-repeat: repeat-x; 
	 width: 100%;
	 border: 1px none black; 
	 margin-bottom: 0px; 
	 padding-bottom: 5px; 
	 padding-top: 5px;
	 margin-top: 10px;
}

* html DIV.dottedItemLine
{
	 background-repeat: repeat-x; 
	 width: 100%;
	 border: 1px none black; 
	 margin-bottom: -5px; 
	 padding-bottom: 0px; 
	 padding-top: 0px;
	 margin-top: 5px;
}

#branchContent { position:relative; left: 350px; top: -310px; width: 70%;}
#branchContent p { margin-left: 20px; margin-right: 20px }
.branchItem a {text-decoration: none; font-weight: bold; color: #ffffff}
.branchItem a:hover {color: #ffff99}


#branchContentN { position:relative; left: 350px; top: -318px; width: 60%;}
#branchContentN p { margin-left: 20px; margin-right: 20px }
.branchItemN a {text-decoration: none; font-weight: bold; color: #ffffff}
.branchItemN a:hover {color: #ffff99}


#branchContentHome { position:absolute; left: 350px; top: 150px; width: 400px }
#branchContentHome p { padding-left: 20px; padding-right: 20px }
.branchItemHome a {text-decoration: none; font-weight: bold; color: #ffffff}
.branchItemHome a:hover {color: #ffff99}

/* This is just a test*/
.countryLink { width: 100%; height: 15px; line-height: 15px; color: #000000; font-family: Arial, Geneva, Helvetica, sans-serif; font-size: 0.9em; padding-left: 10px; background-color: #AFB6C3 } 
.countryLink .link {display: none }
.countryLinkOver { width: 100%; height: 15px; line-height: 15px; color: #CC9900; font-family: Arial, Geneva, Helvetica, sans-serif; font-size: 0.9em; padding-left: 10px; background-color: #D3DBE9; cursor: pointer }
.countryLinkOver .link {display: block; position: relative; float: left; color: #CC9900; text-decoration: none; text-align: right }
.link a { text-decoration: none}
a {color: #ffffff }
a:visited {color: #ffffff }

#OfficesPicture 
{
    position: relative; left: 0px; width: 327px; height: 143px; border: 0px; top: -11px;
}

* html #OfficesPicture
{
    position: relative; left: 0px; width: 327px; height: 143px; border: 0px; top: 0px;
}



#leftMenuBar 
{ 
	list-style-type:none; position: relative; height: 18px; background-color: #7E8695; 
	width: 327px; 
	border-top: 1px solid #353546;
	margin-top: 2px; 
	width: 338px; 
	top: 282px; 
	position: absolute;
}
* html #leftMenuBar 
{ 
	list-style-type:none; position: relative; height: 18px; background-color: #7E8695; 
	width: 327px; 
	border-top: 1px solid #353546;
	margin-top: 2px; 
	width: 338px; 
	top: 285px; 
	position: absolute;
}

#leftMenuBar, #leftMenuBar ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#leftMenuBar a {
	display: block;
	padding: 0em 0.5em;
	text-decoration: none; 
	
	z-index: 100 !important
}
#leftMenuBar li {
	position: relative; 
	display: block; 
	float: left;
	width: auto;
	border-right: 1px solid #353546; 
	 
	height: 18px; 
	line-height: 18px; 
	text-decoration: none;
	text-align: center;
	font-size: 0.8em;
}
#leftMenuBar li a { padding: 0px 10px }
#leftMenuBar li a:hover { padding: 0px 10px; background-color: #ffffff; text-decoration: none; color: #000000 !important; }
#leftMenuBar li a:hover span {background-color: #ffffff; text-decoration: none; color: #000000 !important; }
#leftMenuBar li ul {
	position: absolute;
	left: -999em;
	width: 10em
}
#leftMenuBar li li a {
	text-decoration: none; 
	
	display: block; 
	padding-left: 1em 
}
#leftMenuBar li:hover ul, #leftMenuBar li.sfhover2 ul {
	left: 1em;
}
#leftMenuBar li ul li {
	text-align: left;
	width: 10em;
}
#leftMenuBar li:hover ul li a, #leftMenuBar li.sfhover2 ul li a{
	
	text-decoration: none;
}
.leftSubMenu li { background-color: #7E8695; border-right: 1px solid #000000; border-left: 1px solid #000000; z-index: 10 }
#leftMenuBar li li a:hover { background-color:#AFB6C3; text-decoration: none; color: #ffffff !important; display: block; width: auto !important; padding-left: 1em }


.spacerDiv { width: 10px; float: left }
.sideBarItem {border-right: 1px solid #353546; padding-left: 10px; padding-right: 9px; color: #ffffff; float: left; height: 18px; line-height: 18px; text-decoration: none; font-size: 0.9em}
.sideBarItemOver {background-color: #9fa9ba; border-right: 1px solid #353546; padding-left: 10px; padding-right: 9px; color: #ffffff; float: left; height: 18px; line-height: 18px; text-decoration: none; font-size: 0.9em; cursor: pointer}

#InternationalHub 
{
    margin-left: 20px;
    color: #000000;
    font-family: Arial;
    text-decoration: none;
    font-size: 8pt;
}
#InternationalHub a
{
    color: #000000;
    font-weight: bold;    
    text-decoration: none;
    font-size: 8pt;
}

#InternationalHub p
{
    color: #000000;  
    margin-left: -20px;
    margin-top: -4px;
    margin-bottom: -2px;
    font-family: Arial;
    text-decoration: none;
    font-size: 8pt;
}