/***********************************************/
/* 3col_rightNav.css                              */
/* Use with template 3col_rightNav.html           */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

html, body, ul, li {
	margin:0;
	padding: 0;
	border:0;
}

/*One Week Before Posting, Intent is to use this font site-wide*/
/*Pete says viewers may be more men, so colors should be bold, prime*/
/*I think font size should be larger since audience is retirees and potential retirees*/
/*CSS at http://www.positioniseverything.net/css-flyout.html suggests font size 100.01 percent.  I dont know why.*/
/*Bold font makes it more legible.  Garamond seems a little thin.*/
body{
	font-family: Garamond, Georgia, "Times New Roman", Times, serif;
	color: #006600;
	line-height: 1.166;
	margin: 0px;
	padding: 0px;
	font-size: 130.01%;
	background-image: url(../SourceDocuments/Textures/lblue047661159.gif);
	font-weight: 500;
}

img {
	border:0:
}

/*May want to reconsider underlining links, since people are used to that.  Or else make the color stand out moree*/
a{
	color: #006699;
	text-decoration: none;
}
form {
	border: medium groove #333399;
	padding: 10px;
}
form p {
	margin: 0px;
	clear: left;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
form p label {
	float: left;
	width: 20%;
}



a:link{
	color: #006699;
	text-decoration: none;
}

a:visited{
	color: #006699;
	text-decoration: none;
}

a:hover{
	color: #006699;
	text-decoration: underline;
}

/*No fixed font sizes; audience may be upsizing their text*/
h1{
 font-size: 120%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h2{
	font-size: 130%;
	color: #006699;
	margin: 0px;
	padding: 0px;
	font-weight: 900;
}

h3{
 font-size: 120%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h4{
 font-size: 100%;
 font-weight: normal;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

/*Did not see bugs; did not add Holly hack*/
ul{
 list-style-type: none;
 /* needs the Holly hack to avoid IE bugs */
 border-top: 1px solid #000;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font-size: 100%;
 font-weight: bold;
 color: #334d55;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/

/*This is the very top where we put the logo, a panorama, and rotating logos of home manufacturers*/
#masthead{
	padding: 10px 0px 0px 0px;
	border-bottom: 1px solid #cccccc;
	width: 100%;
}

/*This is the column on the right which we use for some navigational links that made sense to Pete.  Also used for page-specific links not used site wide*/
/*Column widths are all in percents which allows them to fill the screen.  When the screen is narrow, sometimes the right column slips down.  This may be the best that can be expected for elegant degradation*/
#navBar{
	float: right;
	width: 20%;
	margin: 0px;
	padding: 0px;
	background-color: #eeeeee;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font-size: 80%;
}

/*This is the left column.  We use it for navigation, not headlines.  See width comments for navBar*/
#headlines{
  float:left;
	width: 20%;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding-right: 10px;
}

/*This is the center column.  See width comments for navBar*/
#content{
	float: left;
	width: 50%;
	list-style-type: square;
}

/***********************************************/
/* Components                                  */
/***********************************************/

#siteName{
	margin: 0;
	padding: 0 0 0 10px;
}


/************* #globalNav styles **************/

/*This is a horizontal Nav Bar above the page title and below the masthead.  Links were chosen by Pete */
#globalNav{
	padding: 0px 0px 5px 10px;
	border-bottom: 1px solid #CCC;
	color: #cccccc;
}

/*As of one week before publication, we use no images here.  But we might want to use them to make the links look like buttons*/
#globalNav img{
 display: block;
}

#globalNav a {
	font-size: 90%;
	padding: 0 4px 0 0;
}

#globalNav a:hover {
	font-size: 90%;
	padding: 0 4px 0 0;
	color: #66FF00;
	background-color: #666666;
}

/*************** #pageName styles **************/

/*This is the title; each page has a unique  title*/
#pageName{
	margin: 0px;
	padding: 0px 0px 0px 10px;
}


/************** .feature styles ***************/

/*The content section has 2 styles -- feature and story.  In the feature section, images float left*/
.feature{
	padding: 0px 0px 0px 10px;
	font-size: 80%;
	list-style-type: square;
}

