/* NOTE:  Each page is divided into 3 sections
                  -- Header (contains breadcrumb trail)
                  -- Container (contains left hand menu navigation) - The basic content page is styled first, then the other pages follow
                  -- Footer
                  -- Margins and padding go clockwise from top.
*/

/* -- set basic rules - general styling & look and feel of generic attributes */
*{
  margin: 0pt;
  padding: 0pt;
}
body{
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 80%;
  line-height: 1.4; 
}
ul, ol{
  margin: 0 0 0.5em 2em;
  clear: left;
}
li.doc{
  list-style-image: url(iconWord.gif);
}
li.ppt{
  list-style-image: url(iconPowerPoint.gif);
}
li.xls{
  list-style-image: url(iconExcel.gif);
}
li.pdf{
  list-style-image: url(iconPDF.gif);
}
li.txt{
  list-style-image: url(iconText.gif);
}
p{
  margin: 1em 0 1.25em 0;
}
a{
  color: #A54499;
  text-decoration: none;
}
a:hover{
  color: #000000;
  text-decoration: none;
}
a img{
  border: none;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
h1{
  padding: 0 0 0 0;
  font-weight: normal;
  color: #A54499;
  font-size:300%;
  float: left;
  margin: 40px 5px 0 3px;
  position: absolute;
  left: -999px;
}
h2{
  font-weight: normal;
  color: #000000;
  font-size:160%;
  margin: 58px 0 0 0;
  position: absolute;left: -999px;
}
table{
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 90%;
  width: 78%;
  line-height: 1.4;
}
h3{
  font-size: 125%; 
  color: #A54499;
}
/*-- for styling the Flash image on homepages--*/
object{
  width: 550px;
  height:250px;
  float: right;
  white-space: nowrap;
  margin: 0 0 0.5em 0;
}

/* ------   END set basic rules - general styling & look and feel of generic attributes */


/* --------- HEADER -------- */
/*------Skip navigation----*/
  #skip a, #skip a:hover, #skip a:visited 
 { 
  position:absolute; 
  left:0px; 
  top:-500px; 
  width:1px; 
  height:1px; 
  overflow:hidden;
} 
#skip a:active 
{ 
  position:static; 
  width:auto; 
  height:auto; 
}
/*------END skip navigation----*/

/* -----Header Text-----*/
#pageHeader{
  float: left;
  width: 100%;
  height: 94px;
}
div.header{
  background: url(invest_heading.jpg) left no-repeat;
  float: left;
  border-left: solid 2px #A54499;
  margin: 0 0 0 0;
  width: 50%;
  height: 94px;
}
div.leftHeaderImage{
  float: left;
  background: url(banner_vertical_lines.jpg) center left repeat-x;
  background-position: bottom;
  height: 94px;
  width: 19%;
  margin: 0 0 0 0;
}
div.rightHeaderImage{
  float: right;
  background: url(banner_building.jpg) left no-repeat;
  background-position: bottom;
  margin: 0 0 0 0;
  height: 94px;
  width: 30%
}
/* -----END Header Text ----*/
/* ------ END HEADER --------- */

/* -------- CONTAINER (for all pages) ---------- */
/* -- Basic Page Template -- */

/* -- page container   */
#container{
  clear: left;
  padding: 0 0 0 0;
}

* html #container{ /* fix for IE6 */
  overflow: visible;
  height: 1px;
}

/* -- END page container */

/* -- Breadcrumb top navigation */
#breadcrumbMargin{
  width: 19%;
  border-top: solid 1px #A54499;
  border-bottom: solid 2px #A54499;
  height: 30px;
  float: left;
}
#breadcrumbPageNavigation{
  border-bottom: solid 2px #A54499;
  border-top: solid 1px #A54499;
  border-left: solid 2px #A54499;
  width: 80%;
  height: 30px;
  float: left;
}
ul.breadcrumbTrail{
  margin: 1px 0 0 3px;
  display: block;
  padding: 0 0 0 0;
  overflow: hidden;
  float: left;
  clear: left;
} 
* html ul.breadcrumbTrail{/* fix for IE6 */
  overflow: visible; 
  height: 1px;
}
ul.breadcrumbTrail li{
  background: url(bt_chevs.gif) center left no-repeat;
  float: left;
  display: block;
  padding: 0 25px;
  margin: 2px 0 0 -22px;
}
/* ------ END Breadcrumb top navigation */

/* -- menu navigation (left hand menu) */
#menuPageNavigation{
  display: block;
  width: 19%;
  float: left;
  clear: left; 
  margin: 0;
}
#menuPageNavigation ul.pageNavigation a{
  display: block;
  margin: 0 0 0.1em 1em;
  color: #000000;
  text-decoration: none;
}
#menuPageNavigation ul.pageNavigation a:hover{
  display: block;
  margin: 0 0 0.1em 1em;
  color: #E7C9E0;
  text-decoration: none;
}
ul.pageNavigation{
  list-style-type: none;
  display: block;
  float: left;
  clear: left;
  margin: 0;
}
ul.pageNavigation li{
  display: block;
  margin: 0.5em 0 1em 0;
  padding: 0 0 0.5em 0;
}
ul.pageNavigation li.toParent a{
  background: url(ul_chevs.gif) no-repeat center left;
  padding: 0 0 0 15px;
}
ul.pageNavigation span{
  border-bottom: solid 1px #000000;
}
ul.pageNavigation li.toParent span{
  border: 0;
}
ul.pageNavigation li.youAreHere span{
  display: block;
  padding: 0 0 0 1em;
  background-color: #E7C9E0;
}

