@charset "utf-8";
/* CSS Document */
/*the left-hand margin denotes the depth of the element(s) to whom the rule applies. 
root elements and broadly used elements remain near the top of this document. */

body {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
margin-top:0px;
margin-left:auto;
margin-right:auto;
padding:0;
}

	a {
	color:#ebebeb;
	}


	#wrapper {
	margin:0 auto;
	
	position:relative;
	width:900px;
	}
	


/* HEADER STYLES */
		
		#header{
		width:100%;
		height:75px;
		background:#d7d7d7;
		}
		
			#header > img {
			display:inline;
			}
		
			#header > ul.number {
			position:absolute;
			top:10px;
			right:10px;
			}
			
				#header > ul.number > li {
				list-style:none;
				font-size:16px;
				}
/*END HEADER */


/*NAV STYLES */
		
		#nav {
		width:100%;
		height:23px;
		background:url(../images/nav_button1.png);
		overflow:hidden;
		}
					
			#nav > a {
			display:inline-block;
			margin:0 -2px 0 -2px;
			text-transform:uppercase;
			text-decoration: none;
			font-size:12px;
			height:22px;
			width:149px;
			padding-top:5px;
			text-align:center;
			border-right:1px solid #cccccc;
			}
			
			#nav > a:visited {
			color:#ffffff;
			}			
			
			#nav > a:hover {
			background:url(../images/nav_button_pressed1.png);
			}
			
			#nav > a:active, #nav > a.active {
			background:url(../images/nav_button_pressed1.png);
			}
			
			/*chooses all but the first a within #nav*/
			#nav > a + a {
			width:245px;
			}
			/*chooses all but the first two*/
			#nav > a + a + a {
			width:169px;
			}	
			/*chooses all but the first three*/
			#nav > a + a + a + a + a {
			border-right:none;
			}	
/*END NAV*/


/*TOP BODY STYLES*/		
		#top_body {
		width:100%;
		background:url(../images/top_body_bg.png) repeat-x top left;
		padding-top:1px;
		}
		
			#top_body > div.colored_panel {
			position:relative;
			left:9px;
			display: -moz-inline-stack;
			display:inline-block;
			zoom:1;
			*display:inline;
			margin:10px 5px 0px 0px;
			width:170px;
			height:203px;
			background-repeat:no-repeat;
			color:#fff;
			}
			
			/*The below ids get shared characteristics from the above class 'colored_panel'*/			
				#life {
				background-image:url(../images/life.png);
				}
				
				#health {
				background-image:url(../images/health.png);
				}
				
				#dental {
				background-image:url(../images/dental.png);
				}
				
				#disability {
				background-image:url(../images/disability.png);
				}
				
				#senior {
				background-image:url(../images/senior.png);
				}
				
					#top_body > div.colored_panel > h3 {
					position:relative;
					top:10px;
					left:10px;
					padding-bottom:5px;
					display:inline;
					font-size:26px;
					text-transform:capitalize;
					font-weight:300;
					}
				
					#top_body > div.colored_panel > p {
					position:relative;
					text-align:justify;
					display:inline-block;
					min-height:120px;
					left:10px;
					font-size:10px;
					width:88%;
					}
				
					#top_body > div.colored_panel > a {
					display:block;
					position:relative;
					bottom:5px;
					width:75px;
					height:20px;
					margin-left:25px;
					padding-top:3px;
					padding-right:3px;
					color:#fff;
					background:url(../images/more_bg.png);
					text-align:center;
					text-decoration:none;
					}
					
						#top_body > div.colored_panel > a:visited {
						color:#fff;
						}
					
						#top_body > div.colored_panel > a:hover > span {
						font-style:italic;
						}
					
						#top_body > div.colored_panel > a > span {
						font-size:14px;
						}
					
			   #reflection {
			   position:absolute;
			   top:315px;
			   left:10px;
			   height:162px;
			   z-index:3;
			   }
			   
			   /*The below p represents text invisible to the user, visible to the search engine*/			   
			      #reflection > p { 
				  position:absolute;
				  left:-9999px;
				  margin-left:-9999px;
				  }
				 

					/*chooses all images that are children of reflection*/			   
			   	  #reflection > img {
				  display:inline;
				  margin-right:2px;
				  }
				  		/*choose all but the first two img*/
				  		#reflection > img + img + img {
						margin-top:-3px;
						margin-left:2px;
						}
				  			/*chooses all but the first three img*/
							#reflection > img + img + img + img {
							margin-right:0px;
							}
								/*chooses all but the first four img*/
								#reflection > img + img + img + img + img {
								margin-left:3px;
								}
			      /*this is an img AFTER the reflection div (not within)*/
			   	  #reflection + img {
				  position:relative;
				  top:15px;
				  left:35px;
				  z-index:9;
				  border:2px solid #666;
				  border-left:1px solid #000000;				  				  
				  }
				  
				  #reflection + img + h1 {
				  display:inline;
				  position:relative;
				  bottom:100px;
				  left:85px;
				  text-transform:uppercase;
				  font-style:oblique;
				  font-size:18px;
				  }
				  
				  #reflection + img + h1 + p {
				  position:relative;
				  bottom:100px; 
				  left:325px;
				  width:535px;
				  font-size:12px;
				  }
/*END TOP_BODY STYLES*/


