/* graphical menu codes */




#topmenu ul {
	list-style: none;
	width:960px; 
	height:68px; 
	position:absolute; 
	top:80px; 
	right:0px; 
	padding:0;
	margin:0;
	z-index:100; 
	
   }

#topmenu li {
   display: inline;
   position: absolute;
}


#topmenu li a{
	float: left;
	font-size:16px;
	line-height: 18px;
	white-space: nowrap;
	text-transform: capitalize;
	text-align:left;
	padding: 16px 0 0 2px;
	text-align:center;
	overflow:hidden;
	height:52px;
	font-family:tahoma,verdana,arial,sans-serif;
}

#topmenu li a:hover {
	color: #fff;
	}
a.on {
	color: #fff;
	}
	
#topmenu a {
	color: #fff;
	text-decoration: none;

}
#topmenu a:hover {
	color: #fff;
	text-decoration: none;
}	
	
	


.communities_off {
width:208px;
background: url("/graphics/topmenu.png") no-repeat left 0;
}

.communities_on {
width:208px;
background: url("/graphics/topmenu.png") no-repeat left -68px;
}

.afford_off {
width:183px;
background: url("/graphics/topmenu.png") no-repeat left 0;
}

.afford_on{
width:183px;
background: url("/graphics/topmenu.png") no-repeat left -68px;
}

.relocation_off {
width:178px;
background: url("/graphics/topmenu.png") no-repeat left 0;
}

.relocation_on{
width:178px;
background: url("/graphics/topmenu.png") no-repeat left -68px;
}

.tour_off {
width:161px;
background: url("/graphics/topmenu.png") no-repeat left 0;
}

.tour_on{
width:161px;
background: url("/graphics/topmenu.png") no-repeat left -68px;
}

.about_off {
width:220px;
background: url("/graphics/topmenu.png") no-repeat -2px 0;
}

.about_on{
width:220px;
background: url("/graphics/topmenu.png") no-repeat -2px -68px;
}

.nikki_off {
width:161px;
background: url("/graphics/topmenunikki2.png") no-repeat left 0;
padding: 24px 0 0 2px !important;
height:44px !important;
text-indent:-9900px;
overflow:hidden;
}

.nikki_on{
width:161px;
background: url("/graphics/topmenunikki2.png") no-repeat left -68px;
padding: 24px 0 0 2px !important;
height:44px !important;
text-indent:-9900px;
overflow:hidden;
}




ul.dropdown {
list-style: none;
margin: 0;
padding: 0;
border: none;
z-index:10000;
position:relative;
}

ul.dropdown li span {
display: block;
_display:inline-block;
text-decoration: none;
}
ul.dropdown li a {
display: block;
position: relative;
_display:inline-block; /* so IE doesn't add space between elements */
_width: 83%; /* makes block fill width in IE */
padding: 6px 10px 6px 10px;
margin:0 0;
font-size: 13px;
color: #ffffff;
text-decoration: none;
background: url("/graphics/topmenu2.png") no-repeat -5px 0;

}

ul.dropdown li a:hover {
color: #ffffff;
text-decoration: none;
background: #374e53;

}


#communities_submenu {
	width: 208px;
	padding:0;
	position: absolute;
	top: 148px;
	left: 222px;
	display: none;
	z-index:1000;
}

#afford_submenu {
	width: 156px;
	padding:0;
	position: absolute;
	top: 148px;
	left: 183px;
	display: none;
	z-index:1000;
}

#relocation_submenu {
	width: 182px;
	padding:0;
	position: absolute;
	top: 148px;
	left: 617px;
	display: none;
	z-index:1000;
}

#available_submenu {
	width: 141px;
	padding:0;
	position: absolute;
	top: 148px;
	left: 492px;
	display: none;
	z-index:1000;
}

#tour_submenu {
	width: 132px;
	padding:0;
	position: absolute;
	top: 148px;
	left: 634px;
	display: none;
	z-index:1000;
}