ul.pageNavigation li.parent a{
  background: url(bt_chevs.gif) no-repeat center right;
  padding: 0 20px 0 0;
}

div.propertyLink {
  border: solid 2px #A54499;
  clear: left;
  margin: 5px 5px 5px 5px;
}
div.propertyImg{
  background: url(property_back.jpg) top left repeat-x;
  height: 42px;
}
div.propertyImg img{
  float: right;
  height: 42px;
}
span.propertyLinkPos{
  width: 100%;
  text-align: center;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
span.propertyLinkPos a{
  color: #000000;
  font-weight: bold;
  margin: 0 0 0 5px;
  padding: 0 0 0 0;
}
span.propertyLinkPos a:hover{
  color: #A54499;
  font-weight: bold;
  margin: 0 0 0 5px;
  padding: 0 0 0 0;
}
div.extsiteLink {
  border: solid 2px #A54499;
  clear: left;
  margin: 5px 5px 5px 5px;
}
div.extsiteImg{
  background: url(pink_back.jpg) top left repeat-x;
  height: 42px;
}
div.extsiteImg img{
  float: left;
  width: 100%;
  padding: 0 0 0 0;
  height: 42px;
}
span.extsiteLinkPos{
  width: 100%;
  text-align: center;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
span.extsiteLinkPos a{
  color: #000000;
  font-weight: bold;
  margin: 0 0 0 5px;
  padding: 0 0 0 0;
}
span.extsiteLinkPos a:hover{
  color: #A54499;
  font-weight: bold;
  margin: 0 0 0 5px;
  padding: 0 0 0 0;
}
/* ------ END menu navigation (left hand menu) */
/* -- END Basic Page Template -- */


/* ------- Content Structured Component Template ------ */
/*---Image Banner ----*/
/*---- when you put more image banners in, then move these down the list. ST-04-02-08---*/
div.imageBanner_1, div.imageBanner_10, div.imageBanner_11, div.imageBanner_12, div.imageBanner_13, div.imageBanner_14, div.imageBanner_15, div.imageBanner_16, div.imageBanner_17, div.imageBanner_18, div.imageBanner_19{
  background: url(01_banner.jpg) repeat-x;
  width: 100%;
  height: 92px;
}
div.imageBanner_2{
  background: url(02_banner.jpg) repeat-x;
  width: 100%;
  height: 92px;
}
div.imageBanner_3{
  background: url(03_banner.jpg) repeat-x;
  width: 100%;
  height: 92px;
}
div.imageBanner_4{
  background: url(04_banner.jpg) repeat-x;
  width: 100%;
  height: 92px;
}
div.imageBanner_5{
  background: url(05_banner.jpg) repeat-x;
  width: 100%;
  height: 92px;
}
div.imageBanner_6{
  background: url(06_banner.jpg) repeat-x;
  width: 100%;
  height: 92px;
}
div.imageBanner_7{
  background: url(07_banner.jpg) repeat-x;
  width: 100%;
  height: 92px;
}
div.imageBanner_8{
  background: url(08_banner.jpg) repeat-x;
  width: 100%;
  height: 92px;
}
div.imageBanner_9{
  background: url(09_banner.jpg) repeat-x;
  width: 100%;
  height: 92px;
}
div.imageBanner_10{
  background: url(10_banner.jpg) repeat-x;
  width: 100%;
  height: 92px;
}
/*---END Image Banner---*/

div.mainBody{
  width: 80%;
  float: left;
  border-left: solid 2px #A54499;
}
div.section{
  padding: 0.5em 0.5em 1em 0.5em;
  clear: left;
  width:100%;
}
div.sectionImage {
  background: url(news_image_background.gif) repeat-x;
  height: 90px;
  width: 100%;
}
div.sectionImage image{
  width: 150px;
  height: 90px;
}
div.itemHP{
  float: left;
  width: 32%;
  height: 220px;
  margin: 0 2px 0 2px;
  border-right: 1px solid #A54499;
  overflow: hidden;
}
div.indexItemsHP{
  width: 100%;
  clear: left;
  float: left;
  border-top: 2px solid #A54499;
}
div.indexItemsHP p{
  font-size: 80%;
  margin: 0 2px 0 2px;
}
div.indexItemsHP h3{
  font-size: 100%;
  color: #A54499;
  margin: 0 2px 0 2px;
}
div.indexItemsHP a{
  font-size:80%;
  color: #A54499;
  text-align: right;
  margin: 0 18px 2px 0;
}
div.fullArticleLink{
  float: right;
  background: url(bt_chevs.gif) no-repeat center right;
  margin: 5px 2px 0 0;
}

div.Section h3{
  float: left;
  clear: both;
  padding: 0 0 0.5em 0;
}
div.Section h3.ImageCaption{
  visibility: visible;
  float: right;
  padding: 0 0 1em 2em;
  font-size: 80%;
}
div.contentSection img{
  float: right;
  margin: 0.5em 0 0.5em 1em;
}
div.contentSection img.leftImage{
  float: left;
  margin: 0.5em 0 0.5em 0;
}
div.contentSection p{
 clear: left;
}
div.documentLinks{
  margin: 1em 0 0 0;
}
div.relatedLinks{
  margin: 1em 0 0 0;
}
div.pageSection{
  clear: left;
  width: 100%;
}
table.propertyTable{
  width: 80%;
  border: 1px; 
}
table.propertyTable tr{
  vertical-align: top;
  text-align: left;
}
table.propertyTabel td{
  width: 25%;
}

/* ------- contact page*/
div.serviceContact, div.externalContact{
  padding: 0.5em 0.5em 3em 0.5em;
  float: left;
}
div.serviceContact h3, div.externalContact h3{
  font-size: 125%;
  padding: 0 0 1.5em 0;
}
div.serviceContact h4, div.externalContact h4{
  color: #A54499;
  font-size: 110%;
  font-weight: bold;
}
div.serviceContact address, div.externalContact address{
  font-style: normal;
}
div.serviceContact ul, div.externalContact ul{
  margin: 0 0 0 0;
}
div.serviceContact li, div.externalContact li{
  list-style-type: none;
}
/* -------END contact page */

/* ------- content section */

/* ------- END content section */
/* ------- END Content Structured Component Template ------ */

/* -------- Index Item Component Template -------- */
div.indexItem{
    padding: 0.5em 0.5em 2em 0.5em;
    margin: 0 0 0 0;    
}
div.indexItem h3{
  font-size: 110%;
  padding: 2.5em 0 0.25em 0;
}
div.indexItem div.fullArticleLink{
  text-align: right;
  margin: 0 0.5em 1em 2em;
  background: none;
}
div.indexItem div.fullArticleLink a{
  background: url(bt_chevs.gif) no-repeat center left;
  padding-left: 20px;
}
/* -------- END Index Item Component Template -------- */
/* -------- END CONTAINER ----------- */


/* --------- FOOTER ------------- */
#pageFooter{
  padding: 0 0 0 0;
  width: 100%;
  border-top: solid 2px #A54499;
  clear: left;
  line-height: auto;
}
#pageFooter hr{
  visibility: hidden;
 /* clear:  left;*/
  height: 0px;
  line-height: 0px;
}
#pageFooter hr.wide{
  visibility: visible;
  clear:  left;
  color: #A54499;
  height: 2px;
  background-color: #A54499;
}
div.footerTop{
  width: 100%;
  clear: left;
  float: left;
  margin: 0 0 1em 0;
  line-height: auto;
}
div.footerBottom{
  clear: left;
  float: left;
  line-height: auto;
  width: 100%;
}
div.footerBanner{
  visibility: hidden; 
  height: 0px;
  margin: 0px;
  padding: 0px;
  line-height: 0px;
}
div.footerContactDetails{
  margin: 0 0 0 0;
  line-height: auto;
  width: 68%;
  float: left;
}
div.contact{
  margin: 0 0 0 0;
  float: left;
  line-height: auto;
}
div.contact address{
  padding: 0 0 0 0;
  margin: 0 0 0 0.5em;
  font-size: 80%;
  font-style: normal;
  line-height: auto;
}
div.contact ul{
  margin: 0 0 0 0;
  line-height: auto;
}
div.contact li{
  display: block; 
  float: left;
  padding: 0 1em 0 1em;
  margin: 0.5em 0.5em 0 -0.5em;
  border-left: solid 1px #000000;
  font-size: 80%;
  font-style: normal;
  line-height: auto;
}
div.footerAffiliates{
  float: right;
  clear: right;
  margin: 0 0.5em 0 0;
  padding: 0 0 0 0;
  line-height: auto;
  width: 30%;
}
div.footerAffiliates li{
  list-style: none;
  display: block;
  float: right;
  line-height: auto;
}
div.footerStandards{
  float: left;
  line-height: auto;
}
div.footerLinks{
  float: right;
  margin: 0 0.5em 2em 0;
  font-size: 80%;
}
div.footerLinks a{
  margin: 0 0 0 1em;
}
div.footerLinks ul{
  margin: 0 0 0 0;
  padding: 0 0 0 0; 
}
div.footerLinks li{
  display: block;
  float: left;
  list-style: none;
  margin: 0 -1em 0 1em;
  padding: 0 1em 0 0.25em;
  border-right: solid 1px #000;
  overflow: hidden;
}
/* ---- END FOOTER-----*/