/*BOTTOM BODY STYLES*/				
		#bottom_body {
		position:relative;
		background:url(../images/bottom_bg.jpg) repeat-x;
		padding:10px 20px 20px 20px;
		font-size:12px;
		clear:both;
		}
		
		
		
			#services {
			background-color:#5b5c61;
			width:250px;
			color:#fff;
			text-align:center;
			padding-top:5px;
			display: -moz-inline-stack;
			display:inline-block;
			zoom:1;
			*display:inline;
			}
			
				#services > h3 {
				font-size:20px;
				font-weight:100;
				display:inline;
				}
				
				#services > strong {
				margin-top:10px;
				margin-left:25px;	
				text-align:left;			
				font-size:12px;
				font-weight:100;
				display:block;
				}
			
				#services > ul {
				text-align:left;
				}
				
					#services > ul > li {
					line-height:24px;
					font-size:12px;
					list-style:disc;
					font-weight:100;
					}
				
					#services > ul li.sub_list {
					list-style:circle;
					margin-left:15px;
					}
					
						
						/*This selects ALL li after the li.sub_list*/
						#services > ul > li.sub_list + li, #services > ul > li.sub_list + li + li, #services > ul > li.sub_list + li + li + li {
						list-style:circle;
						margin-left:15px;
						}
			
				.bottom_body_box {
				position:absolute;
				top:10px;
				left:345px;
				width:200px;				
				}
				/*Selects any element with the bottom_body_box class that comes after  an element with the bottom_body_box class (as originally written, the second .bottom_body_box */
				.bottom_body_box + .bottom_body_box {
				left:625px;
				}
					
				
					.bottom_body_box > img {
					border:1px solid #000;
					margin-bottom:10px;
					}
					
					.bottom_body_box > h3 {
					font-size:20px;
					font-weight:100;
					font-stretch:narrower;
					display:inline;
					}
					
					.bottom_body_box > p {
					text-align:justify;
					width:220px;
					}
					
					.bottom_body_box > a {
					display:inline-block;
					margin-left:122px;
					padding:3px;
					background-color:#ccc;
					background:url(../images/more_bg.png);
					color:#fff;
					text-align:center;
					text-decoration:none;
					min-width:100px;
					}
/*END BOTTOM_BODY*/

/*FOOTER STYES*/				
		#footer {
		width:100%;
		height:20px;
		background-color:#000;
		padding-top:15px;
		color:#ccc;
		}
		
			#footer > span {
			font-style:italic;
			font-size:9px;
			margin-left:10px;
			}
			
			#footer > span + a {
			margin-left:650px;
			}
			
			#footer > span + a + span {
			font-style:normal;
			margin:0 5px 0 5px;
			}
			
			#footer > span + a + span + a {
			margin-left:0;
			}
			
			#footer a {
			font-size:9px;
			color:#ccc;
			text-decoration:none;
			}
			
#contentblock-l, #contentblock-r {
	width:240px;
	display: -moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	vertical-align:top;
	text-align:justify;
	margin-left:10px;
	margin-right:10px;
	
}

#contentblock-l p, #contentblock-r p {
	margin-left:12px;
	margin-right:12px;
}

#contentblock-l a, #contentblock-r a {
	color:#00C;
}

#health-header-block {
	width:875px;
	margin:0px 0px 10px 13px;
	background:url(../images/health-banner.png) left no-repeat;
	height:67px;
}

#life-header-block {
	width:875px;
	margin:0px 0px 10px 13px;
	background:url(../images/life-banner.png) left no-repeat;
	height:67px;
}

#senior-header-block {
	width:875px;
	margin:0px 0px 10px 13px;
	background:url(../images/senior-banner.png) left no-repeat;
	height:67px;
}

#disability-header-block {
	width:875px;
	margin:0px 0px 10px 13px;
	background:url(../images/disability-banner.png) left no-repeat;
	height:67px;
}

#dental-header-block {
	width:875px;
	margin:0px 0px 10px 13px;
	background:url(../images/dental-banner.png) left no-repeat;
	height:67px;
}

#header-block h1 {
	font-size:3.8em;
	font-weight:bold;
	margin-left:15px;
	margin-top:8px;
	padding-top:15px;
	color:white;
}

#header-block p {
	margin:0px 30px 8px 30px;
	font-size:12px;
	text-align:justify;
}

#secondary {
	height:20px;
	background-color:#999;
	text-align:center;
	font-size:11px;
	color:#FFF;
	line-height:20px;
}

#secondary a {
	margin-left:30px;
	margin-right:30px;
	margin-top:4px;
	color:#FFF;
	text-decoration:none;
	
	
}

#secondary a:hover {
	color:#FF0;
}

.selected {
	color:#FF5C01;
}

#left {
	width:350px;
	float:left;
	margin-left:30px;
	
	font-size:12px;
}

#right {
	width:350px;
	float:right;
	margin-right:30px;
	
	font-size:12px;
}

#left h3, #right h3 {
	border-bottom:thin #000 solid;
	font-size:14px;
	margin-bottom:5px;
	
}

#left a, #right a {
	color:#00C;
}

#left ul, #right ul {
	line-height:22px;
	margin-top:5px;
}

h4 {
	margin-top:4px;
	margin-bottom:4px;
}

.column {
	width:210px;
	display:inline-block;
}

#plain h1 {
	font-size:24px;
	font-weight:bold;
	font-style:italic;
	margin-left:15px;
}

#plain {
	font-size:12px;
}

#plain p {
	font-size:12px;
	margin-left:25px;
}

#plain h3 {
	font-size:14px;
	margin-left:25px;
}

#plain a {
	color:#00C;
}

#plain ul {
	line-height:20px;
}

#map {
	margin-left:30px;
}