* {
	margin: 0; 
	padding: 0;
	border: 0 none;
}

body  {
	font: 100% Verdana, Arial, Helvetica, Sans-Serif;
	width:100%;
	background-color: #60777f;
	text-align: center;
	color: #000000;
}


p.body  {
	font: 100% Verdana, Arial, Helvetica, Sans-Serif;
	background-color: #FFFFFF;
	text-align: center;
	color: #000000;
}


#container { 
	width: 100%;
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left; 
}  

#header { 
	background: url(images/header.jpg) no-repeat #7f7e7e top left; 
	height: 29px;
	padding: 0 10px; 
} 

#header p {
	padding-top:2px;
	margin: 0; 	
	float: right;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	color: #FFFFFF;
}

#header img.mailicon {
position: relative;
top: 2px;
}

#header a {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration:none;
	padding: 0 4px;
}

#header a.resident {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 14px;
	font-weight:bold;
	color: #f3fc0b;
	text-decoration:none;
}


#header span {
padding: 0 10px 0 20px;
}

input.login, input.password
{
width: 150px;
background-color:#cccccc;
color: #333333;
margin:0 2px 0 10px;
}

input.submitbtn
{
position: relative;
top: 2px;
}

#mid_content
{
position: relative;
width: 1010px;

background-color:#FFFFFF;
margin: 10px auto;
}

#leftcol {
	float: left; 
	width: 190px;
	text-align: center;
}


#leftcol .logo{
text-align: center;
height: 70px;
}

#leftcol ul.greyside{
	float: left; 
	width: 190px;

}

#leftcol ul.greyside li{
	display: block;
	float: left; 
	padding: 2px 0; 
	list-style-type:none;
	background: url(images/sidegrey_btn.gif) no-repeat;
	line-height: 64px;
	width: 190px;
	height: 64px;
	color:#FFFFFF;
}

li .bluemoon {	display: block;
			width: 190px;
			height: 64px;
			padding: 0px 0; 
			list-style-type: none;
			text-decoration: none;
			color:#FFFFFF;
			background-color:transparent;
			text-align:center;
			font-size:16px;
			line-height: 64px;
			font-family: Verdana,Arial,Helvetica,Sans-Serif;
			vertical-align:middle;
			cursor:pointer;}


#leftcol ul.greyside li a:link, #leftcol ul.greyside li a:visited{
	text-decoration: none;
	color:#FFFFFF;
}

#leftcol ul.greyside li a:active, #leftcol ul.greyside li a:hover{
	text-decoration: none;
	color: #FFFFFF;
}

#leftcol #greenside {
	float: left; 
	padding: 2px 0; 
	list-style-type:none;
	background: url(images/sidegreen.gif) no-repeat;
	width: 189px;
	height: 189px;
	color:#000000;
}


#leftcol #greenside p.whynot {
color:#000000; 
font-size: 14px; 
font-family: Tahoma, Arial, San Serif; 
padding: 20px 0; 
margin-bottom: 20px;
font-weight:600;

}


#leftcol #greenside p.contactnumber {
color: #000000; 
font-size:20px;
line-height: 30px;
margin-bottom: 10px;
}


#leftcol #greenside p a  {
text-decoration:none;
font-size:12px; 
color:#666666; 
line-height: 30px; 
margin-bottom: 10px;
}


 #mainContent {

	float: left; 
	width: 616px;
	margin: 0 6px;
	} 
	
	
#toptxt
{
font-family:Helvetica, Arial, Sans-Serif;
width: 616px;
height: 70px;
background: url(images/skylinebg.gif) no-repeat bottom right;
}

#pageheader
{
font-family:Helvetica, Arial, Sans-Serif;
width:616px;
height: 62px;
background: url(images/topgreen.gif) no-repeat;
}

#pageheader h1
{
color: #747a71;
line-height: 62px;
padding-left: 15px;
font-weight: 300;
}

#centercontent {
width:616px;
height:461px;
}	
	

#centercontent #content_c{
	position: relative;
	clear: both;
	text-align: left;
	margin: 0 auto;
	padding: 25px 0 10px 0;
	width:595px;
	height:448px;
	overflow:auto;
	scrollbar-3dlight-color:#E4F0FD; 
	scrollbar-arrow-color:#a4b3ac;
	scrollbar-base-color:#FFFFFF;
	scrollbar-darkshadow-color:#a4b3ac;
	scrollbar-face-color:#dae9e3;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-shadow-color:#a4b3ac;
}

#centercontent #content_c p{
	text-align:left;
	font-size: 12px;
}

#centercontent #content_c h3{
	float: left;
	width: 250px;
	text-align:left;
	font-size: 20px;
	font-weight: 100;
	color:#666666;
}

#content_c img.greyborder{
border: 3px solid #828282;
}




/* floor table */

