/* ------MAIN STYLES----- */

body{ margin:0; background:#ffffff url(../images/bg.jpg) repeat-x; color:#333333;}
body,td,th,input,select,textarea,input{ font-family:Arial, Helvetica, sans-serif;}
body,td,th,input,select,textarea,input{ font-size:12px;}
p{ margin:0 0 1.5em 0;}
form{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0;}
a{ color:#d82a20; text-decoration:underline;}
a:hover{ color:#999999; text-decoration:none;}
a img{ border:none;}


H1 {font-size:20px; font-weight:normal; font-family:Times New Roman, Times, serif; color:#ffffff;}
H2 {font-size:18px; font-weight:normal; font-family:Times New Roman, Times, serif; color:#333333;}
H3 {font-size:18px; font-weight:normal; font-family:Times New Roman, Times, serif; color:#d82a20;}
H4 {font-size:14px; font-weight:normal; color:#333333;}


.size14text{font-size:14px; line-height:1.2em;}
.size16text{font-size:16px; line-height:1.2em;}
.size20text{font-size:20px; line-height:1.2em;}
.size22text{font-size:22px; line-height:1.2em;}
.size24text{font-size:24px; line-height:1.2em;}



#tblACMAdminToolbar { z-index:999;}
#ctl01_lnkBlackList{display:none;}
#ctl01_hlkAll {display:none;}

/* ------CLEARING FLOATS------*/

.clear:after { content:"."; display:block; height:0; clear:both; visibility:hidden;} 
.clear { display: inline-block;}
/* Hides from IE-mac \*/
* html .clear { height: 1%;} 
.clear { display: block;}
/* End hide from IE-mac */ 


/* ------WRAPPER STLYLS------ */

#wrapper { width:952px; padding:0 4px; margin:0 auto; background:url(../images/wrap-bg.jpg) left top no-repeat;} 



/* ------HEADER STYLES------ */

#header { height:77px;}
	#logo { width:279px; float:left;}
	#toolbar-area { width:655px; padding:9px; float:left;}
		#sub-logo { width:199px; height:37px; padding:10px 10px 11px; text-align:center; background:#f5f6dc url(../images/toolbar-box-fence.jpg) top right no-repeat; float:left;}
		#search { width:198px; height:38px; padding:10px; background:#f5f6dc url(../images/toolbar-box-fence.jpg) center right no-repeat; float:left;}
		#search a { font-size:9px;}
		#toolbar-box { width:218px; background:#f5f6dc; float:left;}
			#weather-textsize { background:#e7eacc;}
		
			#weather { width:75px; height:16px; padding:6px 10px; float:left;}
			#weather span { margin-right:7px;}
			
			#textsize { width:110px; padding:7px 6px 6px; float:left;}
			#textsize span { font-size:10px; float:left;}		
			#textsize a{ display:block;float:left;width:14px; height:15px; line-height:15px; margin-left:5px;text-indent:-2000px;text-decoration:none;background-position:top;background-repeat:no-repeat;overflow:hidden;}
			#textsize a#textsize-medium{ background-image: url(../images/textsize-medium.gif);background-position:bottom;}
			#textsize a#textsize-large{ background-image: url(../images/textsize-large.gif);}
			#textsize a#textsize-extralarge{ background-image: url(../images/textsize-extralarge.gif);}
			#textsize a:hover{ background-position:bottom !important;}
			
			#top-nav-area { height:16px; padding:7px 0; _padding:6px 0; font-size:11px; background:#f5f6dc url(../images/secondary-nav-bg.gif) left top no-repeat;}
			#top-nav-area a { padding:0 6px 0 30px; font-size:11px; color:#333333; text-decoration:none; float:left;}
			#top-nav-area .home a{ width:34px; background:url(../images/icon-home.gif) 10px center no-repeat;}
			#top-nav-area .contact a{ width:41px; background:url(../images/icon-contact.gif) 10px center no-repeat;}
			#top-nav-area .login a{ width:35px; background:url(../images/icon-login.gif) 10px center no-repeat;}


/* ------CONTENT STYLES------ */

#content {}
	#left { width:279px; float:left;}
	
		#primary_nav_area { height:299px; background:url(../images/primary-nav-bg.jpg) left top no-repeat;}
	
			#partof { padding:2px 20px; font-size:24px; font-weight:normal; font-family:Times New Roman, Times, serif; color:#ffffff; background:#d1221a;}
		
			#nav{ padding:10px 0 30px; margin:0;}
			#nav ul { padding:0; margin:0; list-style:none; list-style-image:none; line-height:1;}
			#nav ul li { margin:0; list-style:none; list-style-image:none; float:left;}
		
			/* Level 1 */
		
			#nav ul li a{ width:213px; padding:7px 23px 7px 43px; display:block; font-size:16px; font-weight:normal; color:#ffffff; text-decoration:none; background:url(../images/nav-bullet.gif) 23px center no-repeat;}
			#nav ul li a:hover{}
			#nav ul li div{ color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal;}
			#nav ul li.ipf-parent div a{}
			#nav ul li.ipf-parent div a:hover{}
			#nav ul li.ipf-parent div li a{}
			#nav ul li.ipf-parent div li a:hover{}
		
			/* Level 2 */
		
			#nav ul li ul{ width:220px; margin:-28px 0 0 279px; position: absolute; border-top:1px solid #c22219; border-left:1px solid #c22219; border-right:1px solid #c22219; background:#d82a20; left:-999em; z-index:999;}
			#nav ul li ul li a{ width:180px; padding:6px 20px; padding-top:7px; padding-bottom:7px; border-bottom:1px solid #c22219; text-indent:none; font-size:14px; text-transform:none; background:#d82a20;}
			#nav ul li ul li a:hover{ background:#e84e45;}
			#nav ul li ul li.ipf-parent a{}
			#nav ul li ul li.ipf-parent a:hover{}
		
			/* Level 3 */
		
			#nav ul li ul li ul { margin:-28px 0 0 220px;}
			#nav ul li ul li ul li a{}
			#nav ul li ul li ul li a:hover{}
		
		
			#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left:-999em;}
			#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left:auto;}
			#nav li:hover, #nav li.hover {position: static;}
			
		
		.block { padding:10px 10px 10px 13px;}
		.block ul { margin:0; padding:2px 0; list-style:none;}
		.block ul li{ margin:0; padding:7px 0; list-style:none;}
		.block ul li img.left{ float:left; margin-right:5px;}
			
			
		#resident-spotlight { color:#ffffff; background:#506590;}	
			
		#club-spotlight { background:#e6f0fb;}	
			
		#resident-perks { border-bottom:1px solid #ffffff; background:#f5f6dc;}

	
	
		
	.Level1 #right { width:655px; padding:0 9px; float:left;}
	.Level2 #right { width:595px; padding:0 39px 30px; float:left;} 
	
		#slideshow {}
		
		#breadcrumb { font-size:11px; padding:0 0 30px;}
		
		#pagetitle { margin-bottom:20px; padding-bottom:5px; border-bottom:3px solid #d82a20;}
		
		.Level1 #main-content { padding:20px 15px 15px;}
		.Level1 #main-content img.left{ padding:0 15px 0 0; float:left;}
		.Level2 #main-content { padding:0;}
		.Level2 #main-content img.left{ padding:0 15px 0 0; float:left;}
		
		#links-polls { padding:20px 0 20px; border-top:3px solid #d82a20; background:url(../images/links-poll-bg.jpg) right center no-repeat;}
			#quick-links { width:400px; _width:380px; padding:0 15px; float:left;}
			#quick-links ul{ margin:0; padding:0; list-style:none;}
			#quick-links ul li{ margin:0; padding:5px 0 5px 10px; list-style:none; background:url(../images/yellow-arrow.gif) left 10px no-repeat;}
			
			#quick-polls { width:222px; margin-left:3px; padding:0 0 10px; background:url(../images/quick-poll-bg.gif) left bottom no-repeat; float:left;}
			#quick-polls-bg { padding:10px 15px 0; background:url(../images/quick-poll-bg.gif) left top no-repeat;}

		#sliding-photos {}
			#sliding-photos-header { height:20px; padding:10px 15px 10px 70px; background:url(../images/photo-gallery-header-bg.jpg) left top no-repeat;}
			#sliding-photos-header .rightlink { font-size:10px; margin-top:5px; float:right;}
			
			#sliding-photos-content { height:104px; padding:15px; background:url(../images/photo-gallery-bg.jpg) left bottom repeat-x;}
			#sliding-photos-content #temp img { margin:0 3px;}
			#sliding-photos-content #test2 img { margin:0 3px;}
			
	
	

/* ------FOOTER STYLES------ */
	
#footer{ padding:20px; background:#f5f6dc; font-size:10px;}
	#footer a{ font-size:10px; color:#333333; text-decoration:none;}
	#secondary-nav-area { width:610px; height:12px; padding:0 151px;}
		#nav2{}
		/*#nav2 ul { margin:0; padding:0; list-style:none; list-style-image:none; line-height:1; z-index:2;}
		#nav2 ul li { margin:0; list-style:none; list-style-image:none; float:left; z-index:2;}
		#nav2 ul li a{ display:block; text-decoration:none;}
		#nav2 ul li a:hover{}
		#nav2 ul li div{ font-size:10px;}
		#nav2 ul li div a{ padding:0 5px; background:url(../images/red-arrow.gif) left center no-repeat;}
		#nav2 ul li ul { display:none;}*/

	
	
	#seo { text-align:center;}