/* LAYOUT STYLES */
body {background-color: #444654; margin-top: 0px; margin-bottom: 0px; font-family: Arial, Geneva, Helvetica, sans-serif; font-size: 0.7em; height: 100% }
.spacerDiv { width: 10px; float: left }
#hubDiv {position: relative; border-left: 1px solid #353546; border-right: 1px solid #353546; margin-left: 15px; margin-right: 15px; height: 100%; background-color: #353546; margin-top: 0px; color: #444654 }
#mainDiv {position: relative; border-left: 1px solid #353546; border-right: 1px solid #353546; margin-left: 15px; margin-right: 15px; height: 100%; background: url(../images/greyBG.gif) repeat-y 0px 100% #ffffff; margin-top: 0px; color: #444654; z-index: 0; text-decoration: none; z-index: 1;}
#mainResearchDiv {position: relative; border-left: 1px solid #353546; border-right: 1px solid #353546; margin-left: 15px; margin-right: 15px; height: 100%; margin-top: 0px; color: #444654; z-index: 0; text-decoration: none; z-index: 1;}
#mainDiv a { color: #7e8695; }
#whiteDiv {position: relative; border-left: 1px solid #353546; border-right: 1px solid #353546; margin-left: 15px; margin-right: 15px; height: 100%; background-color: #ffffff; margin-top: 0px; color: #444654 }
#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 }
#mainDivOffice {position:relative; background-color: #828597; color: white; width:100%; height: 100%; margin-left: 15px; margin-right: 15px; }
#mainDivOffice a { color: #ffffff }
/* HEADER WITH TITLE */
/* */
#headerDiv {position: relative; height: 110px; 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 }
/* HEADER WITH TITLE */
#headerDivHome {position: relative; height: 118px; 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 }
Div.HeaderLogo
{
position: relative; left: 50px; bottom: -9px
}
* html Div.HeaderLogo
{
position: relative; left: -30px; bottom: -9px
}
/* Picture Bar Home Page - Liz added*/
#PictureBarHome {position: relative; height: 150px; background-color: #585B6D; top: 0px 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 */
/* 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 {
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: 13em; POSITION: absolute; margin-top: 5px; z-index: 10;
}
#nav a {
PADDING-RIGHT: 0.6em; DISPLAY: block; PADDING-LEFT: 0.7em; PADDING-BOTTOM: 0em; PADDING-TOP: 0em; FONT-WEIGHT: normal; TEXT-DECORATION: none; cursor: pointer
}
* html #nav a {
PADDING-RIGHT: 0.7em; DISPLAY: block; PADDING-LEFT: 0.7em; PADDING-BOTTOM: 0em; PADDING-TOP: 0em; FONT-WEIGHT: normal; TEXT-DECORATION: none; cursor: pointer
}
#nav li li a {
DISPLAY: block; PADDING-LEFT: 1.0em; COLOR: #ffffff; TEXT-DECORATION: none; WIDTH: 100%; cursor: pointer
}
#nav li ul li {
WIDTH: 13em; TEXT-ALIGN: left; height: 1.3em; line-height: 1.3em
}
.topmenuitem {text-decoration: none; color: #ffffff ; display: block; padding: 0em 0.5em }
.menuitem {text-decoration: none; color: #ffffff ; display: block; padding-left: 0.5em }
/* NOTE: ADDITIONAL NAVIGATION BAR CONTENT IN SEPARATE CSS FILES */
/* BREADCRUMB */
#breadcrumbDiv { width: 100%; height: 42px; background-color: #444654; border-bottom: 2px solid #353546; vertical-align: middle}
.breadcrumb { width: 400px; float: left; height: 11px; padding-top: 0px; vertical-align: middle; line-height: 26px; padding-top: 13px; left: 10px;}
.breadcrumb a {text-decoration: none;vertical-align: middle; color: #ffffff !important }
.breadcrumb a:hover {text-decoration: none; color: #ffffff !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 }
/* CONTENT FILTERING MENUS IN LEFT HAND SIDEBAR
#leftMenuBar { height: 18px; background-color: #7E8695; width: 327px; border-top: 1px solid #353546; }
.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}
.sideBarItemSelected {background-color: #ffffff; border-right: 1px solid #353546; padding-left: 10px; padding-right: 9px; color: #000000; float: left; height: 18px; line-height: 18px; text-decoration: none; font-size: 0.9em}*/
/* CONTENT FILTERING MENUS IN LEFT HAND SIDEBAR */
#leftMenuBar { list-style-type:none; position: relative; height: 18px; background-color: #7E8695; width: 327px; border-top: 1px solid #353546 }
#leftMenuBar, #leftMenuBar ul {
padding: 0;
margin: 0;
list-style: none;
}
#leftMenuBar a {
display: block;
padding: 0em 0.5em;
text-decoration: none;
color: #ffffff !important;
z-index: 100 !important
}
#leftMenuBar li {
position: relative;
display: block;
float: left;
width: auto;
border-right: 1px solid #353546;
color: #ffffff;
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 ul {
position: absolute;
left: -999em;
width: 10em
}
#leftMenuBar li li a {
text-decoration: none;
color: #ffffff !important;
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{
color: #ffffff;
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}
/*.sideBarItemSelected {background-color: #ffffff; border-right: 1px solid #353546; padding-left: 10px; padding-right: 9px; color: #000000; float: left; height: 18px; line-height: 18px; text-decoration: none; font-size: 0.9em}*/
/* CONTENT FILTERING DROPDOWN */
.sideBarDropDown {background-color: #7E8695; position: absolute; top: 18px; left: 590px; height: 40px;border: 1px solid #000000; display: none; cursor: pointer }
.sideBarDropDownItem { color: white; padding: 0px 10px; text-decoration: none}
.navBarDropDownItemOver { color: white; padding: 0px 10px; background-color: #AFB6C3; text-decoration: none}
/* LEFT HAND SIDEBAR CONTENT LIST
#leftContent {background-color: #444654; position: relative; width: 327px; float: left; padding-top: 380px;}
#contentList { padding-left: 20px }
#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 } */
/* LEFT HAND SIDEBAR CONTENT LIST */
#leftContent {background-color: #444654; position: relative; width: 327px; float: left; padding-top: 138px }
#contentList { padding-left: 20px }
#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 }
/* LEFT HAND SIDEBAR CONTENT LIST */
#leftContentHome {background-color: #353546; position: relative; width: 327px; float: left; padding-top: 128px; }
#contentListHome { padding-left: 20px; padding-top: 0px }
#contentListHome a {text-decoration: none; font-weight: bold; color: #ffffff}
#contentListHome a:hover {text-decoration: none; font-weight: bold; color: #ffff99}
#contentListHome p {color: #ffffff }
#contentListHome h2 { color: #ffffff; font-size: 1em }
/* MAIN CONTENT PANEL
#mainContent { position:absolute; left: 327px; top: 160px; background-color: white; height: 100%}
#mainContent p { padding-left: 20px; padding-right: 20px }
#mainContent ul { padding-left: 20px }
#branchContent { position:absolute; left: 350px; top: 150px; width: 100% }
#branchContent p { padding-left: 20px; padding-right: 20px }
.branchItem a {text-decoration: none; font-weight: bold; color: #ffffff}
.branchItem a:hover {color: #ffff99} */
/* MAIN CONTENT PANEL */
#mainContent { position:absolute; left: 327px; top: 162px; background-color: white; z-index : 1}
#mainContent p { padding-left: 20px; padding-right: 20px }
#mainContent ul { padding-left: 20px }
#branchContent { position:absolute; left: 350px; top: 150px; width: 100%; padding-right: 350px; }
#branchContent p { padding-left: 20px; padding-right: 20px }
.branchItem a {text-decoration: none; font-weight: bold; color: #ffffff}
.branchItem a:hover {color: #ffff99}
/* MAIN CONTENT PANEL Home */
#mainContentHome { position:absolute; left: 330px; top: 15px; background-color: #353546}
#mainContentHome p { padding-left: 20px; padding-right: 20px }
#mainContentHome ul { padding-left: 20px }
#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}
/* HUB PAGE CONTENT PANEL */
#hubContent { position:absolute; left: 340px; top: 310px; padding:20px; color: #ffffff }
#hubContent a {text-decoration: underline; color: #7E8695 }
/* PROPERTY SEARCH */
.searchButton { position: relative; float: right; height: 15px; width: 75px; border: 1px #ffffff solid; color: #ffffff; line-height: 15px; text-align: center; margin-top: 10px; font-size: 0.9em }
.searchIntroLink {text-decoration: iunderline; color: #AFB6C3 }
.listPager { height: 40px; padding-left: 20px; line-height: 40px; vertical-align: middle; background-color: #ffffff }
.showcaseProperty { height: 150px; padding: 10px 20px; color: #000000 }
.pdfLink { width: 105px; border: 1px solid #808080; color: #808080; text-decoration: none; margin-top: 10px; text-align: center; font-size: smaller }
.pdfLinkOver { width: 105px; border: 1px solid #000000; color: #000000; text-decoration: none; margin-top: 10px; text-align: center; cursor: pointer; font-size: smaller }
.searchFooter { background-color: #ffffff; width: 100%; height: 40px; border-bottom: 1px solid #336699; padding: 5px 20px }
.searchFooter a { color: #444654; text-decoration: underline; font-weight: bold }
/* PROPERTY DETAILS */
.assetButton { position: relative; float: left; height: 15px; color: #ffffff; background-color: #7E8595; cursor: pointer; line-height: 15px; text-align: center; font-size: 0.9em; padding: 2px 5px; margin-right: 5px }
.assetButtonOver { position: relative; float: left; height: 15px; color: #ffffff; background-color: #ADB7C3; cursor: pointer; line-height: 15px; text-align: center; font-size: 0.9em; padding: 2px 5px; margin-right: 5px }
/* ASSET VIEWER BUTTONS */
.assetViewButton { background-color: #7E8695; 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 }
#assetNav { color: #ffffff; padding-right: 20px }
#assetNav a { color: #ffffff; text-decoration: none }
#assetNav a:hover {text-decoration:none; color: #ffff99}