/* CSS Document */

body{
	margin:0px;
	background-color:#F8F8F0;
	background-image:url(images/main-body-bg.gif);
	background-repeat:repeat-x;
	background-position:top left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
}

a{color:#AE822E; text-decoration:underline;}

.clearfloats{clear:both;}

h1{ font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#AE822E; font-weight:normal; line-height:22px;}
h2{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#AE822E; font-weight:bold; line-height:16px; padding-top:10px;}
h3{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#AE822E; padding:0px; margin:0px; line-height:16px;}
h4{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#AE822E; padding-top:25px; line-height:14px; font-style:italic; width:300px; margin-left:auto;margin-right:auto;}
.gold, .gold a{color:#AE822E;}
.green, .green a{color:#426744;}
.blue, .blue a{color:#2D2D77;}
.red, .red a{color:#8C2423;}

#header-container{
	height:168px;
	background-image:url(images/main-header-bg.gif);
	background-repeat:no-repeat;
	background-position:top left;
}
	
	.logo{float:left;}

	#flash-container{
		width:352px;
		height:135px;
		position:absolute;
		top:6px;
		left:612px;
	}

#main-container{
	width:980px;
	min-height:550px;
	position:relative;
	padding-left:13px;
}
	
	#nav-container{
		width:257px;
		height:453px;
		float:left;
		margin-right:0px;
		margin-top:0px;
		margin-bottom:0px;
		background-repeat:no-repeat;
		padding:0px;
	}
	
		#nav-bg{
			min-height:208px;
			max-height:281px;
			background-image: url(images/menu-bg.gif);
		}
	
		/* Navigation Styling */
			#nav{
				width: 257px;
				margin: 0px;
				padding: 0px;
				list-style-type: none;
				display: block;
				position:relative;
			}
			
			#nav li{
				width: 257px;
				display: block;
				float:left;
				position:relative;
				background-repeat: no-repeat;
			}
			
			#nav a{ 
				display: block; 
				position:relative; 
				width: 257px; 
				height: 26px; 
				background-repeat: no-repeat;
				background-position: top left;
			}
				
			/* Up States */
				#link-home a{ height: 26px; background-image:url(images/menu-home-up.gif); }
				#link-about-us a{ height: 26px; background-image:url(images/menu-about-us-up.gif);}
				#link-retirement-villages.sub-nav-on{height: 116px; background-image:url(images/menu-rvillages-over.gif);}
				#link-retirement-villages.sub-nav-off{height: 26px; background-image:url(images/menu-rvillages-up.gif); }
				#link-retirement-villages.sub-nav-off a{height: 26px; background-image:url(images/menu-rvillages-up.gif); }
				#link-services a{ height: 26px; background-image:url(images/menu-services-up.gif); }
				#link-admissions a{ height: 26px; background-image:url(images/menu-admissions-up.gif); }
				#link-news-and-faq a{ height: 26px; background-image:url(images/menu-news-and-faq-up.gif); }
				#link-employment-opportunities a{ height: 26px; background-image:url(images/menu-employment-op-up.gif); }
				#link-contact-us a{ height: 26px; background-image:url(images/menu-contact-us-up.gif);}
			/* Hover States */
				#link-home a:hover{ height: 26px; background-image:url(images/menu-home-over.gif);}
				#link-about-us a:hover{ height: 26px; background-image:url(images/menu-about-us-over.gif);}
				#link-retirement-villages.sub-nav-off a:hover {height: 26px; background-image:url(images/menu-rvillages-over.gif);}
				#link-services a:hover{ height: 26px; background-image:url(images/menu-services-over.gif);}
				#link-admissions a:hover{ height: 26px; background-image:url(images/menu-admissions-over.gif);}
				#link-news-and-faq a:hover{ height: 26px; background-image:url(images/menu-news-and-faq-over.gif);}
				#link-employment-opportunities a:hover{ height: 26px; background-image:url(images/menu-employment-op-over.gif);}
				#link-contact-us a:hover{ height: 26px; background-image:url(images/menu-contact-us-over.gif);}
			
			#nav a span {display: none;}
			
				.sub-nav-off #sub-nav{
					display:none;
				}
				
				.sub-nav-on #sub-nav{
					width: 206px;
					height: 90px;
					padding:0px;
					margin-left: 7px;
					list-style-type: none;
					border-left: 2px solid #FFFFFF;
					border-right: 2px solid #FFFFFF;
					display: block;
					position:relative;
				}
				
				.sub-nav-on #sub-nav li{
					width: 179px;
					height: 22px;
					border-top:2px solid #FFFFFF;
					background-color:#DFC89B;
					background-image:url(images/arrow.gif);
					background-repeat: no-repeat;
					background-position:left;
					padding-top:6px;
					padding-left:60px;
					display: block;
				}
			
				#sub-nav a{
					width: 179px;
					font-family:Arial, Helvetica, sans-serif;
					font-size:12px;
					font-weight:bold;
					color:#000000;
					text-decoration:none;
				}
				
				#sub-nav a:hover{text-decoration:underline;}
			/* Navigation Styling */
	
	#content-container{
		float:left;
		max-width:680px;
		margin-left:18px;
	}
	
	#content-container ul{ list-style-type: none;padding-left:0px;margin-left:10px;}
	#content-container li{
		background-image:url(images/bullet.gif);
		background-repeat:no-repeat;
		padding-top:2px;
		padding-left:24px;
	}
		
		#column{
			float:right;
			text-align:center;
			margin-top:12px;
			margin-left:20px;
			line-height:12px;
		}
		
		.small{width:193px;}
		.big{width:214px;}
		
		.about-us{float:right;margin-left:20px;margin-top:12px;top:0px; position:relative;}
		.bishopspark, .bishopspark2, .churchill, .churchill2, .fitzgerald, .fitzgerald2, .admissions, .services{
			float:right;top:0px; position:relative; margin-left:20px;margin-top:20px;
		}
		
			#column img{ float:left; padding:0px; margin:0px;}
		
			.cta1{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#2D2D77; margin-bottom:10px; position:relative; float:left;}
			.cta2{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#426744; margin-bottom:10px; position:relative; float:left;}
			.cta3{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#8C2423; margin-bottom:10px; position:relative; float:left;}
			
			.letter{float:left;margin:0px;}
			.letter-a{ background-image:url(images/a.gif); background-repeat:no-repeat; padding-top:10px;}
			.letter-c{ background-image:url(images/c.gif); background-repeat:no-repeat; padding-top:10px;}
			.letter-i{ background-image:url(images/i.gif); background-repeat:no-repeat; padding-top:10px;}
			.letter-f{ background-image:url(images/f.gif); background-repeat:no-repeat; padding-top:10px;}
			.letter-l{ background-image:url(images/l.gif); background-repeat:no-repeat; padding-top:10px;}
			.letter-o{ background-image:url(images/o.gif); background-repeat:no-repeat; padding-top:10px;}
			.letter-t{ background-image:url(images/t.gif); background-repeat:no-repeat; padding-top:10px;}
			.letter-v{ background-image:url(images/v.gif); background-repeat:no-repeat; padding-top:10px;}
			.letter-w{ background-image:url(images/w.gif); background-repeat:no-repeat; padding-top:10px;}
			.letter-y{ background-image:url(images/y.gif); background-repeat:no-repeat; padding-top:10px;}
	
#footer-container{
	width:100%;
	height:73px;
	background-image:url(images/main-footer-bg.jpg);
	background-repeat:repeat-x;
	background-position:top left;
	padding-bottom:20px;
	margin-top:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:18px;
}
#footer-container a{ color:#000000;}
#footer-container p{ width:700px;margin-left:270px;padding-top:18px; text-align:center;}

#copyright{
	width:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#DFD4C1;
	margin:0px;
}

#copyright {margin-left:460px;padding-top:2px;}
#copyright a{color:#DFD4C1;text-decoration:underline;}