.feature h3{
	padding: 30px 0px 5px 0px;
	text-align: center;
}

.feature img{
	float: left;
	padding: 10px 10px 0px 0px;
}



/************** .story styles *****************/

.story{
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 80%;
}

/*Each lot will have a photo of the lot plan.  Mouseover one of the lots in the lot plan and you get specifications about that lot.  As of one week before publication that will be done with image maps and javascript to show and hide layers.  Initially, the layers are hidden to avoid clutter*/
.LotSpecs {
	visibility: hidden;
}


.story p{
	padding: 0px 0px 10px 0px;
}


/************* #siteInfo styles ***************/

/*We use this section to repeat the navigation from the page top, since many pages have long content*/
#siteInfo{
	clear: both;
	border: 1px solid #cccccc;
	font-size: 75%;
	color: #cccccc;
	padding: 10px 10px 10px 10px;
}

/*We use no images here as of one week before publication.  We could add some later to make these look more like buttons*/
#siteInfo img{
	padding: 4px 4px 4px 10px;
	vertical-align: middle;
}


/************* #search styles ***************/

/*As of 1 week before publication, we use Google's free site search*/
#search{
	padding: 5px 0px 5px 5px;
	border-bottom: 1px solid #cccccc;
	font-size: 75%;
}

#search form{
 margin: 0px;
 padding: 0px;
}

#search label{
	display: block;
	margin: 0px;
	padding: 0px;
}


/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}


/*********** #sectionLinks styles ***********/

/*As of one week before publication, the right column consists of a search box and then a set of links chosen by Pete.  The links are called sectionLinks*/
#sectionLinks{
	position: relative;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;
}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
}

/*The image is bigger than neccessary so it still appears when text is resized*/
#sectionLinks a {
	display: block;
	border-top: 1px solid #cccccc;
	padding: 2px 0px 2px 10px;
	background-image: url(../images/Buttons/FullNavBarButton.gif);
}

#sectionLinks a:hover{
	background-color: #dddddd;
	color: #66FF00;
	background-image: url(../images/Buttons/FullNavBarButtonOver.gif);
}


/*********** .relatedLinks styles ***********/
/*This section is available at the bottom of the right column.  As of one week before publication, it is not used*/

.relatedLinks{
	margin: 0px;
	padding: 0px 0px 10px 10px;
	font-size: 90%;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}

.relatedLinks a:link,
.relatedLinks a:visited {
	display: block; 
}

/************** #advert styles **************/

/*We use this section to hold a flash movie that rotates through scenes of Nevada*/
#advert{
	padding: 30px 0px 10px;
}

#advert img{
	display: block;
}


/************** #headlines styles **************/
/*This is the left column navigation section*/
/*The flyout ideas came from http://www.positioniseverything.net/css-flyout.html*/

#headlines{
	margin: 0px;
	padding: 10px 0px 20px 5px;
	font-size: 80%;
}

#headlines p{
	padding: 5px 0px 5px 0px;
}

#headlines li{
	list-style: none;
	border-bottom: 1px solid #000; /* Makes side borders on flyouts, sez http://www.positioniseverything.net/css-flyout.html */
	position: relative;
	text-align: center;
	vertical-align: bottom; /* for IE5/win */
	font-weight: bold;
	}
	
#headlines div {
	padding: 30px 60px 30px 10px;
	}
	
/*The zone div is included in the design from http://www.positioniseverything.net/css-flyout.html*/
#headlines .nav div.zone {
	padding: 0;
	width: 150px;
	height: 10px;
	left: -3000px;
	top: auto;
	bottom: -10px;
	font-size: 1px;
	}
	
#headlines .nav li:hover div.zone
	{left: 0;
	}
	
/*The effect is achieved by locating the submenu off-screen at -3000.  When you hover on the parent link, the child div is repositioned visibly.  The left and top positions below were derived experimentally.  The z-indexes are cascaded so higher menus cover lower ones*/
#headlines li:hover div {
	left: 185px;
	top: -28px;
	z-index: 7;
	}
	
