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.link2  {width:  64px;   height: 35px; position: relative; } 
#menu a.link3  {width: 181px;   height: 35px; position: relative; } 
#menu a.link4  {width: 117px;   height: 35px; position: relative; } 
#menu a.link5  {width: 114px;   height: 35px; position: relative; } 
#menu a.link6  {width:  82px;   height: 35px; position: relative; }
#menu a.link8  {width:  61px;   height: 35px; position: relative; } 
#menu a.link7  {width: 136px;   height: 35px; position: relative; } 

#menu a.link2 span {background: url(../images/about2.gif) no-repeat; position: absolute; width: 100%; height: 100%; }
#menu a.link3 span {background: url(../images/living2.gif) no-repeat; position: absolute; width: 100%; height: 100%; }
#menu a.link4 span {background: url(../images/lifestyles2.gif) no-repeat; position: absolute; width: 100%; height: 100%; }
#menu a.link5 span {background: url(../images/communities2.gif) no-repeat; position: absolute; width: 100%; height: 100%; }
#menu a.link6 span {background: url(../images/new2.gif) no-repeat; position: absolute; width: 100%; height: 100%; }
#menu a.link8 span {background: url(../images/careers2.gif) no-repeat; position: absolute; width: 100%; height: 100%; }
#menu a.link7 span {background: url(../images/invest2.gif) no-repeat; position: absolute; width: 100%; height: 100%; } 

#menu a:hover.link2 span {background: url(../images/about2.gif) no-repeat right bottom; position: absolute; width: 100%; height: 100%;}
#menu a:hover.link3 span {background: url(../images/living2.gif) no-repeat right bottom; position: absolute; width: 100%; height: 100%;}
#menu a:hover.link4 span {background: url(../images/lifestyles2.gif) no-repeat right bottom; position: absolute; width: 100%; height: 100%;}
#menu a:hover.link5 span {background: url(../images/communities2.gif) no-repeat right bottom; position: absolute; width: 100%; height: 100%;}
#menu a:hover.link6 span {background: url(../images/new2.gif) no-repeat right bottom; position: absolute; width: 100%; height: 100%;}
#menu a:hover.link8 span {background: url(../images/careers2.gif) no-repeat right bottom; position: absolute; width: 100%; height: 100%;}
#menu a:hover.link7 span {background: url(../images/invest2.gif) no-repeat right bottom; position: absolute; width: 100%; height: 100%;} 
 
#menu li.li2  { float: left; width: 64px; } 
#menu li.li3  { float: left; width: 181px; } 
#menu li.li4  { float: left; width: 117px; } 
#menu li.li5  { float: left; width: 114px; } 
#menu li.li6  { float: left; width: 82px; } 
#menu li.li8  { float: left; width: 61px; } 
#menu li.li7  { float: left; width: 136px; } 

 
#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;   }