/*****************************************************************
	  Tested in the following browsers:  
	  
	  Firefox 3.0.15 PC 		Firefox 3.55 MAC 
	  Opera 9.63 PC				Opera 10.10 MAC
	  Safari 4.0.2 PC			Safari 4.0.4 MAC
	  Chrome 3.0.195.38 PC		Chrome 4.0.249.30 MAC
	  IE 7, IE 6, IE 5.5 PC
******************************************************************/


/* ============================================================== */
/*                  Navigation for HOME button...                 */
/* ============================================================== */

#btn-HOME {
	display: block;
	width: 160px;
	height: 12px;  /* Must be half of the total button graphic height */
	background: url("../images/x_home_btn.png") no-repeat 0 0;
	margin-top: 19px;
	margin-right: 0px;
	margin-bottom: 19px;
	margin-left: 0px;
}

#btn-HOME2 {  /* This duplicate style is to be used in the page markup for the "down" state when ON the page */
	display: block;
	width: 160px;
	height: 12px;  /* Must be half of the total button graphic height */
	background: url("../images/x_home_btn.png") no-repeat 0 0;
	margin-top: 19px;
	margin-right: 0px;
	margin-bottom: 19px;
	margin-left: 0px;
	background-position: 0 -12px;
}

#btn-HOME:hover {
	background-position: 0 -12px;
	text-align: center;
}

#btn-HOME span {   /* Keeps the text title from showing up in place of graphic */
	display: none;
}

#btn-HOME2 span {   /* Keeps the text title from showing up in place of graphic */
	display: none;
}

/* ============================================================== */
/*              Navigation for ADVANTAGE button...                */
/* ============================================================== */

#btn-ADVANTAGE {
 	display: block;
 	width: 160px;
 	height: 12px;  /* Must be half of the total button graphic height */
  	background: url("../images/x_advantage_btn.png") no-repeat 0 0;
	margin-top: 19px;
	margin-right: 0px;
	margin-bottom: 19px;
	margin-left: 0px;
}

#btn-ADVANTAGE2 {  /* This duplicate style is to be used in the page markup for the "down" state when ON the page */
 	display: block;
 	width: 160px;
 	height: 12px;  /* Must be half of the total button graphic height */
  	background: url("../images/x_advantage_btn.png") no-repeat 0 0;
	margin-top: 19px;
	margin-right: 0px;
	margin-bottom: 19px;
	margin-left: 0px;
	background-position: 0 -12px;
}

#btn-ADVANTAGE:hover { 
	background-position: 0 -12px;
}

#btn-ADVANTAGE span {   /* Keeps the text title from showing up in place of graphic */
	display: none;
}

#btn-ADVANTAGE2 span {   /* Keeps the text title from showing up in place of graphic */
	display: none;
}


/* ============================================================== */
/*              Navigation for COMMUNITIES button...              */
/* ============================================================== */

#btn-COMMUNITIES {
	display: block;
	width: 160px;
	height: 12px;  /* Must be half of the total button graphic height */
	background: url("../images/x_communities_btn.png") no-repeat 0 0;
	margin-top: 19px;
	margin-right: 0px;
	margin-bottom: 19px;
	margin-left: 0px;
}

#btn-COMMUNITIES2 {  /* This duplicate style is to be used in the page markup for the "down" state when ON the page */
	display: block;
	width: 160px;
	height: 12px;  /* Must be half of the total button graphic height */
	background: url("../images/x_communities_btn.png") no-repeat 0 0;
	margin-top: 19px;
	margin-right: 0px;
	margin-bottom: 19px;
	margin-left: 0px;
	background-position: 0 -12px;
}

#btn-COMMUNITIES:hover { 
	background-position: 0 -12px;
}

#btn-COMMUNITIES span {   /* Keeps the text title from showing up in place of graphic */
	display: none;
}

#btn-COMMUNITIES2 span {   /* Keeps the text title from showing up in place of graphic */
	display: none;
}


/* ============================================================== */
/*                  Navigation for GALLERY button...                 */
/* ============================================================== */


#btn-GALLERY {
	display: block;
	width: 160px;
	height: 12px;  /* Must be half of the total button graphic height */
	background: url("../images/x_gallery_btn.png") no-repeat 0 0;
	margin-top: 19px;
	margin-right: 0px;
	margin-bottom: 19px;
	margin-left: 0px;
}

#btn-GALLERY2 {  /* This duplicate style is to be used in the page markup for the "down" state when ON the page */
	display: block;
	width: 160px;
	height: 12px;  /* Must be half of the total button graphic height */
	background: url("../images/x_gallery_btn.png") no-repeat 0 0;
	margin-top: 19px;
	margin-right: 0px;
	margin-bottom: 19px;
	margin-left: 0px;
	background-position: 0 -12px;
}