#about_submenu {
	width: 220px;
	padding:0;
	position: absolute;
	top: 148px;
	left: 0;
	display: none;
	z-index:1000;
}

#nikki_submenu {
	width: 132px;
	padding:0;
	position: absolute;
	top: 148px;
	left: 634px;
	display: none;
	z-index:1000;
}

.community_nav {
	color: #ffffff; 
	background: #233134; 
	padding: 6px 10px 6px 10px;
	font-size: 12px;
}


















#dsmenu ul {
	list-style: none;
	width: 167px;
	padding:0;
	margin: 12px 0 0 8px;
	position: relative;
	overflow: hidden;
	float:left;
	display:inline;
}

#dsmenu li {
   display: inline;
}


#dsmenu li a{
	float: left;
	font-size:12px;
	line-height: 14px;
	letter-spacing:2px;
	white-space: nowrap;
	text-transform: uppercase;
	text-align:center;
	padding: 15px 0;
	overflow:hidden;
	width: 167px;
	border-top:1px solid #fffff3;
	text-align:center;
}

#dsmenu a {
	color: #555030;
	text-decoration: none;

}
#dsmenu a:hover {
	color: #555030;
	background:#fff;
	text-decoration: none;
}	


.dspic {
	float:right; 
	width:470px; 
	height:383px; 
	padding: 0; 
	margin:0;
	position:relative; 
	z-index:1;
}



#ds_ctt_submenu {
	padding: 0;
	overflow:hidden;
	float:right;
	width:440px;
	height:383px;
	display: none;
	z-index:1000;
}

#ds_bs_submenu {
	padding: 0;
	overflow:hidden;
	float:right;
	width:440px;
	height:383px;
	display: none;
	z-index:1000;
}

#ds_int_submenu {
	padding: 0;
	overflow:hidden;
	float:right;
	width:440px;
	height:383px;
	display: none;
	z-index:1000;
}

#ds_kit_submenu {
	padding: 0;
	overflow:hidden;
	float:right;
	width:440px;
	height:383px;
	display: none;
	z-index:1000;
}

#ds_bath_submenu {
	padding: 0;
	overflow:hidden;
	float:right;
	width:440px;
	height:383px;
	display: none;
	z-index:1000;
}

#ds_ext_submenu {
	padding: 0;
	overflow:hidden;
	float:right;
	width:440px;
	height:383px;
	display: none;
	z-index:1000;
}

#ds_int_submenu {
	padding: 0;
	overflow:hidden;
	float:right;
	width:440px;
	height:383px;
	display: none;
	z-index:1000;
}

#ds_flor_submenu {
	padding: 0;
	overflow:hidden;
	float:right;
	width:440px;
	height:383px;
	display: none;
	z-index:1000;
}

#ds_lit_submenu {
	padding: 0;
	overflow:hidden;
	float:right;
	width:440px;
	height:383px;
	display: none;
	z-index:1000;
}

#ds_cab_submenu {
	padding: 0;
	overflow:hidden;
	float:right;
	width:440px;
	height:383px;
	display: none;
	z-index:1000;
}

#ds_app_submenu {
	padding: 0;
	overflow:hidden;
	float:right;
	width:440px;
	height:383px;
	display: none;
	z-index:1000;
}






#topmenu3 ul {
	list-style: none;
	padding:0;
	margin:-61px -20px 15px 15px;
	z-index:100; 
	width:232px;
	float: right;
   }

#topmenu3 li {
   float: left;
   clear: left;

}


#topmenu3 li a{
	float:right; 
	margin:0 0 0 20px;
	border:0;
width:212px;
height:80px;
   overflow: hidden;
      display: block;
	text-indent: -900px;
}

#topmenu3 li a:hover {
	color: #fff;
	}
a.on {
	color: #fff;
	}
	
#topmenu3 a {
	color: #fff;
	text-decoration: none;

}
#topmenu3 a:hover {
	color: #fff;
	text-decoration: none;
}	

