body *
{
  font-size: 101%; /* for IE bug */
  font-family: Arial, Helvetica, sans-serif;
}

/* Reduce the font size to 68.8% or 11px size
100% = 16
11/16 x 100
*/
body{ font-size: 75%; }

/* IE can’t read this */
html>body { font-size: 75%;}

/* Ensure forms and tables inherit the correct size */
table, input, select, th, td, textarea { font-size: 1em; }

/* Ensure nested elements inherit the correct size */
ol, ul, li li, li p, td p, blockquote p, div div { font-size: 1em; }

table table td { font-size: 0.95em; }

/* child pixels / parent pixels = child ems
Example(19px for h1) : 19 (child pixels) / 11 (parent pixels) = 1.73
*/

body { background: #fff url(bg_body.gif) repeat-x; margin: 0; } 
img {border: 0;}
address { font-style: italic; color: #666; }
sup { font-size: 0.8em; }
abbr { border: none; }
q { font-style: italic; }
cite { font-style: normal; }

blockquote { width: 420px; padding: 15px 20px 15px 30px; background: url(bg_blockquote.png) no-repeat; margin: 0 auto; min-height: 75px; }
blockquote p { margin: 0 0 12px; color: #000; font-size: 13px; }
blockquote cite { font-size: 11px; line-height: 14px; color: #666; text-align: right; font-style: italic; display: block; }
blockquote.right { float: right; margin: 0 0 10px 0; }
blockquote.halfLeft,
blockquote.halfRight { width: 230px; background-image: url(bg_blockquoteHalf.png); }

table.retailDirectory { border: none; width: 100%; }
table.retailDirectory th,
table.retailDirectory td { padding: 5px; border-bottom: 1px solid #fff; font-weight: bold; text-align: left; background: #E8EDFF; color: #669; vertical-align: top; }
table.retailDirectory td a { display: block; font-weight: normal; outline: none; }
table.retailDirectory .sorttable_sorted { background-image: url(sorted.gif); background-repeat: no-repeat; background-position: 5px 5px; }
table.retailDirectory .sorttable_sorted_reverse { background-image: url(sorted_reverse.gif); background-repeat: no-repeat; background-position: 5px 5px; }
table.retailDirectory .tableTopRow th { text-align: left; background: #B9C9FE; color: #921601; font-weight: bold; border-top: 5px solid #9BAFF1; font-size: 13px; }
table.retailDirectory .tableTopSubRow th,
table.retailDirectory th.tableSubHeader { text-align: left; background: #D0DAFD; color: #ff6c00; font-weight: bold; }
table.retailDirectory th.tableSubHeader { padding-right: 10px; }
table.retailDirectory .note { font-weight: normal; color: #669; display: inline; }
table.retailDirectory h5 { font-size: 12px; }
table.retailDirectory td.altCell { background: #D0DAFD; font-weight: normal; }

table.calendar td { font-weight: normal; }

h1 {font-size: 1.73em; font-weight: 600; color: #919191; text-transform: uppercase;}
h2 {font-size: 1.6em; font-weight: bold; color: #2067b7;}
h3 {font-size: 1.45em; color: green; font-weight: normal; margin: 0;}
h4 {font-size: 1.2em; font-weight: bold; color: #2067b7; }
h5 {font-size: 1.1em; font-weight: bold; margin: 0;  color: #000; }
h6 {font-size: 0.9em; font-weight: bold; margin: 0; color: #666; }

h1, h2, h3, h4 { font-family: Arial, Helvetica, sans-serif; }

h3 span.caption, h4 span.caption { font-size: 0.8em; }

a:link {color: #0069A5; text-decoration: none;}
a:visited {color: #0069A5; text-decoration: none;}
a:hover {color: #000000; text-decoration: underline;}


#container { width: 990px; margin: 0 auto; position: relative; z-index: 2; }

#header { height: 206px; background: url(bg_header.jpg) no-repeat 233px 0px; position: relative;}
#header h1 { margin: 0; background: url(logo.gif) no-repeat 0px 75px; height: 181px; width: 223px; text-indent: -1000em; float: left; }
#header h1 a { display: block; width: 223px; height: 110px; margin-top: 70px; outline: none; }

#period { color: #fff; position: absolute; top: 4px; left: 0; }

#menu {list-style: none; padding: 0; margin: 0;  float:left; font-weight:bold;}
#menu li { float: left; padding: 9px 18px;}
#menu a { background: url(ico_darkBlueArrow.gif) no-repeat 0 2px; padding-left: 20px; color: #000; text-decoration: none; outline: none; }
#menu li.active { background: url(bg_menu.gif) repeat-x; }
#menu li.active a { color: #fff; }

#search { padding: 5px 10px 0 10px; float:left; }
#archivesLink { float:left; margin-top:8px; font-weight:bold; color: #000; text-decoration: none;}

#content { clear:both; width: 610px; float:left; padding: 15px 0 18px 10px; line-height:1.5em; position: relative; }
#content h2 { font-size: 1.6em; color:#a77441;}
#homeFlash img { border: 1px solid #ccc; padding:3px; width: 597px; height: 364px; }

#rss {float:right; width: 60px; list-style: none; padding-top: 15px; padding-left: 20px; margin: 0}
#rss a { text-decoration: none; color:#000;}

#sidebar { float:right; width: 247px; background: url(bg_sidebar.png) no-repeat; padding: 0px 10px 20px 30px; margin-top: 15px; font-size: 0.9em; }
#sidebar h2 { color: #FF0000; font-size:1.45em; margin: 0; padding: 1em 0 0.5em; }
#sidebar h3 { color: #000; font-size:1.15em; margin: 0 0 2px; font-weight: bold; }
#sidebar a {color: #4869a5; clear: right; float:right;  text-decoration: none; width: 70px; text-align: right; }
#sidebar div { clear:both; }
#sidebar p { margin: 0 0 10px; width: 165px; float: right;  }
#sidebar img { float: left; }
#sidebar .si_fixed { padding-bottom: 15px; }
#sidebar ul { margin: 0; padding: 0; list-style: none; float: right; width: 165px; }
#sidebar li { margin-bottom: 10px; }

#footer { background: url(bg_footer.gif) repeat-x; height: 146px;  clear:both; position: relative; z-index: 1; }
#footer div { width: 930px;  margin: 0 auto; padding: 25px 0 0 60px; position: relative; }
#footer div .one { position: absolute; top: 18px; left: 0; }
#footer div .two { position: absolute; top: 20px; right: 30px;; }

#homeFlash { z-index: 1; }



.si_fixed:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;	}
.si_fixed{ display:block; }
/*  \*/
.si_fixed{ min-height:1%; }
* html .si_fixed{	height:1%; }

.clearBoth { clear: both; }
.floatLeft { float: left; }
img.left {float: left; margin: auto 10px 10px auto;}
img.right {float: right; margin: auto auto 10px 10px;}
img.middle {vertical-align: middle;}
.center { text-align: center; }
.required { color: #f00; }
.si_left { text-align: left !important; }

.note { color: #666; font-size: 0.9em; font-style: italic; }
.caption { margin-top: 0; color: #000; text-align: center; line-height: 1.4; font-style: italic; }
.marginTop { margin-top: 1em; }
.marginTop0 { margin-top: 0 !important; }
.marginBottom { margin-bottom: 1em; }
.marginBottom0 { margin-bottom: 0 !important; }
.marginLeft { margin-left: 1em; }
.tenantList { display: none; }
.tenantList .note { display: block; }
.tenantList table { width: 100%; }
.separator, .separatorShort { clear: both; border-bottom: 1px solid #ccc; margin: 15px 0; }
.separatorShort { width: 60%; margin: 25px auto; padding-top: 25px; }
.normalWeight { font-weight: normal !important; }
.highlight { color: #2067B7; }
.list1 { list-style: none; margin: 10px 0; padding: 0 0 0 10px; }
.iconList li { padding: 1px 0; border-bottom: 1px solid #ccc; }
.iconList a { height: 42px; line-height: 42px; padding-left: 44px; font-weight: bold; display: block; background: no-repeat 2px center; outline: none; }
.iconList a:hover { text-decoration: none; background-color: #f4f4f4; }
.iconList .cartridge a { background-image: url(cartridges.jpg); }
.iconList .water a { background-image: url(tap2ecotips.jpg); }
.iconList .airQuality a { background-image: url(potplantecotips.jpg); }
.iconList .treePaper a { background-image: url(savepaper.jpg); }
.iconList .energy a { background-image: url(savingenergyecotip.jpg); }
.iconList .transportation a { background-image: url(bicycle1.jpg); }
.iconList .recycling a { background-image: url(recycling.jpg); }
.personnelContainer { float: left; width: 130px; }
.italic { font-style: italic; }

.halfLeft { float: left; width: 48%; }
.halfRight { float: right; width: 48%; }

.relatedInfo { height: 70px; padding: 10px 0; }
.relatedInfo img { float: left; padding: 1px; border: 1px solid #333; }
.relatedInfo div { float: left; width: 500px; margin: 0 0 0 20px; }
.relatedInfo a { outline: none; }
.relatedInfo em { color: #666; display: block; }

.promotionPeriod { color: #a00; }
.spacyList li { padding: 5px 0; }

.searchKey { color: green; }

.galleryList { margin: 15px 0; padding: 0; list-style: none; }
.galleryList li { margin: 0 auto 30px; width: 463px; height: 220px; }
.galleryList .caption { background: url(bg_galleryCaption.png) no-repeat; width: 337px; height: 39px; padding: 5px 15px 0; margin: 0 auto; text-align: left; }

.terms { display: none; padding-left: 20px; margin: 0; }
.terms li { padding: 2px 0; }
.termsHeader { clear: both; padding-top: 5px; }

.termsconditions { font-size: 10px; line-height: 13px; display: none; }
.termsconditions li { margin-bottom: 8px; }
.termsconditions li li { margin-bottom: 0; }

.footNote { font-size: 0.9em; font-style: italic; color: #666; padding-top: 10px; }

.ir_tableBorder {border: 1px solid #CCCCCC;}
table.ir_table { margin: 0.5em 0 1.5em; }
table.ir_table td { background: #f4f4f4; padding: 4px; }
table.ir_table td.col1 { background: #e9e9e9; }
table.ir_table td.col2 { background: #999; color: #fff; font-weight: bold; }
table.ir_table tr.ir_tableTopRow td {background: #2067B7; color:#fff; font-weight: bold; text-align: center;}
table.ir_table tr.row1 td {background: #f4f4f4;}
table.ir_table tr.row2 td {background: #e9e9e9;}
table.ir_table tr.row3 td {background: #999; font-weight: bold; color: #fff;}
table.ir_table tr.rowRollover td {background: #c3b777;}
table.ir_table tr.rowHighlight td {background: #414141; color:#ffffff;}
table.ir_table tr.rowTS td {background: #ccd0e1; border-bottom:1px solid #aaaaaa;}
table.ir_table tr td.left {text-align: left;}
table.ir_table tr td.center {text-align: center;}
table.ir_table tr td.right {text-align: right;}
table.ir_table tr td span.red {color:#ff0000;}
table.ir_table tr td span.green {color:#448800;}
table.ir_table tr td.cellHighlight {background: #414141; color:#ffffff;}
table.ir_table tr td.cellTS {background: #ccd0e1; border-bottom:1px solid #aaaaaa;}
table.ir_table tr td.cellTotal {border-top: 1px solid #414141; border-bottom: 1px solid #414141;}
table.ir_table tr td.cellSubTotal {border-top: 1px solid #414141;}
table.ir_table tr td.cellRed {background:#ebddd8;}
table.ir_table tr td.cellGreen {background:#d8ebdc;}

body table.ir_table td.blank { background: #fff; }

/**** page ****/
.clickForMore { color: #0069A5; cursor: pointer; clear: both; }

#happenings #content h4 { margin: 10px 0 0; padding-top: 15px; border-top: 1px solid #ccc; clear: both; }
#happenings #content h4.first { border: none; }
#happenings #content h4.marginBottom { margin-bottom: 1em; }
#happenings #content img.left { margin: 1.4em 1.5em 1em 0; }
#happenings #content .item { border-bottom: 1px solid #ccc; padding: 10px 0; }
#happenings #content .item h4 { border: none; padding: 0; margin: 0; }
#happenings #content .imgContainer { margin: 1.4em 1.5em 1em 0; }
#happenings #content .more, #ecowave #content .more { display: none; }
#happenings #content .more p.first { margin-top: 0; }
#happenings .galerie-belvedere { float: left; padding: 0 70px; }

#newsbites h4.first { margin-top: 1em; }
#newsbites #content .more { display: none; }

#tenantSubscriptionContainer { font-size: 11px; position: absolute; top: 20px; left: 40px; background: #fff; border: 1px solid #999; width: 380px; padding: 10px; z-index: 2; }
#tenantSubscriptionContainer .statement { display: none; }
#tenantSubscriptionContainer #close { position: absolute; right: 2px; top: 2px; display: block; width: 16px; height: 16px; line-height: 16px; text-indent: -1000em; background: url(icon_crossClose.gif); outline: none; border: none; }
#tenantSubscriptionContainer .required { padding: 5px 0; font-style: italic; }

#tenantSubscription { float: left; width: 100%; }
#tenantSubscription ul { margin: 0; padding: 0; list-style: none; float: left; width: 100%; }
#tenantSubscription li { float: left; width: 100%; padding: 2px 0; }
#tenantSubscription label { float: left; width: 110px; font-weight: bold; }
#tenantSubscription input { float: left; width: 200px; border: 1px solid #666; font-size: 11px; }
#tenantSubscription .officeBuilding { border-top: 3px solid #cbdef1; margin-top: 10px; padding-top: 5px; }
#tenantSubscription .officeBuilding label { width: auto; }
#tenantSubscription .officeBuilding input { width: auto; border: none; }
#tenantSubscription .officeBuilding ul { width: 49.95%; }
#tenantSubscription .officeBuilding li { float: left; width: 100%; }
#tenantSubscription .officeBuilding li label { font-weight: normal; }
#tenantSubscription .submit input { width: 70px; font-weight: bold; }
#tenantSubscription .required { text-align: right; font-style: italic; }

#archives_new #content { background: url(bg_archives_body.png) repeat-y 10px 10px; padding-top: 0; margin-top: 20px; }
#archives_new #content h2 { margin-top: 5px; }

#archive_timeline { margin: 0; padding: 0; list-style: none; float: left; width: 150px; }
#archive_timeline li { float: left; width: 100%; clear: left; }
#archive_timeline h4 { margin: 0; padding-left: 15px; background: url(icon_arrow_blue_ltr.png) no-repeat left center; clear: both; }
#archive_timeline ul { margin: 0; padding: 0 0 20px 25px; list-style: none; float: left; }
#archive_timeline a { line-height: 18px; display: block; float: left; }
#archive_timeline .active a { color: #f00; }
#archive_timeline .linkPDF a { background: url(icon_pdf.gif) no-repeat right center; padding-right: 22px; }

#archive_content { float: right; width: 450px; }
#archive_content h4 { margin: 0; font-size: 12px; }

#treeHope { width: 550px; height:709px; background: url(treeOfHope_bg.png) no-repeat; padding: 130px 30px 0; position: relative; }
#treeHope .strong1 { color: #2067B7; font-size: 14px; font-weight: bold; }
#treeHope .strong2 { color: #2067B7; font-size: 12px; font-weight: bold; }
#treeHope p { margin: 10px 0; }
#treeHope p.si_floatLeft,
#treeHope p.si_floatRight { width: 260px; }
#treeHope strong em { font: italic bold 15px/18px "Times New Roman", Times, serif; color: #ed3423; } 
#treeHope h5 { color: #00a64e; font-size: 14px; }
#treeHope .meta { position: absolute; top: 575px; left: 35px; }
#treeHope .meta ul { color: #2067B7; margin: 0; padding: 0; list-style: none; }
#treeHope .meta li { padding-left: 8px; background: url(bullet1.png) no-repeat left 8px; }

#propertyTable { font-size: 0.9em; }
#propertyTable td.col1 { width: 32%; font-weight: bold; vertical-align: text-top; }
#propertyTable ul { list-style: url(ico_greenArrow.gif); padding-left: 2em; margin-top: 0; }
#propertyTable ul li { margin: 0.5em 0; }