#floortable {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	width: 585px;
	clear:both;
	padding: 0;
	margin-top: 15px;
	text-align: center;
}


#floortable th {
	color: #000000;
	text-align: center;
	padding: 12px 8px;
	background: #ffffff;
	border-right: 1px solid #000000;
}


#floortable td {
	background-color: #ffffff;
	padding: 6px;
	color: #000000;
	border-right: 1px solid #000000;
}


#floortable td.alt {
		background-color: #ffffff;
		color: #000000;
}

#floortable td.action {
		background-color: #ffffff;
		color: #000000;
}



#floortable th.plan_t {

	background-color: #ffffff;
	color: #000000;
	width: 80px;
}


/* specs table */

#specstable {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	width: 250px;
	float: right;
	text-align: left;
	border-top: 4px solid #98a29d;
	border-right: 6px solid #98a29d;
	border-left: 6px solid #98a29d;
	border-bottom: 10px solid #98a29d;
}

#specstable td.alt {
		padding: 5px 0 5px 5px;
		background-color: #b3b6b5;
		color: #000000;
}

#specstable td.altg {
		padding: 5px 0 5px 5px;
		background-color: #98a29d;
		color: #000000;
}

#specstable th.specs_t {
	padding: 8px 0 8px 5px;
	background-color: #98a29d;
	color: #000000;
}


.contact {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color:#FFFFFF;
	font-weight: normal;
	font-size: 9pt;
	margin-right: 11pt;

}

/* form */

#centercontent #content_c form{
	position: relative;
	text-align:left;
	float:left;
	background: #999999;
	margin: 0 auto;
	padding-top: 5px;
	width:585px;
	height:400px;
}

	
#centercontent #content_c fieldset
{
	width: 450px;
	height: auto;
	font-family: Arial, Helvetica, Sans-Serif;
	color:#ffffff;
	text-align: center;
	font-size:12px;
	border-left: 1px solid #ffffff;
	padding-left: 20px;
	margin-left: 20px;
	}



#centercontent #content_c form fieldset input {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 15px;
	text-align: left;
	
}



#centercontent #content_c form fieldset label{
	display: block;
	width: 100px;
	float: left;
	margin-bottom: 15px;
	text-align:right;
	
}

#centercontent #content_c form fieldset input.radio_btn {
	width: auto;
	height: auto;
	float: left;
	margin:0 5px;
	padding: 0;
}

#centercontent #content_c form fieldset span {
	text-align: left;
	font-size:11px;
	width: auto;
	float: left;
	margin:0;
}

#centercontent #content_c textarea {
	overflow: auto;
	display: block;
	width: 320px;
	height: 100px;
	float: left;
	text-align: left
	
}

#centercontent #content_c label {
	text-align: left;
	width: 105px;
	padding-right: 20px;
}

#centercontent #content_c br {
	clear: left;
}

#centercontent #content_c .formBtn {
margin: 20px 0 10px 0;
float: right;
width: 118px;
height:22px;
background: url(images/contact_btn.gif) no-repeat 0 50%;
color:#ffffff;
text-align: center;
}

#centercontent #content_c .formBtn:hover {

cursor:pointer;

}

 ul.beds {
	float: right;
	width: 310px;
	text-align: center;
	margin: 0 auto;
	}

 ul.beds li {
 	font-size:11px;
  	display:block;
	color: #ffff00;
	float:left;
	height: 22px;
	line-height: 18px;
	list-style-type: none;
	width:100px;
	margin: 0 5px 7px 0;
	background-color: #98a29d;
}

 ul.beds li.lastnone {
	margin: 0 0 7px 0;
}

 ul.beds li a {
 	font-size:11px;
	color: #ffff00;
	text-decoration:none;
}


 ul.amenities {
	clear: both;
	float:left;
	width:170px;
	margin-top:10px;
	}
	
 ul.amenities li{
 font-size:12px;
 list-style-type: none;
}

 ul.amenities_con {
	float: left;
	width:200px;
		margin-top:10px;
	}
	
 ul.amenities_con li{
 font-size:12px;
 list-style-type: none;
}
	

#mainContent #centerfooter{
	clear: both;
	margin: 0 auto;
	width:595px;	
	color: #666666
}

#mainContent #centerfooter p{
font-size: 11px;

}

#mainContent #centerfooter p strong{
font-size:20px;
font-weight:300;
}

#mainContent #centerfooter a:link, #mainContent #centerfooter a:visited{
font-size:11px;
text-transform:uppercase;
color: #6e988d;
font-weight: 600;
}

#mainContent #centerfooter a:active, #mainContent #centerfooter a:hover{
font-size:11px;
text-transform:uppercase;
color: #00ccff;
font-weight: 600;
}

#mainContent #centerfooter p.cf_left{
	float: left;
	margin: 0 auto;
	width:265px;
}