#btn-GALLERY:hover { 
	background-position: 0 -12px;
}

#btn-GALLERY span {   /* Keeps the text title from showing up in place of graphic */
	display: none;
}

#btn-GALLERY2 span {   /* Keeps the text title from showing up in place of graphic */
	display: none;
}

/* ============================================================== */
/*            Navigation for HOUSING NEWS button...               */
/* ============================================================== */

#btn-NEWS {
	display: block;
	width: 160px;
	height: 12px;  /* Must be half of the total button graphic height */
	background: url("../images/x_housing-news_btn.png") no-repeat 0 0;
	margin-top: 19px;
	margin-right: 0px;
	margin-bottom: 19px;
	margin-left: 0px;
}

#btn-NEWS2 {  /* This duplicate style is to be used in the page markup for the "down" state when ON the page */
	display: block;
	width: 160px;
	height: 12px;  /* Must be half of the total button graphic height */
	background: url("../images/x_housing-news_btn.png") no-repeat 0 0;
	margin-top: 19px;
	margin-right: 0px;
	margin-bottom: 19px;
	margin-left: 0px;
	background-position: 0 -12px;
}

#btn-NEWS:hover { 
	background-position: 0 -12px;
}

#btn-NEWS span {   /* Keeps the text title from showing up in place of graphic */
	display: none;
}

#btn-NEWS2 span {   /* Keeps the text title from showing up in place of graphic */
	display: none;
}


/* ============================================================== */
/*             Navigation for USEFUL LINKS button...              */
/* ============================================================== */

#btn-LINKS {
	display: block;
	width: 160px;
	height: 12px;  /* Must be half of the total button graphic height */
	background: url("../images/x_links_btn.png") no-repeat 0 0;
	margin-top: 19px;
	margin-right: 0px;
	margin-bottom: 19px;
	margin-left: 0px;
}

#btn-LINKS2 {  /* This duplicate style is to be used in the page markup for the "down" state when ON the page */
	display: block;
	width: 160px;
	height: 12px;  /* Must be half of the total button graphic height */
	background: url("../images/x_links_btn.png") no-repeat 0 0;
	margin-top: 19px;
	margin-right: 0px;
	margin-bottom: 19px;
	margin-left: 0px;
	background-position: 0 -12px;
}

#btn-LINKS:hover { 
	background-position: 0 -12px;
}

#btn-LINKS span {   /* Keeps the text title from showing up in place of graphic */
	display: none;
}

#btn-LINKS2 span {   /* Keeps the text title from showing up in place of graphic */
	display: none;
}


/* ============================================================== */
/*               Navigation for CONTACT US button...              */
/* ============================================================== */

#btn-CONTACT {
	display: block;
	width: 160px;
	height: 12px;  /* Must be half of the total button graphic height */
	background: url("../images/x_contact_btn.png") no-repeat 0 0;
	margin-top: 19px;
	margin-right: 0px;
	margin-bottom: 19px;
	margin-left: 0px;
}

#btn-CONTACT2 {  /* This duplicate style is to be used in the page markup for the "down" state when ON the page */
	display: block;
	width: 160px;
	height: 12px;  /* Must be half of the total button graphic height */
	background: url("../images/x_contact_btn.png") no-repeat 0 0;
	margin-top: 19px;
	margin-right: 0px;
	margin-bottom: 19px;
	margin-left: 0px;
	background-position: 0 -12px;
}

#btn-CONTACT:hover { 
	background-position: 0 -12px;
}

#btn-CONTACT span {   /* Keeps the text title from showing up in place of graphic */
	display: none;
}

#btn-CONTACT2 span {   /* Keeps the text title from showing up in place of graphic */
	display: none;
}


/* ============================================================== */
/*  Navigation for SUBNAV GRAPHIC BUTTONS: COMMUNITIES button...  */
/* ============================================================== */


#btn-subAdvantage {
	display: block;
	width: 204px;
	height: 142px;  /* Must be half of the total button graphic height */
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 30px;  /* Keeps space between the subNavigation container and the text/content above it */
	margin-right: 0px;
	margin-bottom: 30px;   /* Keeps space between the subNavigation container and the footer below it */
	margin-left: 0px;
	background-image: url("../images/btn_advantage.gif");
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;
}