#topmenu4 ul {
	list-style: none;
	padding:0;
	margin:-11px -20px 15px 15px;
	z-index:100; 
	width:232px;
	float: right;
   }

#topmenu4 li {
   float: left;
   clear: left;

}


#topmenu4 li a{
	float:right; 
	margin:0 0 0 20px;
	border:0;
width:212px;
height:80px;
   overflow: hidden;
      display: block;
	text-indent: -900px;
}

#topmenu4 li a:hover {
	color: #fff;
	}
a.on {
	color: #fff;
	}
	
#topmenu4 a {
	color: #fff;
	text-decoration: none;

}
#topmenu4 a:hover {
	color: #fff;
	text-decoration: none;
}	

#topmenu5 ul {
	list-style: none;
	padding:0;
	margin: -20px -20px 15px 15px;
	z-index:100; 
	width:232px;
	float: right;
   }

#topmenu5 li {
   float: left;
   clear: left;

}


#topmenu5 li a{
	float:right; 
	margin:0 0 0 20px;
	border:0;
width:212px;
height:80px;
   overflow: hidden;
      display: block;
	text-indent: -900px;
}

#topmenu5 li a:hover {
	color: #fff;
	}
a.on {
	color: #fff;
	}
	
#topmenu5 a {
	color: #fff;
	text-decoration: none;

}
#topmenu5 a:hover {
	color: #fff;
	text-decoration: none;
}	

#topmenu6 ul {
	list-style: none;
	padding:0;
	margin: 13px -20px 15px 15px;
	z-index:100; 
	width:232px;
	float: right;
   }

#topmenu6 li {
   float: left;
   clear: left;

}


#topmenu6 li a{
	float:right; 
	margin:0 0 0 20px;
	border:0;
width:212px;
height:80px;
   overflow: hidden;
      display: block;
	text-indent: -900px;
}

#topmenu6 li a:hover {
	color: #fff;
	}
a.on {
	color: #fff;
	}
	
#topmenu6 a {
	color: #fff;
	text-decoration: none;

}
#topmenu6 a:hover {
	color: #fff;
	text-decoration: none;
}	
	
	


.resrch_off {
	background: url("/graphics/researchschools.gif") no-repeat left  top;
}

.resrch_on {
background: url("/graphics/researchschools.gif") no-repeat left 0;
}

.resrch2_off {
	background: url("/graphics/researchschools.gif") no-repeat left  top;
}

.resrch2_on {
background: url("/graphics/researchschools.gif") no-repeat left 0;
}

.resrch3_off {
	background: url("/graphics/researchschools.gif") no-repeat left  top;
}

.resrch3_on {
background: url("/graphics/researchschools.gif") no-repeat left 0;
}

.resrch4_off {
	background: url("/graphics/researchschools.gif") no-repeat left  top;
}

.resrch4_on {
background: url("/graphics/researchschools.gif") no-repeat left 0;
}

.resrch5_off {
	background: url("/graphics/researchschools.gif") no-repeat left  top;
}

.resrch5_on {
background: url("/graphics/researchschools.gif") no-repeat left 0;
}

.resrch6_off {
	background: url("/graphics/researchschools.gif") no-repeat left  top;
}

.resrch6_on {
background: url("/graphics/researchschools.gif") no-repeat left 0;
}

.resrch7_off {
	background: url("/graphics/researchschools.gif") no-repeat left  top;
}

.resrch7_on {
background: url("/graphics/researchschools.gif") no-repeat left 0;
}

/* .commphoto_off {
	background: url("/graphics/communityphototour.jpg") no-repeat left  top;
}

.commphoto_on {
    background: url("/graphics/communityphototour.jpg") no-repeat left 0;
} */



ul.dropdown2 {
list-style: none;
margin: 0;
padding: 0;
border: none;
z-index:10000;
position:relative;
}