/*	
#headlines a:hover {
	margin: 0px;
	padding: 0px;
	background-color: #dbeeff;
	font-weight: bold;
}
*/

/*************** Need a name for this section *********/

/*This class is used for the highest level unordered list in the left column navigation with flyouts*/
.nav a {
	display: block;
	vertical-align: bottom; /*neede for IE5/win */
	color: #006699;
	text-decoration: none;
	padding: 5px 10px;
	border: 1px solid #000
	border-width: 0 1px; /* Makes side borders on flyouts */
	border: 1px solid #000000;
	}
	
.nav a:hover {
	color: #c44;
	text-decoration: underline;
	}
	
/* .nav a:focus, .nav a.sffocus { 
	background-color: #00c !important;
	color: white;
	}
	*/
	/*enhances the focus styling for keyboard tabbing */

/*Initially the flyout menu is positioned so far off-screen that you cannot see it.  This is a better alternative than using visible and hidden since IE hovers only on links*/
.nav div {
	width: 150px;
	position: absolute;
	left: -3000px;
	visibility: visible;
	}
/* \*/
.nav div {
	width: 220px;
	wid\th: 150px;
	}
	/*Box model fix for IE5.x win */
	
	
.nav ul a {
	color: #fff;
	}

/* \*/ /*/

.nav div {
	position: relative;
	left: 5px;
	padding: 0;
	}

.zone {
	display: none;
	}

/* */


.LotSpecs {
	background-color: #999999;
	visibility: hidden;
}
#siteInfo a:hover {
	clear: both;
	color: #66FF00;
	background-color: #666666;
}

/*The following classes are needed so that each menu item can have its own z-index.  Then menus from above cover items from below*/
.homes {
	z-index: 5;
	background: #ccffff;
	}

.homes li {
	background-color: #00CCCC;
	}

.packages {

	z-index: 4;
	background: #ccffff;
}
.packages li {

	background-color: #00cccc;
}
.developments {

	z-index: 3;
	background: #ccffff;
}
.developments li {

	background-color: #00cccc;
}
.featured {

	z-index: 2;
	background: #ccffff;
}
.featured li {

	background-color: #00CCCC;
}
.homepage {

	z-index: 8;
	background: #ccffff;
}
.homepage li {

	background-color: #00CCCC;
}

/*On some pages we have links relevant to that page only.  Because these buttons are in the same group that appears on every page, we want to attract attention to them*/
.SpecialLinks {
	padding: 0px;
	list-style-position: inside;
	list-style-type: disc;
	list-style-image: url(../images/SpecialBullet.gif);
	margin: 0px;
	border: medium solid #FF0000;
}

/*Bulleted lists appeared too close to the margin.  This gives them some space.  Number is derived experimentally*/
#content .feature li {

	margin-left: 25px;
}
#content .feature #Main Featured Home Title {
	font-size: 300%;
}
iframe {
}
.AdTitle {
	font-size: 110%;
	font-weight: bold;
	text-align: justify;
}
.adDetails {
	font-size: 100%;
	margin-left: 10px;
	line-height: 1.2;
}
.NewLine {
	clear: left;
}
.SpecialRightFloat {
	float: right;
}
.siteMapUL {
	margin-left: 35px;
}
#content .story .siteMapUL {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#content .story .siteMapUL ul {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#content .story .siteMapUL li {
}
#content .feature ul {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#content .featureClearLeft ul {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: left;
}
#content .featureClearLeft img {
	float: left;
}

.LotSpecs {
	color: #FFFFFF;
	background-color: #339900;
	border: medium outset #000000;
	visibility: visible;
	height: 3.6em;
	text-align: center;
}

#content .story  iframe {

	height: 4.1em;
	border: thick outset #009933;
	margin: 0px;
	padding: 0px;
	width: 15ex;
	background-color: #FFFFFF;
}

/*The LotSpecs below position each of the popups*/
#Lot1Specs {
	position: absolute;
	top: 991px;
	left: 340px;
	visibility: hidden;
}
#Lot2Specs {
	position: absolute;
	top: 943px;
	left: 340px;
	visibility: hidden;
}

