body {
	background-color: #f4f3e8;  
	margin: 0; padding: 0;       
	}
 
div, ul {padding: 0; margin: 0; } 

#menu {   
      height: 35px;
	width: 755px; 
	list-style: none;   
	background-color: #ffffff; 
	}

#menu ul {
	list-style: none;  
	width: 755px;
	}

#menu a { 
	display: block;
	font-family: "trebuchet ms", sans-serif;
	font-size: 10px;
	color: #cccccc;     
	letter-spacing: 1px;
	text-decoration: none;  
	text-align: left;   
	margin: 0; 
	cursor: hand; /* needed for IE */
	overflow: hidden;
	}
 
#menu a.link1  {width:  70px;   height: 35px; position: relative;    }
#menu a.link2  {width:  66px;   height: 35px; position: relative; } 
#menu a.link3  {width: 179px;   height: 35px; position: relative; } 
#menu a.link4  {width: 115px;   height: 35px; position: relative; } 
#menu a.link5  {width: 112px;   height: 35px; position: relative; } 
#menu a.link6  {width:  80px;   height: 35px; position: relative; } 
#menu a.link7  {width: 133px;   height: 35px; position: relative; } 


#menu a.link1 span {background: url(../images/vision.gif) no-repeat; position: absolute; width: 100%; height: 100%; }
#menu a.link2 span {background: url(../images/about.gif) no-repeat; position: absolute; width: 100%; height: 100%; }
#menu a.link3 span {background: url(../images/living.gif) no-repeat; position: absolute; width: 100%; height: 100%; }
#menu a.link4 span {background: url(../images/lifestyles.gif) no-repeat; position: absolute; width: 100%; height: 100%; }
#menu a.link5 span {background: url(../images/communities.gif) no-repeat; position: absolute; width: 100%; height: 100%; }
#menu a.link6 span {background: url(../images/new.gif) no-repeat; position: absolute; width: 100%; height: 100%; }
#menu a.link7 span {background: url(../images/invest.gif) no-repeat; position: absolute; width: 100%; height: 100%; }


#menu a:hover.link1 span {background: url(../images/vision.gif) no-repeat right bottom; position: absolute; width: 100%; height: 100%;}
#menu a:hover.link2 span {background: url(../images/about.gif) no-repeat right bottom; position: absolute; width: 100%; height: 100%;}
#menu a:hover.link3 span {background: url(../images/living.gif) no-repeat right bottom; position: absolute; width: 100%; height: 100%;}
#menu a:hover.link4 span {background: url(../images/lifestyles.gif) no-repeat right bottom; position: absolute; width: 100%; height: 100%;}
#menu a:hover.link5 span {background: url(../images/communities.gif) no-repeat right bottom; position: absolute; width: 100%; height: 100%;}
#menu a:hover.link6 span {background: url(../images/new.gif) no-repeat right bottom; position: absolute; width: 100%; height: 100%;}
#menu a:hover.link7 span {background: url(../images/invest.gif) no-repeat right bottom; position: absolute; width: 100%; height: 100%;}

 
#menu li.li1  { float: left; width: 70px; } 
#menu li.li2  { float: left; width: 66px; } 
#menu li.li3  { float: left; width: 179px; } 
#menu li.li4  { float: left; width: 115px; } 
#menu li.li5  { float: left; width: 112px; } 
#menu li.li6  { float: left; width: 80px; } 
#menu li.li7  { float: left; width: 133px; } 

 
#menu li:hover ul, #menu li.menuhover ul {
	background-position: 0 0; /* keep in for IE7 problem */
	left: auto; 
	} 

 
#menu li ul a {
	color: #ffffff; 
	width: 205px; /* for IE5 */
	w\idth: 193px;
	padding: 6px 0px 6px 12px; 
	text-align: left;	
	}
#menu li ul a:hover {color: #ffffff; background-color: #99a522;}

.dropdownSelect 
     {font-family: "trebuchet ms", sans-serif; 
      background-color: #ffffff; color: #555555; } 

.dropdown 
     { font-family: "trebuchet ms", sans-serif;  
      background-color: #ffffff; color: #555555; } 

.dropdownHeader
     {  font-family: "trebuchet ms", sans-serif; 
      background-color: #ffffff; color: #003066;   }