@charset "utf-8";
/* CSS Document */

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.oneColFixCtrHdr #container {
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	height:690px;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtrHdr #header {
	width:280px; 
	float:left;
}
.oneColFixCtrHdr #header h1 {
float:left;
background:#87cbe7;
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.menubox {
	height:24px;
	float:left;
	width: 618px;
	margin-top:10px;
	padding-top:78px;
	padding-bottom:5px;
	background-color:#87cbe7;
	background-image: url(../images/tagline.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}
.menubox-white {
	height:21px;
	float:left;
	width: 618px;
	margin-top:10px;
	padding-top:84px;
	padding-bottom:1px;
background-color:#ECF7FB;
	background-image: url(../images/tagline.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}
.box2 {
	height:65px;
	float:right;
	width:150px;
	margin:10px;
	background-color:#E4F3FA;
	padding:0px 0px 2px 0px;
}
/*CONTACTS PAGE*/
.box2-left {
	height:145px;
	float:left;
	width:150px;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	margin:10px 25px 25px 0px;
	background-color:#E4F3FA;
	padding:2px 0px 2px 0px;
}
.box3-left {
	height:542px;
	float:left;
	width:175px;
	margin:4px 18px 4px 4px;
		line-height: 18px;
	background-color:#E4F3FA;
	padding:2px 5px 2px 5px;
}
.box3b-left {
	height:525px;
	float:left;
	width:140px;
	margin:4px 2px 2px 0px;
	line-height:35px;
background-color:#fff;
	padding:2px 5px 2px 5px;
}

.box6-form {
	height:535px;
	float:left;
	width:560px;
	line-height:35px;
	margin:4px;
	background-color:#E4F3FA;
	padding:2px 5px 2px 5px;
}
.box6b-form {
	height:535px;
	float:left;
	width:520px;
	background-color:#FFFFFF;
	line-height:35px;
	margin:4px 2px 2px 0px;
	padding:10px 5px 2px 5px;
}
.box4-contact {
	height: 570px;
	background-color:#CEE9F4;
	float:left;
	width: 765px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:regular;
	padding:15px 5px 5px 10px;
	text-align:left;
}
/*CONTACTS PAGE*/


.box2-white {
	height: 105px;
	float:left;
	width:162px;
	margin-top:10px;
	background-color:#fff;
	padding-bottom:1px;
}

.oneColFixCtrHdr #mainContent {
	padding: 0 0px;
	height:650px;
	float:left;
}


.box4-index {
	height: 350px;
	background-image: url(../images/tonal-main-new.gif);
	float:left;
	width: 700px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 16px;
	padding-left:45px;
	padding-right:35px;
	padding-top:15px;
	text-align:left;
}
/*--------------Weekly DIg Coupon---------------------------*/
.box4-coupon {
	height: 155px;
	background-color:#E3F3F9;
	float:left;
	width: 710px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 16px;
	padding-left:50px;
	padding-right:20px;
	padding-top:5px;
	text-align:left;
}
/*--------------Weekly DIg Coupon---------------------------*/
/*-------------box for the WeeklyDig Special offer page --------------*/
.box5-coupon {
	height: 545px;
	background-color:#C1E3EF;
	float:left;
	width: 780px;}
/*-------------box for the WeeklyDig Special offer page --------------*/



.box4-location {
	height: 335px;
	background-color:#CEE9F4;
	float:left;
	width: 740px;
	padding-left:20px;
	padding-top:2px;
	padding-right:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 16px;
	text-align:left;
}
.box5 {
	height: 345px;
	background-image: url(../images/tonal.gif);
	float:left;
	width: 780px;
}
.box5-location {
	height: 245px;
	background-color:#CEE9F4;
	float:left;
	width: 780px;
}

.box5-amenities {
	height: 580px;
	background-color:#CEE9F4;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	width: 760px;
	padding-top:6px;
	padding-left:20px;
}
.box5-residents {
	height: 570px;
	background-image: url(../images/tonal-main-new.gif);
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:17px;
	width: 770px;
	padding-top:6px;
	padding-left:10px;
}
.box5-gallery {
	height: 288px;
	background-color:#CEE9F4;
	float:left;
	width: 760px;
	text-align:right;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
}
.box6 {
	height: 390px;
	background-color:#CEE9F4;
	float:left;
	width: 365px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 16px;
	padding-left:15px;
	padding-right:10px;
	padding-top:5px;
	text-align:left;
}
.box6-amenities {
	height: 437px;
	background-color:#CEE9F4;
	float:left;
	width: 475px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 16px;
	padding-left:15px;
	padding-right:10px;
	padding-top:5px;
	text-align:left;
}
.box6-menu-gallery {
	height: 270px;
	background-color:#CEE9F4;
	float:left;
	width: 97px;
	text-align:left;
	padding-top:10px;
	padding-left:5px;
}
.box6-gallery {
	height: 270px;
	background-color:#CEE9F4;
text-align:left;
	width: 675px;
	padding-top:10px;
	float:left;
	padding-left:3px;
}

.box5-floorplan {
	height: 565px;
	background-color:#CEE9F4;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:17px;
	float:left;
	width: 770px;
	padding-top:15px;
	padding-left:10px;
}
.box5-floorplan2 {
	height: 460px;
	background-color:#87CBE7;
	float:left;
	width: 270px;
	line-height:12px;
	padding-left:10px;
	padding-top:10px;
text-align:left;
}

.box5-floorplan3 {
	height: 540px;
	background-color: #E8F8FF;
	float:left;
	width: 260px;
	line-height:14px;
	border: #fff 2px solid;
	padding-left:15px;
	padding-top:10px;
	text-align:left;
}

.vertmenubox {
	height: 350px;
	background-color:#fff;
	float:left;
	width: 280px;
}


.oneColFixCtrHdr #footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#CC3333;
	float:left;
	text-align:center;
	height:60px;
	width:100%;
}
.oneColFixCtrHdr #footer2 {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background-image: url(../images/tonal-main.gif);
	float:left;
	width:100%;
	height:600px;
}

.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
float:left;}
h2 {
	font-size: 16px;
	font-weight: bold;
	color: #000;
}
h2 a {
	font-size: 16px;
	font-weight: bold;
	color: #BA2319;
}


.box3-right {
	height:250px;
	width:175px;
	line-height: 18px;
	background-color:#E4F3FA;
	float: right;
}
.box4-index_rss {
	height: 425px;
	background-image: url(../images/tonal-main-new.gif);
	float:left;
	width: 720px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 16px;
	padding-left:30px;
	padding-right:30px;
	padding-top:15px;
	text-align:left;
}
.home_content_left {
	width: 530px;
	float: left;
}

.home_left {
	width: 500px;
	float: left;
}
.home_right {
	float: right;
	width: 175px;
	height: 350px;
}
#container_new {
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	height:780px;
	text-align: left; /* this overrides the text-align: center on the body element. */
}