#Lot3Specs {
	position: absolute;
	top: 896px;
	left: 341px;
	visibility: hidden;
}

#Lot4Specs {
	position: absolute;
	top: 849px;
	left: 340px;
	visibility: hidden;

}
#Lot5Specs {
	position: absolute;
	top: 802px;
	left: 341px;
	visibility: hidden;

}
#Lot6Specs {
	position: absolute;
	top: 756px;
	left: 342px;
	visibility: hidden;

}
#Lot7Specs {
	position: absolute;
	top: 710px;
	left: 342px;
	visibility: hidden;

}
#Lot8Specs {
	position: absolute;
	top: 296px;
	left: 345px;
	visibility: hidden;

}
#Lot9Specs {
	position: absolute;
	top: 705px;
	left: 359px;
	visibility: hidden;

}
#Lot10Specs {
	position: absolute;
	top: 705px;
	left: 409px;
	visibility: hidden;

}
#Lot11Specs {
	position: absolute;
	top: 705px;
	left: 461px;
	visibility: hidden;

}
#Lot12Specs {
	position: absolute;
	top: 705px;
	left: 512px;
	visibility: hidden;

}
#Lot13Specs {
	position: absolute;
	top: 705px;
	left: 562px;
	visibility: hidden;

}
#Lot14Specs {

	position: absolute;
	top: 491px;
	left: 345px;
	visibility: hidden;

}
#Lot14Specs {

	position: absolute;
	top: 705px;
	left: 614px;

}
#Lot15Specs {
	position: absolute;
	top: 705px;
	left: 506px;
	visibility: hidden;

}
#Lot16Specs {
	position: absolute;
	top: 666px;
	left: 557px;
	visibility: hidden;

}
#Lot17Specs {
	position: absolute;
	top: 712px;
	left: 556px;
	visibility: hidden;

}
#Lot18Specs {
	position: absolute;
	top: 758px;
	left: 555px;
	visibility: hidden;

}
#Lot19Specs {
	position: absolute;
	top: 804px;
	left: 555px;
	visibility: hidden;

}
#Lot20Specs {
	position: absolute;
	top: 851px;
	left: 555px;
	visibility: hidden;

}
#Lot21Specs {

	position: absolute;
	top: 491px;
	left: 345px;
	visibility: hidden;

}
#Lot21Specs {

	position: absolute;
	top: 898px;
	left: 555px;

}
#Lot22Specs {
	position: absolute;
	top: 943px;
	left: 555px;
	visibility: hidden;

}
#Lot24Specs {
	position: absolute;
	top: 969px;
	left: 345px;
	visibility: hidden;

}
#Lot25Specs {
	position: absolute;
	top: 969px;
	left: 397px;
	visibility: hidden;

}
#Lot26Specs {
	position: absolute;
	top: 969px;
	left: 448px;
	visibility: hidden;

}
#Lot27Specs {

	position: absolute;
	top: 491px;
	left: 345px;
	visibility: hidden;

}
#Lot27Specs {

	position: absolute;
	top: 969px;
	left: 496px;

}
#Lot28Specs {
	position: absolute;
	top: 969px;
	left: 539px;
	visibility: hidden;

}
#Lot29Specs {
	position: absolute;
	top: 969px;
	left: 582px;
	visibility: hidden;

}
#BasinSpecs {
	position: absolute;
	top: 267px;
	left: 359px;
	visibility: hidden;

}
#Lot23Specs {
	position: absolute;
	top: 986px;
	left: 555px;
	visibility: hidden;
}
.featureClearLeft {
	padding: 0px 0px 10px 10px;
	font-size: 80%;
	clear: left;
	margin-top: 10px;
	list-style-type: square;
}
#clearBoth {
	clear: both;
}
.gardnerville {


	z-index: 7;
	background: #ccffff;
}
.gardnerville li {


	background-color: #00CCCC;
}
.yerington {


	z-index: 6;
	background: #ccffff;
}
.yerington li {


	background-color: #00CCCC;
}