#mainContent #centerfooter p.cf_right{
	float: right;
	margin: 0 auto;
	width:265px;
}


#rightcol {
	float: right; 
	width: 191px; 
	margin-top:8px;
}

#rightcol ul.rsidenav {

}

#rightcol ul.rsidenav li{
	text-align: right;
	list-style-type: none;
	background-color: #98a29d;
	width: 157px;
	height: 34px;
		margin: 9px auto;
	font-size: 90%;
	font-weight: 600;
}


#rightcol ul.rsidenav li a:link, #rightcol ul.rsidenav li a:visited  {
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	text-decoration: none;
	color:#FFFFFF;
	line-height: 34px;
	padding: 7px 5px 7px 0;

}

#rightcol #rgreenside {
	margin: 0 auto;
	background: url(images/rsidegreenl.gif) no-repeat;
	width: 191px;
	height: 634px;
	color:#000000;
}

#rightcol #rgreenside #rsearch {
	padding: 4px 0;
	text-align: center;
	width: 191px;
	height: 20px;
	color:#000000;
}

#rightcol #rgreenside input.gobtn {
	color:#ffff00;
	font-weight: 600;
	background:none;
	cursor: pointer;
}


#rightcol #rgreenside p{
	text-decoration:none;
	text-align: center;
	margin: 13px auto;
	width: 157px;
	height: auto;
}


#rightcol #rgreenside p img{
	border: 1px none #828282;
	height: auto;
	text-decoration:none;
}




#footer { 
	position: relative;
	top: 20px;
	width: 100%;
	min-height: 60px;
	clear: both;
	background: url(images/footerbg.jpg) repeat-x #60777f;
	
} 


#bottomlinks {
width: 100%;
padding-top:30px;}

#bottomlinks p {

text-align: center;
font-size:11px;
color:#ffffff;
line-height: 20px;
}

#bottomlinks a:link, #bottomlinks a:visited {
color:#ffffff;
text-decoration:none;
}

#bottomlinks a:active, #bottomlinks a:hover {
color:#ffffff;
text-decoration:none;
}


a.whynot:link {color:#000000; 
font-size: 14px; 
font-family: Tahoma, Arial, San Serif; 
text-decoration:none;
line-height:70px;
padding: 20px 0; 
margin-bottom: 20px;
font-weight:600;}

a.whynot:visited {color:#000000; 
font-size: 14px; 
font-family: Tahoma, Arial, San Serif; 
text-decoration:none;
line-height:70px;
padding: 20px 0; 
margin-bottom: 20px;
font-weight:600;}

a.whynot:hover {color:#000000; 
font-size: 14px; 
font-family: Tahoma, Arial, San Serif; 
line-height:70px;
text-decoration:none;
padding: 20px 0; 
margin-bottom: 20px;
font-weight:600;}

.officettl {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12pt;
letter-spacing:.1em;
line-height:16pt;
text-align: center
}

p.officehours {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:10pt;
line-height:16pt;
text-align: center
}

.hotspot {
font-family:Arial, Helvetica, sans-serif;
text-decoration:underline;
font-weight:normal;
font-size:9pt;
line-height:12pt;
text-align: center
}
.amenities {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color:#000000;
	font-weight: normal;
	font-size: 10pt;
	margin-right: 11pt;

}

