/*/// GLOBAL RESETS ///*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } :focus { outline: 0; } ol, ul { list-style: none; }  table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; }

/*/// GLOBAL ELEMENTS ///*/
html {  font: 62.5% arial, tahoma, helvetica; text-align: center;}

body	{ background: url('../images/bg.jpg') #07435e; color:#474747; margin:0; padding:0; font-size: 1.2em; text-align: center; padding-bottom: 10px;}

p { margin: 1em 0 1.1em; line-height: 1.4em;}

h1 { font-size: 1.8em; color:#e76800; background: transparent; font-weight: normal;}
h2 { font-size: 1.6em; color:#e76800; background: transparent; font-weight: normal;}
h3 { font-size: 1.4em; color:#e76800; background: transparent; font-weight: normal;}
h4 { font-size: 1.2em; color:#e76800; background: transparent; font-weight: normal;}
h5 { font-size: 1.2em; color:#e76800; background: transparent; font-weight: normal;}
h6 { font-size: 1.2em; color:#e76800; background: transparent; font-weight: normal;}

input, textarea, select { border: 1px solid #474747; background: #fff; color: #474747;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display:inline-block;}

img { border: none; vertical-align: bottom;}
#imageDiv { padding-left: 20px; margin-left: 20px; float: right; }
.floatRight {float: right; padding: 0px; }


a:link { text-decoration: underline; color: #474747;}
a:hover { color: #e76800;}
a:visited { text-decoration: underline; color: #474747;}

/*/// TEMPLATE ELEMENTS ///*/



.formLayout { float:left; width:120px;}

.submitButton { position: relative; float: left; margin-left: 10px;}
* html .submitButton { display: inline;}
.submitButtonLeft { float: left; width: 3px; height: 20px; background: url('../images/submitButton-left.gif') no-repeat;}
.submitButtonMiddle { float: left; padding: 0 3px; line-height: 20px; width: auto; height: 20px; background: url('../images/submitButton-middle.gif'); color: #202020;}
.submitButtonMiddle a:link { text-decoration: none; color:#202020;}
.submitButtonMiddle a:hover { color:#817e7e;}
.submitButtonRight { float: left; width: 3px; height: 20px; background: url('../images/submitButton-right.gif') no-repeat;}

.googleMap { height: 370px; width: 500px; float: right; border: 1px solid #07435e;}  
#googlePopUp{ font-family: georgia; color: #000; }
#googlePopUp input { background: #c5c5c6; color: #000; border: 1px solid #000;}


/*/// LAYOUT ///*/

/* Header */
#headerContainer { width: 100%; min-width: 989px; background: url('../images/headerBg.jpg') repeat-x #07435e; min-height: 284px; height: auto;}
* html #headerContainer { height: 284px;}
#header { width: 939px; margin: 0 auto; padding: 0 25px;}
img#logo { margin-top: 4px; float: left;}
img#logoRight { margin-top: 4px; float: right;}
div#headerFlash { float: left; width: 425px; height: 110px;}


#contact { float: right; margin-top: 25px; text-align: right; color: #fff; font-size: 1.0em; line-height: 1.4em; background: transparent;}


span.middot { font-weight: bold;}


/* swf main */
#swfMain {margin-top: 5px; border: 0px solid #ffffff; float: left;}

/* mainNav */
ul#mainNav { width: 100%; float: left; margin-top: 10px;}
ul#mainNav li { display: inline;}
ul#mainNav li a { text-decoration: none; color: #fff; float: left; padding: 7px 15px; background: url('../images/navBg.gif') no-repeat bottom left #076e99; border: 1px solid #0185b7; border-bottom: 0; margin: 2px 6px 0 0; font-weight: bold; font-size: 1.1em;}
ul#mainNav li a.contactUs { margin: 2px 0 0 0; padding: 7px 15px;} /* Used to ensure nav extends to edge of layout */
ul#mainNav li a:hover { background-position: -300px 100%; margin-top: 0; padding-bottom: 9px;}
ul#mainNav li a.currentPage { background-position: -600px 100%; border: 1px solid #ffffff; border-bottom: 0; color: #2e5693; }
ul#mainNav li a.currentPage:hover { padding-bottom: 7px; margin-top: 2px; background-position: -600px 100%;}


/* Used to add currentPage style to mainNav on section subpages */
body.home ul#mainNav li a.home,  
body.aboutUs ul#mainNav li a.aboutUs, 
body.investmentPortfolio ul#mainNav li a.investmentPortfolio,
body.caseStudies ul#mainNav li a.caseStudies,
body.financialPerformance ul#mainNav li a.financialPerformance,
body.publications ul#mainNav li a.publications,
body.achievements ul#mainNav li a.achievements,
body.careers ul#mainNav li a.careers,
body.contactUs ul#mainNav li a.contactUs { background-position: -600px 100%; border: 1px solid #ffffff; border-bottom: 0; color: #2e5693;}

/* Used to set hover on mainNav elements which are currentPage styled*/
body.home ul#mainNav li a.home:hover,  
body.aboutUs ul#mainNav li a.aboutUs:hover, 
body.investmentPortfolio ul#mainNav li a.investmentPortfolio:hover,
body.caseStudies ul#mainNav li a.caseStudies:hover,
body.financialPerformance ul#mainNav li a.financialPerformance:hover,
body.publications ul#mainNav li a.publications:hover,
body.achievements ul#mainNav li a.achievements:hover,
body.careers ul#mainNav li a.careers:hover,
body.contactUs ul#mainNav li a.contactUs:hover { padding-bottom: 7px; margin-top: 2px; background-position: -600px 100%;}

.currentProjectImage { border: 1px solid #bfbcb8; padding: 8px; background: #fff; float: left;}
#currentProjectsText { float: left; width: 566px; margin: 0 0 0 18px; padding: 13px 0 0; text-align: left;}
#currentProjectsBottomInfo { border-top: 1px solid #a39f9b; margin-top: 20px; padding-top: 15px;}
a.currentProjectsFindOutMore { display: block; width: 271px; height: 25px; background: url('../images/findOutMoreProject.gif') no-repeat; text-indent: -9999px; margin-left: 3px; float: left;}
a.currentProjectsFindOutMore:hover { background-position: bottom left;}


/* Project Number */
#currentProjectsNumbers { float: right; margin-right: 3px; padding-top: 5px;}
#currentProjectsNumbers a { display: block; width: 15px; height: 15px; text-indent: -9999px; float: left; margin-left: 8px;}

#currentProjectsNumbers a#number1 { background: url('../images/numberBoxes.gif') no-repeat 0 0;}
#currentProjectsNumbers a#number1:hover { background-position: 0 -16px; cursor: pointer;}
#currentProjectsNumbers a#number1.currentPage { background-position: 0 -32px;}
* html #currentProjectsNumbers a#number1.currentPage:hover { background-position: 0 -32px;}

#currentProjectsNumbers a#number2 { background: url('../images/numberBoxes.gif') no-repeat -16px 0;}
#currentProjectsNumbers a#number2:hover { background-position: -16px -16px;}
#currentProjectsNumbers a#number2.currentPage { background-position: -16px -32px;}
* html #currentProjectsNumbers a#number2.currentPage:hover { background-position: -16px -32px;}

#currentProjectsNumbers a#number3 { background: url('../images/numberBoxes.gif') no-repeat -32px 0;}
#currentProjectsNumbers a#number3:hover { background-position: -32px -16px;}
#currentProjectsNumbers a#number3.currentPage { background-position: -32px -32px;}
* html #currentProjectsNumbers a#number3.currentPage:hover { background-position: -32px -32px;}

#currentProjectsNumbers a#number4 { background: url('../images/numberBoxes.gif') no-repeat -48px 0;}
#currentProjectsNumbers a#number4:hover { background-position: -48px -16px;}
#currentProjectsNumbers a#number4.currentPage { background-position: -48px -32px;}
* html #currentProjectsNumbers a#number4.currentPage:hover { background-position: -48px -32px;}

#currentProjectsNumbers a#number5 { background: url('../images/numberBoxes.gif') no-repeat -64px 0;}
#currentProjectsNumbers a#number5:hover { background-position: -64px -16px;}
#currentProjectsNumbers a#number5.currentPage { background-position: -64px -32px;}
* html #currentProjectsNumbers a#number5.currentPage:hover { background-position: -64px -32px;}

#currentProjectsNumbers a#number6 { background: url('../images/numberBoxes.gif') no-repeat -80px 0;}
#currentProjectsNumbers a#number6:hover { background-position: -80px -16px;}
#currentProjectsNumbers a#number6.currentPage { background-position: -80px -32px !important;}
* html #currentProjectsNumbers a#number6.currentPage:hover { background-position: -80px -32px !important;}

#currentProjectsNumbers a#number7 { background: url('../images/numberBoxes.gif') no-repeat -96px 0;}
#currentProjectsNumbers a#number7:hover { background-position: -96px -16px;}
#currentProjectsNumbers a#number7.currentPage { background-position: -96px -32px;}
* html #currentProjectsNumbers a#number7.currentPage:hover { background-position: -96px -32px;}

#currentProjectsNumbers a#number8 { background: url('../images/numberBoxes.gif') no-repeat -112px 0;}
#currentProjectsNumbers a#number8:hover { background-position: -112px -16px;}
#currentProjectsNumbers a#number8.currentPage { background-position: -112px -32px;}
* html #currentProjectsNumbers a#number8.currentPage:hover { background-position: -112px -32px;}

#currentProjectsNumbers a#number9 { background: url('../images/numberBoxes.gif') no-repeat -128px 0;}
#currentProjectsNumbers a#number9:hover { background-position: -128px -16px;}
#currentProjectsNumbers a#number9.currentPage { background-position: -128px -32px;}
* html #currentProjectsNumbers a#number9.currentPage:hover { background-position: -128px -32px;}


/* Lower Content */
#lowerContent { width: 939px; margin: 0 auto; padding: 0 0 0 25px;}

.feature { float: left; text-align: left;}
.feature h3 { border-bottom: 1px solid #dbdbdb; padding-bottom: 10px; margin-bottom: 13px; text-align: left;}
.feature0 { margin: 0 30px 0 20px; width: 160px; height:253px; background: url('../images/headerBg.jpg') repeat-x #07435e; border:1px solid #9C9B9B; padding:10px; color:#fff;}
* html .feature0 { display: inline;}
.feature0 h3 { border-bottom: 1px solid #dbdbdb; padding-bottom: 10px; margin-bottom: 13px; color:White; font-size: 1.8em;}
.feature1 h2 { border-bottom: 1px solid black; padding-bottom: 10px; margin-bottom: 13px; color:#e76800; font-size: 1.8em;}
.feature2 h2 { border-bottom: 1px solid black; padding-bottom: 10px; margin-bottom: 13px; color:#e76800; font-size: 1.8em;}

.feature1 { margin-right: 30px; width: 295px; margin-bottom: 10px; padding: 10px; height:253px; border: 1px solid #9c9b9b; }
.feature2 {width: 295px; border: 1px solid #9c9b9b; margin-bottom: 10px; padding: 10px; height:253px; }

.featureSide { float: left; width: 120px;}
.featureImage { background: #fff; padding: 3px; border: 1px solid #9f9e9e;}
.featureText { height: 123px;}

a.moreInfo { display: block; width: 111px; height: 20px; background: url('../images/moreInfo.gif') no-repeat; text-indent: -9999px;}
a.moreInfo:hover { background-position: bottom left;}
a.visitSite { display: block; width: 111px; height: 20px; background: url('../images/visitSite.gif') no-repeat; text-indent: -9999px; margin-top: 10px;}
a.visitSite:hover { background-position: bottom left;}
a.moreNews { display: block; width: 111px; height: 20px; background: url('../images/buttonMoreNews.gif') no-repeat; text-indent: -9999px; margin-top: 10px;}
a.moreNews:hover { background-position: bottom left;}
a.moreArchive { display: block; width: 111px; height: 20px; background: url('../images/buttonArchive.gif') no-repeat; text-indent: -9999px; margin-top: 10px;}
a.moreArchive:hover { background-position: bottom left;}

#bottomFeaturesContainer { width: 100%; min-width: 989px; background: url('../images/headerBg.jpg') repeat-x #07435e; height:140px; border-top: 10px solid #07435e;}
#bottomFeatures { width: 939px; margin: 0 auto; padding: 10px 0 0 0;}



#bottomFeaturesBoxContainer { background: url('../images/bottomFeatureBg.gif') repeat-x; min-height: 60px; height: auto;}
* html #bottomFeaturesBoxContainer { height: 103px;}
#bottomFeaturesBoxContainer p { margin: 0 0 0; line-height: 1.3em;}
#bottomFeaturesBoxContainer h4 { margin: 15px 0 5px 0; font-size: 1.3em;}
.bottomFeature1 { width: 455px; float: left; border-right: 1px solid #d6e5ea; padding-right: 15px; text-align: left;}
.bottomFeature2 { width: 440px; float: left; padding-right: 15px; text-align: left;}
.bottomFeatureImage { float: left; }


#PageContent { text-align: left;}
#divFloatRight { margin: 5px 5px 5px 25px; float: right; border: 1px solid #07435e;}
#divFloatLeft { margin: 5px 10px 5px 0px; float: left; border: 0;}

/* page groups */

#pageGroup {}
#pageGroup .staffMember { padding-top: 20px; }
#pageGroup h4 { font-size: 1.1em; }



/* Footer */
#valid { float: left; height: auto; width: auto; margin: 10px 0 0 40px;}
* html #valid { display: inline;}

#footerContainer { width: 100%; min-width: 989px; background: transparent;}
#footer { border:0px; color:White; background: transparent;}
#footerLeft {float:left; padding: 10px 20px 0 20px; width:492px;color:White;   }
#footerRight {float: right;  padding: 10px 30px 0 20px; width: 307px; color:White; }

#rssIcon, #xhtmlIcon { margin-right: 5px;}
#cssIcon { margin-right: 15px;}


#footerRight ul#minorNav {float: right; }
#footerRight ul#minorNav li { display: inline;}
#footerRight ul#minorNav li a { padding: 0 3px; text-decoration:none; color:White;}
#footerRight ul#minorNav li a:hover, ul#minorNav li a.currentPage {color:#e76800;}

p#error { width: 100%; text-align: center; margin: 80px 0 0;}


/* Middle Content */
/* background: url('../images/middleContentBg.jpg') repeat-x bottom left #fff; */

#middleContentContainer { width: 100%; min-width: 989px; min-height: 260px; height: auto;background:#fff;}
* html #middleContentContainer { height: 260px;}
#middleContent { width: 909px; margin: 0 auto; padding: 18px 15px 30px; text-align: left;}

#shadowBg { width: 969px; margin: 0 auto; padding: 0 0 25px 0; background: url('../images/InnerShadowBg.jpg') repeat-y;}

/* Inner Pages */
body.inner #middleContentContainer { width: 100%; min-width: 989px; background: url('../images/middleContentBg.jpg') repeat-x top left #fff; min-height: 260px; height: auto;}
* html body.inner #middleContentContainer { height: 260px;}
body.inner #middleContent { width: 889px; margin: 0 auto; padding: 18px 25px; background: #fff; border-left: 1px solid #f0efeb; border-right: 1px solid #f0efeb; min-height: 225px; height: auto;}
* html body.inner #middleContent { height: 225px;}
body.inner #subNav { width: 188px; border-top: 1px solid #ccc; background: url('../images/subNavBg.jpg') bottom left; padding-bottom: 50px;}



ul#subNav { float: left;}
ul#subNav li a { color: #183652; text-decoration: none; font-size: 1.4em; width: 148px; margin: 1px 2px 0; padding: 5px 0 5px 36px; display: block; background: url('../images/subNavArrow.gif') no-repeat 15px 50%;}
ul#subNav li a:hover { background: url('../images/subNavArrow.gif') no-repeat 15px 50% #e3e6e8; color: #344f64;}
ul#subNav li a.currentPage { background: url('../images/subNavArrow.gif') no-repeat 22px 50% #e3e6e8 !important; color: #000 !important;}

#mainContent { float: left; margin-left: 25px; width: 843px; color: #373737; font-size: 1.1em; line-height: 1.5em;}
* html #mainContent { display: inline;}
#mainContent h1 { color: #da5005; padding: 16px 0 10px; font-size: 1.8em;}
.mainImage { border: 2px solid #143753; margin-bottom: 20px;}

#mainContent img { border: 0px solid #9c9b9b; padding: 3px;}

/* Inline bulleted lists */
#mainContent ul {padding-left:15px; list-style-type: disc;}

/* Page Group links */
.pageHyperlink {padding-top:10px;}

/* Achievements */
h6 { color: #E76800; font-size: 1.1em; margin-bottom: 2px;}

/* Dot Indent */
div.dotIndent { padding-left: 10px; background: url('../images/dotIndent.gif') no-repeat 0 9px;}

/* Contact Us Form */
div.contactPageContent { width: 359px; float: left;}
div.contactFormContent { width: 359px; float: left;}
.formLeft {display:inline; font-weight:bold;}
.formRight { display:inline; padding-right: 10px;}
.contactValidation { }
.formSubmit {display:block; margin-top:15px;}
.formSubmit input {font-weight:bold;}
.formSubmit input:hover {font-weight:bold; color: #e76800;}
input#pgeContent_ctl00_btnSendMessage { cursor: pointer;}

/* Graphs - Reduce to fit */
.inlineGraph {width:340px;}

/* Flash Image - Border */
#swfObjectMain { border: 1px solid #787878;}

/*  Graphs */
.imgGraph {float:left; margin-right:20px;}
.imgText {float:left; width:305px;}
.imgTextBelow {float:left; width:100%; clear:left;}

/* Image Adjustments */
.portWatheeqaImage { margin-bottom: 20px;}
.portWatheeqaImageSmall { margin-bottom: 10px;}
.portWatheeqaImageLarge { margin-bottom: 40px;}
.portWatheeqaImageReallyLarge { margin-bottom: 70px;}
.portWatheeqaImageReallyLarger { margin-bottom: 90px;}
.portWatheeqaImageReallyReallyLarge { margin-bottom: 120px;}
.portWatheeqaHorizontal{margin-right: 115px;}
.portWatheeqaHorizontalLarge{margin-right: 165px;}


/* Lists with spaces */
.spacedList li {padding-bottom:10px;}

/* Sitemap Style */
ul.sitemap { list-style: disc; margin: 0 0 0 0px;}
ul.sitemap li { margin: 0 0 0px; font-size: 1.1em; font-weight: bold;}
ul.sitemap li a { text-decoration: none !important;}
ul.sitemap li a:hover { text-decoration: underline; color: #E76800 !important;}
ul.sitemap li ul { list-style: circle !important; margin: 0 0 0 20px;}
ul.sitemap li ul li { margin: 0 0 0 0; font-size: 1.0em; font-weight: normal;}

/* Error Page */

body#error #headerContainer { min-height: 100px;}
* html body#error #headerContainer { height: 100px;}
body#error #middleContentContainer { min-height: 100px;}
body#error #header img { float: right; margin-right: 10px;}
body#error p#errorMessage { width: 100%; padding: 100px 0; text-align: center;}