ul.dropdown2 li span {
display: block;
_display:inline-block;
text-decoration: none;
}
ul.dropdown2 li a {
display: block;
position: relative;
_display:inline-block; /* so IE doesn't add space between elements */
_width: 83%; /* makes block fill width in IE */
padding: 6px 7px 6px 7px;
margin:0 0;
font-size: 12px;
color: #ffffff;
text-decoration: none;
background: url("/graphics/topmenu2.png") no-repeat -5px 0;

}

ul.dropdown2 li a:hover {
color: #ffffff;
text-decoration: none;
background: #374e53;

}


#resrch_submenu {
	width: 120px;
	padding:0;
	position: absolute;
	top: 652px;
	right: 90px;
	display: none;
	z-index:1000;
}

#resrch2_submenu {
	width: 120px;
	padding:0;
	position: absolute;
	top: 811px;
	right: 90px;
	display: none;
	z-index:1000;
}

#resrch3_submenu {
	width: 120px;
	padding:0;
	position: absolute;
	top: 822px;
	right: 90px;
	display: none;
	z-index:1000;
}

#resrch4_submenu {
	width: 120px;
	padding:0;
	position: absolute;
	top: 844px;
	right: 90px;
	display: none;
	z-index:1000;
}

#resrch5_submenu {
	width: 120px;
	padding:0;
	position: absolute;
	top: 714px;
	right: 90px;
	display: none;
	z-index:1000;
}

#resrch6_submenu {
	width: 120px;
	padding:0;
	position: absolute;
	top: 789px;
	right: 90px;
	display: none;
	z-index:1000;
}

#resrch7_submenu {
	width: 120px;
	padding:0;
	position: absolute;
	top: 618px;
	right: 90px;
	display: none;
	z-index:1000;
}



#tourcomm {
	background: url("/graphics/tourthearea.gif") no-repeat left top;
}

#healthcare {
	background: url("/graphics/worldclasshealthcare.gif") no-repeat left  top;
}

#howoffice {
	background: url("/graphics/howfarisoffice.gif") no-repeat left  top;
}

#commphoto {
	background: url("/graphics/communityphototour.jpg") no-repeat left 0;
	padding-right: 4px;
}

#cptjameshill {
	background: url("/graphics/cpt_jameshill.jpg") no-repeat left 0;
	padding-right: 4px;
}

#cptelofts {
	background: url("/graphics/cpt_elofts.jpg") no-repeat left 0;
	padding-right: 4px;
}

#cptregentpark {
	background: url("/graphics/cpt_regentpark.jpg") no-repeat left 0;
	padding-right: 4px;
}

#cptwaterstone{
	background: url("/graphics/cpt_waterstone.jpg") no-repeat left 0;
	padding-right: 4px;
}

#cptwatersedge{
	background: url("/graphics/cpt_watersedge.jpg") no-repeat left 0;
	padding-right: 4px;
}

#cptenclave{
	background: url("/graphics/cpt_enclave.jpg") no-repeat left 0;
	padding-right: 4px;
}

#cptvillagehighlandlakes{
	background: url("/graphics/cpt_villagehighlandlakes.jpg") no-repeat left 0;
	padding-right: 4px;
}

#cptmidtowne{
	background: url("/graphics/cpt_midtowne.jpg") no-repeat left 0;
	padding-right: 4px;
}

#cptvillagemcmullencove{
	background: url("/graphics/cpt_villagemcmullencove.jpg") no-repeat left 0;
	padding-right: 4px;
}

#cptgreentrails{
	background: url("/graphics/cpt_greentrails.jpg") no-repeat left 0;
	padding-right: 4px;
}

#cpthawksridge{
	background: url("/graphics/cpt_hawksridge.jpg") no-repeat left 0;
	padding-right: 4px;
}

#cptlakeview{
	background: url("/graphics/cpt_lakeview.jpg") no-repeat left 0;
	padding-right: 4px;
}

#cptmeadowridge{
	background: url("/graphics/cpt_meadowridge.jpg") no-repeat left 0;
	padding-right: 4px;
}

#cptnorthampton{
	background: url("/graphics/cpt_northampton.jpg") no-repeat left 0;
	padding-right: 4px;
}