/* LAYOUT STYLES */

<!-- html { height: 100% } -->
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: 2000px; margin-top: 0px; color: #444654; z-index: 0; text-decoration: none;}

#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: 1000px; background: url(~/images/dark_greyBG.gif)  repeat-y 0px 100% #353546; margin-top: 0px; color: #353546; z-index: 1 }
#mainDivHome a { color: #353546 }
* html #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 }
* html #mainDivHome a { color: #353546 }

#mainDivOffice 
{position:relative; background-color: #585b6d; color: white; width:100%; 
	  z-index : 1; height: 900px; 
	top: 0px;}
	
#mainDivOffice a { color: #ffffff ; text-decoration: none;}

/* HEADER WITH TITLE */
/* <!-- #headerDiv {position: relative; height: 79px; 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 } --> */

#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: 175px; 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: 143px; 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: -989em; WIDTH: 13em; POSITION: absolute; margin-top: 4px; 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: 1em; COLOR: #ffffff; TEXT-DECORATION: none; WIDTH: 100%; cursor: pointer; PADDING-RIGHT: 0px; MARGIN: 0px;
}
#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: 300px; float: left; height: 11px; padding-top: 0px; vertical-align: middle; line-height:  26px; padding-top: 13px; left: 10px;}
* html .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 } 
*/

#contentList 
{ 
	padding-left: 20px ; color: #ffffff;
	position:relative; 
	width:310px; 
	padding-right:0px;
	margin-right: 10px;
	<!--margin-right:0px> 
}
* html #contentList 
{ 
	width:340px; 
	padding-left: 20px ; padding-right:0px;
	position:relative; 
	top: 150px;
}
#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:relative; 
	left: 328px; top: 0px; 
	padding-top: 10px; padding:20px;
	background-color: #585b6d ; 
	z-index : 1; height: 2000px;
	bottom: -350px;
	margin-right: 328px;
	color: #ffffff
} 
* html #mainContent 
{ 
	position:relative; 
	left: 341px; top: 0px; 
	padding-top: 20px;
	background-color: #585b6d ; 
	z-index : 1; height: 2000px;
	padding: 20px;
	margin-right: 340px;
}
#mainContent p { padding-left: 20px; padding-right: 20px }
#mainContent ul { padding-left: 20px }

/* 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}

#branchContent 
{	position:absolute; 
	left: 360px; 
	top: 20px; margin-right:0px;
	background-color: #585b6d ;
}
* html #branchContent {
	left: 345px; top: 5px; 
	padding-top: 20px;
	background-color: #585b6d ; 
	z-index : 1;
	margin-right: 210px;
	padding-left: 20px;
	position:absolute;
}
#branchContent p {right: 1000px;padding-right:10px;}
* html #branchContent p {padding-right:10px;}
.branchItem a {text-decoration: none; font-weight: bold; color: #ffffff}
.branchItem a:hover {color: #ffff99}

/* main recruitment content */
#mainRecruitmentContent 
{ 
	position:relative; 
	left: 328px;
	padding-top: 10px;
	background-color: #585b6d ; 
	z-index : 1;

	margin-right: 327px; height:2000px;
	top:-18px; color: #ffffff
} 
* html #mainRecruitmentContent 
{ 
	position:relative; 
	left: 339px; top: -18px; 
	padding-top: 20px;
	background-color: #585b6d ; 
	z-index : 1; height: 2000px;
	margin-right: 340px;
}
#mainRecruitmentContent p {}
#mainRecruitmentContent ul {}

/* main news content */
#mainNewsContent 
{ 
	position:relative; 
	left: 328px; top: -18px; 
	padding-top: 0px;
	background-color: #585b6d ; 
	z-index : 1;
	bottom: -350px;
	margin-right: 328px; height:2200px;
	color: #ffffff
} 
* html #mainNewsContent 
{ 
	position:relative;
	left: 341px; margin-top: -18px; 
	padding-top: 0px;
	background-color: #585b6d ; 
	z-index : 1; height: 2000px;
	margin-right: 340px;
}
#mainNewsContent p {}
#mainNewsContent ul {}

/* MAIN CONTENT PANEL Home */
#mainContentHome { position:relative; left: 370px; top: -365px; margin-right: 380px ; color:White;}
#mainContentHome p { padding-left: 20px; padding-right: 20px ;}
#mainContentHome ul { padding-left: 20px ;padding-right: 20px ;}
#mainContentHome a {color:White; text-decoration: none; font-weight: bold;}

#branchContentHome { position:absolute; left: 350px; top: 150px; width: 400px }
#branchContentHome p { padding-left: 20px; padding-right: 20px }s
.branchItemHome a {text-decoration: none; font-weight: bold; color: #ffffff}
.branchItemHome a:hover {color: #ffff99}

/* nav for home page */
#navHome {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 1px; LIST-STYLE-TYPE: none
}
#navHome ul {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#navHome li {
	BORDER-RIGHT: #353546 1px solid; DISPLAY: block; FLOAT: left; WIDTH: auto;  LINE-HEIGHT: 15px; POSITION: relative; HEIGHT: 23px; TEXT-ALIGN: center; TEXT-DECORATION: none;
}
* html #navHome 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; 
}
#navHome li ul {
	LEFT: -999px; WIDTH: 13em; POSITION: absolute; margin-top: 5px; z-index: 10;
}
#navHome 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; position:inherit; 
}
#navHome li li a {
	DISPLAY: block; PADDING-LEFT: 1em; COLOR: #ffffff; TEXT-DECORATION: none; WIDTH: 100%; cursor: pointer;
}
#navHome 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 }

#DisplayImage
{
	position: absolute; background-color: #ffffff; height: 143px; overflow: hidden; width: 327px;  top: 174px;
}
* html #DisplayImage
{
	position: absolute; background-color: #ffffff; height: 143px; overflow: hidden; width: 327px;  top: 172px; width: 340px;
}


#breadcrumbSearch{float:right; color: #ffffff; margin-top: 10px;}
* html #breadcrumbSearch{float:right; color: #ffffff; top: 0px;}

div.expandExplanation
{
	position: absolute;
	top: 280px;
	left: 350px;
	border: 1px none yellow;
	z-index: 100;
}

div.BottomNav
{
 position: absolute; background-color: #585B6D; width: 100%; border: 0px solid #585B6D;	top:343px;
 z-index:200;
}
* html div.BottomNav
{
 position: relative; background-color: #585B6D; width: 100%; border: 0px; top:-1px; z-index:100;
}

div.LeftPromoHome
{
	position:relative;margin: 20px;margin-top:25px;	
}
* html div.LeftPromoHome
{
	position:relative;margin: 20px;margin-top:8px;	
}

div#flashDiv {position:absolute; 
				top:175px; 
				left:25px; 
				bottom:240px; 
				right: 280px;
				display:block;
				z-index:1;
				<!--left:27px;>
				}
				

* html 
#flashDiv {position:absolute; left:27px; top:175px; visibility:visible; width:338px; height:10%; z-index:2; padding-bottom:0px;}

div#whiteblock {position: absolute; top: 0px; left:250px; height:143px; width:88px; display:block; background-color:#FFFFFF; z-index:1}