#btn-subAdvantage2 {
	display: block;
	width: 204px;
	height: 142px;  /* Must be half of the total button graphic height */
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 30px;  /* Keeps space between the subNavigation container and the text/content above it */
	margin-right: 0px;
	margin-bottom: 30px;   /* Keeps space between the subNavigation container and the footer below it */
	margin-left: 0px;
	background-image: url("../images/btn_advantage.gif");
	background-repeat: no-repeat;
	background-position: 0 -142px;   /* NEGATIVE NUMBER! Moves the DOWN/OVER button state up into position. Must be half of the total button graphic height */
	float: left;
}

#btn-subAdvantage:hover { 
	background-position: 0 -142px;
}

#btn-subAdvantage span {   /* Keeps the text title from showing up in place of graphic */
	display: none;
}

#btn-subAdvantage2 span {   /* Keeps the text title from showing up in place of graphic */
	display: none;
}



/* ============================================================== */
/*  Navigation for SUBNAV GRAPHIC BUTTONS: GALLERY button...  */
/* ============================================================== */



#btn-subCommunities {
	display: block;
	width: 203px;
	height: 142px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 30px;  /* Keeps space between the subNavigation container and the text/content above it */
	margin-right: 0px;
	margin-bottom: 30px;   /* Keeps space between the subNavigation container and the footer below it */
	margin-left: 0px;
	background-image: url("../images/btn_communities.gif");
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;
}

#btn-subCommunities2 {
	display: block;
	width: 203px;
	height: 142px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 30px;  /* Keeps space between the subNavigation container and the text/content above it */
	margin-right: 0px;
	margin-bottom: 30px;   /* Keeps space between the subNavigation container and the footer below it */
	margin-left: 0px;
	background-image: url("../images/btn_communities.gif");
	background-repeat: no-repeat;
	background-position: 0 -142px;   /* NEGATIVE NUMBER! Moves the DOWN/OVER button state up into position. Must be half of the total button graphic height */
	float: left;
}

#btn-subCommunities:hover { 
	background-position: 0 -142px;
}

#btn-subCommunities span {   /* Keeps the text title from showing up in place of graphic */
	display: none;
}

#btn-subCommunities2 span {   /* Keeps the text title from showing up in place of graphic */
	display: none;
}




/* ============================================================== */
/*  Navigation for SUBNAV GRAPHIC BUTTONS: HOUSING button...  */
/* ============================================================== */



#btn-subGallery {
	display: block;
	width: 204px;
	height: 142px;
	background-image: url("../images/btn_gallery.gif");
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 30px;  /* Keeps space between the subNavigation container and the text/content above it */
	margin-right: 0px;
	margin-bottom: 30px;   /* Keeps space between the subNavigation container and the footer below it */
	margin-left: 0px;
	float: left;
}

#btn-subGallery2 {
	display: block;
	width: 204px;
	height: 142px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 30px;  /* Keeps space between the subNavigation container and the text/content above it */
	margin-right: 0px;
	margin-bottom: 30px;   /* Keeps space between the subNavigation container and the footer below it */
	margin-left: 0px;
	background-image: url("../images/btn_gallery.gif");
	background-repeat: no-repeat;
	background-position: 0 -142px;	   /* NEGATIVE NUMBER! Moves the DOWN/OVER button state up into position. Must be half of the total button graphic height */
	float: left;
}

#btn-subGallery:hover { 
	background-position: 0 -142px;
}

#btn-subGallery span {   /* Keeps the text title from showing up in place of graphic */
	display: none;
}

#btn-subGallery2 span {   /* Keeps the text title from showing up in place of graphic */
	display: none;
}


/* ============================================================== */
/*                  Navigation for TBG button...                 */
/* ============================================================== */

#btn-TBG {
	display: block;
	width: 160px;
	height: 12px;  /* Must be half of the total button graphic height */
	background: url("../images/x_tbg_btn.png") no-repeat 0 0;
	margin-top: 19px;
	margin-right: 0px;
	margin-bottom: 19px;
	margin-left: 0px;
}

#btn-TBG2 {  /* This duplicate style is to be used in the page markup for the "down" state when ON the page */
	display: block;
	width: 160px;
	height: 12px;  /* Must be half of the total button graphic height */
	background: url("../images/x_tbg_btn.png") no-repeat 0 0;
	margin-top: 19px;
	margin-right: 0px;
	margin-bottom: 19px;
	margin-left: 0px;
	background-position: 0 -12px;
}

#btn-TBG:hover {
	background-position: 0 -12px;
	text-align: center;
}

#btn-TBG span {   /* Keeps the text title from showing up in place of graphic */
	display: none;
}

#btn-TBG2 span {   /* Keeps the text title from showing up in place of graphic */
	display: none;
}