/*******************************************************************************
*
* HTML Styles
*
*******************************************************************************/
html { overflow: -moz-scrollbars-vertical; }

body {
  background: #fff;
}

a {
	text-decoration: none;
}

ul {
	text-indent: 5px;
	list-style-position:inside;
	list-style-type:square;
	padding: 5px;
	margin: 0px;
}
.ul2 {
	list-style-type:circle;
	margin: 3px;
}

/*******************************************************************************
*
* Page Wrapper
*
*******************************************************************************/
div#pageWrapper
{
	margin-top: 100px; #leaves space at top of page
	padding: 0;
	width: 900px;
	text-align: left;
	background: #fff;
	border:1px solid #000000;
}


/*******************************************************************************
*
* Header Styles
*
*******************************************************************************/
#header {
	background: #D0D0D0;
	background-image:url(../images/bg.jpg);
	width: 850px;
	height: 145px;
	margin-top: 25px; #leaves space above
}

#header a{
	color: #000;
}

#header a:hover {
		/* color: #5B7EA7; */
	color: #46678b;
}

#header #logo {
	margin-top: 10px;
	width: 175px;
	float: left;
}


#header #links {
	margin-top: 10px;
	margin-left: 25px;
	width: 170px;
	float: left;
	text-align:left;
	font-family: arial, serif;
	font-size: 12pt;
	font-weight: bold;
	line-height: 30px;
}

#header #links a {
	
	text-decoration: none;
}

#header #links a:hover {
	text-decoration: underline;
	/* color: #5B7EA7; */
	color: #46678b;	
}

#header #title {
	padding-top: 71px;
}

/*******************************************************************************
*
* Content Styles
*
*******************************************************************************/
#content {
	margin-top: 25px; #leaves space above
	background: #fff;
	width: 850px;
	text-align: left;
}

.menuNarrow {
	padding-left:10px;
	background: #666666;
	background-image:url(../images/bgdark.jpg);
	width: 145px;
	text-align:left;
	color:#fff;
	font-family: arial, serif;
	font-size: 12pt;
	font-weight: bold;
	line-height: 24px;
}

.menuNarrow a{
	color: #fff;
}

.menuNarrow a:hover {
	color: #999;
}

.centerSpacer {
	width: 25px;
}


.rightLifestyle {
	padding: 0px;
	background: #666666;
	width: 275px;
	text-align:center;
	color:#fff;
	font-family: arial, serif;
	font-size: 12pt;
	font-weight: bold;
	line-height: 24px;
}

.rightSlide {
	padding: 0px;
	background: #fff;
	width: 405px;
	text-align:center;
	color:#fff;
	font-family: arial, serif;
	font-size: 12pt;
	font-weight: bold;
	line-height: 24px;
}

.rightMap {
	padding: 0px;
	background: #C9C9C9;
	width: 320px;
	text-align:center;
	color:#000;
	font-family: arial, serif;
	font-size: 10pt;
}

.rightMap a {
	color:#000;
	font-family: arial, serif;
	font-size: 11pt;
}

#content td.contentBody {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	font-family: arial, serif;
	font-size: 9pt;
	color: #000;
	vertical-align: top;
	background-color:#D0D0D0;
	background-image:url(../images/bg.jpg);
	width:650px;
}

#content td.contentBodySmall {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	font-family: arial, serif;
	font-size: 9pt;
	color: #000;
	vertical-align: top;
	background-image:url(../images/bg.jpg);
	width:550px;
}

#content td.contentBodyContact {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	font-family: arial, serif;
	font-size: 9pt;
	color: #000;
	vertical-align: top;
	background-image:url(../images/bg.jpg);
	width:405px;
}

#content td.contentBodyHome {
	padding: 0px;
	font-family: arial, serif;
	font-size: 9pt;
	color: #000;
	vertical-align: top;
	background-color:#D0D0D0;
	background-image:url(../images/bg.jpg);
	width:550px;
}

#content td.contentScroll {
	font-family: arial, serif;
	font-size: 9pt;
	color: #000;
	vertical-align: top;
	background-image:url(../images/bg.jpg);
	width:420px;
}

#content #contact{
	padding-left:100px;
	font-weight: bold;
}

#content #contact a{
	color: #46678b;	
}

#content #scroll{
	padding-left: 10px;
	width:410px;
	height:340px;
	border-width:0px;
	overflow:auto;
}

#content #soldout {
	position: absolute;
	z-index: 1;
	top: 450px;
	width: 640px;
	height: 50px;
	background-color: #000;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity: 0.5; 
}
#content #soldouttitle {
	position: absolute;
	z-index: 2;
	top: 460px;
	width: 640px;
	font-family: arial, serif;
	font-size: 18pt;
	font-weight:bold;
	color: #fff;
	text-align:center;
}

#content span.planName {
	font-family: arial, serif;
	font-size: 12pt;
	font-weight: bold;
}

#content span.planDetails {
	font-family: arial, serif;
	font-size: 10pt;
	font-weight: bold;
}

#content span.neighbourhood {
	font-family: arial, serif;
	font-size: 10pt;
	line-height: 17pt;
	font-weight: bold;
}
#content span.neighbourhoodblue {
	font-family: arial, serif;
	font-size: 12pt;
	font-weight: bold;
	color: #46678b;
}

#content span.theVUE {
	font-family: arial, serif;
	font-size: 14pt;
	font-weight: bold;
	/* color: #5B7EA7; */
	color: #46678b;
}

#content span.viewPDF {
	font-family: arial, serif;
	font-size: 12pt;
	font-weight: bold;
	color: #000;
}




/*******************************************************************************
*
* Footer Styles
*
*******************************************************************************/
#footer {
	margin-top: 5px;
	width: 900px;
	text-align: center;
	font-family: arial, serif;
	font-size: 7pt;
	color: #6c6c6c;
}
#footer a{
	font-family: arial, serif;
	font-size: 7pt;
	color: #6c6c6c;
	text-decoration: none;
}

#oracast {
	margin-top: 5px;
	width: 900px;
	text-align: center;
}

#oracast a{
	font-family: arial, serif;
	font-size: 7pt;
	color: #6c6c6c;
	text-decoration: none;
}

#oracast a:hover{
	text-decoration: underline;
	color: #6c6c6c;
}

/*******************************************************************************
*
* Font Class Styles
*
*******************************************************************************/
.underline { text-decoration: underline; }

.double {
	line-height: 2em;
}