form,input{ font-family: Arial,Verdana, Helvetica, sans-serif; font-size: 10pt; font-style: normal; line-height: normal; font-weight: normal; color: #000000}

input.textfield{ background-color:#000000; font-family: Arial,Verdana, Helvetica, sans-serif; font-size: 10pt; font-style: normal; line-height: normal; font-weight: normal; color: #000000 }
			
input.button{ background-color:#000000; border-bottom:1pt solid gray; border-top:1pt solid gray; border-right:1pt solid gray; border-left:1pt solid gray; width:100px;}

td.fieldbox{ background-color: }
			
span.fielderror{ background-color:; color:#CE0D1F; font-weight:bold; }
			
td.formlabel{ background-color:}
						
td.buttoncaption{ font-family: Arial,Verdana, Helvetica, sans-serif; font-size: 8pt; font-style: normal; line-height: normal; font-weight: normal; COLOR: #FFFFFF; text-align:right; border-bottom:0pt solid white; background-color:;}

.inputfield{ font-family: Arial,Verdana, Helvetica, sans-serif; font-size: 10pt; font-style: normal; line-height: normal; font-weight: normal; color: #000000 }

.titleslft   {	FONT-WEIGHT: bold;
			TEXT-ALIGN: left;
    		FONT-SIZE: 12pt;
    		COLOR: #000000;
    		FONT-STYLE: normal;
    		FONT-FAMILY: Arial,Verdana}
			
.communitycntr	{	FONT-WEIGHT: bold;
			TEXT-ALIGN: center;
    		FONT-SIZE: 11pt;
    		COLOR: #000000;
    		FONT-STYLE: normal;
    		FONT-FAMILY: Arial,Verdana}		
			

.eventList {
			font-family: Arial,Verdana, Helvetica;
			font-size: 7pt;
			text-decoration: none;
			cursor: hand;
			COLOR: #FFFFFF;
			float: left;
			position: relative;
		}
		
	
		.currentMonth {
			vertical-align: top;
			height: 60px;
			border-width: 1px;
			border-COLOR: #FFFFFF;
			background-color: #FFFFFF;
		}

		.adjacentMonth {
			vertical-align: top;
			color: #FFFFFF;
			height: 60px;
			border-width: 1px;
			border-color: #FFFFFF;
		}

		.dateNumber
		{
			font-family: Arial,Verdana, Helvetica;
			margin: 1 1 1 1;
			font-size: 10pt;
			font-weight: bold;
			float: right;
			position: relative;
			color: #FFFFFF;
		}

		.today 
		{
			font-family: Arial,Verdana, Helvetica;
			font-size: 11pt;
			font-weight: bold;
			color: #FFFFFF;
			background-color: #FFFFFF;
			vertical-align: top;
			height: 60px;
			border-width: 1px;
			border-color: #FFFFFF;
		}
		
		th
		{
			font-family: Arial,Verdana, Helvetica;
			font-size: 10pt;
			background-color: #FFFFFF;
			color: #ffffff;
			border-color: #FFFFFF;
		}
		
		
		.eventtitle{
			font-family:  Arial,Verdana;
			font-weight: bold;
			font-size: 11pt;
			COLOR: #FFFFFF;
		}
					
		.formlabel{font-family: Arial,Verdana, Helvetica;
			font-size: 8pt;
			font-weight: bold;
			COLOR: #FFFFFF;
			}
			
		.formsection {font-family: Arial,Verdana, Helvetica;
			font-size: 8pt;
			font-weight: bold;
			text-decoration: underline;
			COLOR: #FFFFFF;
			}
			
		.textsmall { FONT-WEIGHT: normal;
			TEXT-ALIGN: left;
    		FONT-SIZE: 7pt;
    		COLOR: #FFFFFF;
    		LINE-HEIGHT: 9pt;
    		FONT-STYLE: italic;
    		FONT-FAMILY: Arial,Verdana }
			
		.weekTableTD {
				font-family: Arial,Verdana, Helvetica;
				font-size: 10pt;
				border:1 solid #FFFFFF;
				width: 12.5%;
				background-color: #FFFFFF;
			}

		.unoccupied {
				cursor: hand;
				height: 15px;
			}
		.occupied {
				cursor: not-allowed;
				height: 15px;
			}

		td.keyTable {
				font-size: xx-small;
				width: 0%;
				
			}
		th.keyTable {
				background-color: FFFFFF;
				color: White;
			}
		table.keyTable {
				border: 1 solid black;
			}
		.pleaseWait {
				background-color: FFFFFF;
				text-align: center;
				font-size: medium;
				visibility: hidden;
				position: absolute;
				left: 200;
				top: 200;
				border: 1 solid #FFFFFF;;
				padding: 20 20 20 20;
			}
			
			td.guestcard{
				font-family:Arial,Verdana, helvetica;
				font-size:8pt;
				text-align:left;
				vertical-align:top;
			}
			p.guestcard{
				font-family:Arial,Verdana, helvetica,helv,swiss;
				font-size:8pt;
			}
			input,select,option,textarea,button{
				font-family:Arial,Verdana, helvetica,helv,swiss;
				font-size:8pt;
			}
			.errorMessage {
				color: red;
				font-style: italic;
			}
			
.residents{
	font-family:Arial,Verdana, helvetica,helv,swiss;
	font-size:10pt;
}

#txtSearch{
	font-family:Arial,Verdana, helvetica,helv,swiss;
	font-size:10pt;
	color:#000000;
}
#Searchbutton{
	font-family:Arial,Verdana, helvetica,helv,swiss;
	font-size:10pt;
	color:#000000;
}

a.whynot:link {color:#000000; 
font-size: 14px; 
font-family: Tahoma, Arial, San Serif; 
text-decoration:none;
line-height:70px;
padding: 20px 0; 
margin-bottom: 20px;
font-weight:600;}

a.whynot:visited {color:#000000; 
font-size: 14px; 
font-family: Tahoma, Arial, San Serif; 
text-decoration:none;
line-height:70px;
padding: 20px 0; 
margin-bottom: 20px;
font-weight:600;}

a.whynot:hover {color:#000000; 
font-size: 14px; 
font-family: Tahoma, Arial, San Serif; 
line-height:70px;
text-decoration:none;
padding: 20px 0; 
margin-bottom: 20px;
font-weight:600;}