/*=================================================================================
 * Unity Christ Church of Bel Air CSS2 2008, Kevin Erickson
 * revised August 2008
 * unity.css
 *=================================================================================*/

@charset "utf-8";
/* CSS Document */
body 
{
  }
body	/*General body style - Default AKA Firefox AKA Base*/
	{
	margin:0.000em;
	padding:0.000em;
	font-family:Arial, Verdana, Helvetica, Sans-Serif;
	font-size:0.8em;
	line-height: 1.22em;
	background-color: #D6D0DE;
	color: #153C5B;
	background-image: url(../images/lotus_bg.jpg);
	background-repeat: repeat;
	}
		*:first-child+html body   	/*IE7*/
		{
			line-height: 1.22em;
		}
		html:first-child body  	/*Opera*/
		{
			line-height: 1.22em;
		}
		/*\*/
		html*body    		/*Safari*/
		{
			line-height: 1.0em;
		}
		*html body    		/*IE6*/
		{
			line-height: 1.22em;
		}
#wrapper /*General style for the wrapper div */
	{
	}
#wrapper /*General style for the wrapper div - Default AKA Firefox AKA Base*/
	{
		position: relative;
		width:800px;
		padding:0em;
		margin-top:1.5em;
		margin-right: auto;
		margin-bottom:0em;
		margin-left: auto;
		background-image: url(../images/left_nav_bk.jpg);
		background-repeat: no-repeat;
		background-position: left 90px;
	}
		*:first-child+html #wrapper   	/*IE7*/
		{
			background-position: left 86px;
		}
		html:first-child #wrapper  	/*Opera*/
		{
			background-position: left 290px;
		}
		/*\*/
		html*#wrapper    		/*Safari*/
		{
			background-position: left 86px;
		}
		*html #wrapper    		/*IE6*/
		{
			background-position: left 86px;
		}
#header /*General style for the header div */
	{
		padding: 0em;
		margin:0em;
		background-image: url(../images/header_top_left_rounded2.gif);
		background-repeat: no-repeat;
		background-position: left top;
		height: 87px;
	}
.div_style_breadcrumbs
	{
		padding-top:68px; 
		padding-bottom:3px;
	}
		*:first-child+html .div_style_breadcrumbs   	/*IE7*/
		{
			padding-top:68px; 
		}
		html:first-child .div_style_breadcrumbs  	/*Opera*/
		{
			/*default*/
		}
		/*\*/
		html*.div_style_breadcrumbs    		/*Safari*/
		{
			padding-top:70px; 
		}
		*html .div_style_breadcrumbs    		/*IE6*/
		{
			padding-top:68px; 
		}
 .img_header
	{
	margin-left: 0em;
	margin-top: 0em;
	margin-bottom: 0em;
	float: right;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	}
#header_img_ctr /*Div that hold the center image of the header*/
	{
		padding: 0em;
		margin:0em;
		background-image: url(../images/header_top_left_lilly_pads.jpg);
		background-repeat: no-repeat;
		background-position: 68px top;
	}
#header_img_btm /*Part of the header. The bottom image and breadcrumbs */
	{
		padding: 0em;
		margin:0em;
		background-image: url(../images/header_blue.gif);
		background-repeat: no-repeat;
		background-position: left bottom;
	}
	#header_img_btm div a  /*Styles the breadcrumbs links*/
		{
			color:#FFFFFF;
			text-decoration:none;
		}
#main /*General style for the main div*/
	{
		width:321px;
		/*height: 39.063em;*/
		float:left;
		background-color: #fff;
		padding-top: 17px;
		padding-right: 30px;
		padding-bottom: 7px;
		padding-left: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 35px;
	}
		*:first-child+html #main   	/*IE7*/
		{
			/*default*/
		}
		html:first-child #main  	/*Opera*/
		{
			/*default*/
		}
		/*\*/
		html*#main    		/*Safari*/
		{
			/*default*/
		}
		*html #main    		/*IE6*/
		{
			padding-right: 0px;
		}
	#main a /*Style for links in the main div*/
		{
			text-decoration: underline;
			color: #666;
		}
	#main a:hover /*Style for link hovers in the main div */
		{
			text-decoration: underline;
			color: #333;
			background-color: #ccc;
		}
	#main ul /*list style for the #main div*/
		{
			margin-top: 0.200em;
			clear: left;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 0.781em;
			line-height: 1.400em;
			color: #333;
		}
#main_garden /*General style for the main div*/
	{
		width:270px;
		float:left;
		background-color: #fff;
		padding-top: 17px;
		padding-right: 0px;
		padding-bottom: 7px;
		padding-left: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 35px;
	}
#main_people /*General style for the main div*/
	{
		width:630px;
		float:left;
		background-color: #fff;
		padding-top: 17px;
		padding-right: 0px;
		padding-bottom: 20px;
		padding-left: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 35px;
	}
	#main_people p {
		padding-right: 12px;
	}
.list_style1 li /*General list styel*/
	{
	font-size: 0.900em;
	margin-top: 18px;
	margin-bottom: 18px;
	margin-left: -39px;
	list-style-image: url(../images/li_box.gif);
	list-style-position: inside;
	}
		*:first-child+html .list_style1 li   	/*IE7*/
		{
			list-style-image: url(../images/li_box_ie7.gif);
			margin-left: -49px;
		}
		html:first-child .list_style1 li  	/*Opera*/
		{
			/*default*/
		}
		/*\*/
		html*.list_style1 li    		/*Safari*/
		{
			/*default*/
		}
		*html .list_style1 li    		/*IE6*/
		{
			list-style-image: url(../images/li_box_ie7.gif);
			margin-left: -44px;
		}
/* leftnav Begin *************************************************************************************/
#leftnav /*left navigation placement and size*/
	{
		width:131px;
		float:left;
		margin:0em;
		padding-top: 5px;
		font-size:.95em;
	}
*:first-child+html #leftnav /*IE7 only list style for the #left navigation div*/
	{
		padding-top:0.000em;
	}
#leftnav div /*left navigation style for divs*/
	{
	}
.fullinkdiv /* needed placeholder for top nav to work properly */
	{	
		width:0em;
	}
.leftnav_link a, .leftnav_nolink, .leftnav_sub a 
	{
		color: #153C5B;
		font-weight: bold;
		text-decoration: none;
		display:block;
		padding-top: 0.500em;
		padding-bottom: 0.500em;
		padding-left: 0.450em;
		padding-right: 0.000em;
	}
.leftnav_link a:hover, .leftnav_nolink, .leftnav_nolink:hover, .leftnav_nolink a:hover, .leftnav_sub a, .leftnav_sub a:hover
	{
		background: #87B3D0; /*hover and placeholder color*/
		color: #fff;
	}
* html .leftnav_link a:hover /*Adjustment for ie 6 and below for the roll-over background*/
	{
		background-image: url();
		background-repeat: no-repeat;
	}
.leftnav_nolink /*cursor style while hover on the style*/
	{
		cursor: default;
	}
.leftnav_bottom     /*Default AKA Firefox AKA Base*/
	{
			 margin-top:174px;
	}
	*:first-child+html .leftnav_bottom   /*IE7*/
		{
			 margin-top:160px;
		}
	html:first-child .leftnav_bottom  /*Opera*/
		{
			 margin-top:120px;
		}
	/*\*/
	html*.leftnav_bottom    /*Safari*/
		{
			 margin-top:184px;
		}
	*html .leftnav_bottom    /*IE6*/
		{
			 margin-top:130px;
		}
*html .padding_top
	{
		padding-top:2em;
	}

/* leftnav End ***************************************************************************************/
#right_column
	{
		float:right;
		width: 258px;
		margin-right: 15px;
	}
#right_column a
	{
		color:#326289;
		text-decoration:none;
	}
#right_column a:hover
	{
		color:#153C5B;
		/*text-decoration:underline;*/
	}
#right_column p
	{
		font-size: 1.1em;
	}
.rightnav_heading
	{
		font-size:1.2em;
		text-align:center;
		padding-top:4px;
		text-transform: uppercase;
	}
p      					/*general paragraph style - Default AKA Firefox AKA Base*/
	{
		/*default*/
	}
		*:first-child+html p   	/*IE7*/
		{
			margin-top:5px;
			margin-bottom:12px;
		}
		html:first-child p  	/*Opera*/
		{
			/*default*/
		}
		/*\*/
		html*p    		/*Safari*/
		{
			/*default*/
		}
		*html p    		/*IE6*/
		{
			margin-top:-5px;
		}
.center 
	{
		text-align: center;
	}
#footer 
	{
		clear: both;
		text-align: center;
		background-color: #326289;
		padding-top: 0.2em;
		padding-right: 0.5em;
		padding-left: 0.7em;
		padding-bottom: 0.5em;
		color: #fff;
		border-top-width: 1px;
		border-top-style: solid;
		border-top-color: #fff;
	}
#footer a /*footer links style*/
	{
		color: #fff;
		text-decoration: none;
		padding-left:5px;
		padding-right:5px;
	}
#footer a:hover /*footer links hover style*/
	{
		color: #fff;
		text-decoration: underline;
	}
#header_breadcrumbs 
	{
		background-color: #89824D;
		color: #FFFFFF;
		margin-top: 70px;
		padding-bottom: 1px;
	}
.text_spacer
	{
		color:#BEA0E9;
		font-weight: bold;
	}
.img_pointer /*keeps the pointer style on the mouse cursor*/
	{
		border: 0.078em solid #333;
	}
.img_align_rt_brdr 
	{
		float: right;
		margin-right: 2em;
		margin-left: 0.833em;
		margin-bottom: 0.167em;
		border: 0.083em solid #000;
	}
.img_align_lt_brdr 
	{
		float: left;
		border: 0.100em solid #000000;
		margin-right: 1.000em;
		margin-top: 0.200em;
		margin-bottom: 0.200em;
	}
#wrapper #header .div_container .img_align_lt_brdr 
	{
		float: left;
		border: 0.028em solid #000000;
		margin-right: 0.278em;
		margin-top: 0.056em;
		margin-bottom: 0.056em;
	}
#wrapper #main .img_align_lt_brdr 
	{
		float: left;
		border: 0.100em solid #000000;
		margin-right: 1.000em;
		margin-top: 0.200em;
		margin-bottom: 0.200em;
	}
.img_align_lt /*as of 012808 not used*/
	{
		float: left;
		margin-right: 1.000em;
		margin-top: 0.200em;
		margin-bottom: 0.200em;
	}
.img_align_rt /*align image right*/
	{
		margin-left: 0em;
		margin-top: 0.2em;
		margin-bottom: 0.2em;
		float: right;
	}
.img_align_rt_middle_column /*align image right*/
	{
		margin-left: .3em;
		margin-top: 0.2em;
		margin-bottom: 0.3em;
		float: right;
	}
.img_align_lt_link /*left aligned image to be used as a link*/
	{
		float: left;
		margin-right: 1.000em;
		margin-top: 0.200em;
		margin-bottom: 0.200em;
		cursor: pointer;
	}
.img_align_ctr_brdr /*align image centered with a border*/
	{
		margin-left: 1.000em;
		margin-right: 1.000em;
		margin-bottom: 0.200em;
		border: 1px solid #000000;
	}
.div_container /*wrapper to contain images and text*/
	{
		overflow: hidden;
		width: 100%;
		margin-bottom: 0.391em;
	}
#wrapper #header .div_container /*wrapper to contain images and text in the header only*/
	{
		overflow: hidden;
		width: 100%;
		margin-bottom: 0.139em;
	}
.img_align_rt_brdr2 
	{
		float: right;
		border: 1px double #330000;
		padding: 1px;
		cursor: pointer;
	}
.img_padding_left_right
	{
		margin-top: 0.2em;
		margin-bottom: 0.2em;
		float: right;
		padding-left:50px;
		padding-right:30px; 
	}
.show_hide_text 
	{
		color: #666;
		text-decoration: none;
		cursor: pointer;
	}
.show_hide_text :hover 
	{
		color: #FF6600;
		text-decoration: underline;
		cursor: pointer;
	}
h1 
	{
		font-size: 2em;
		line-height: 1em;
		color: #4D8851;
	}
*:first-child+html h1 
	{
		padding-top: 2px;
		margin-top: -5px;
	}
h2 
	{
		font-size: 1.05em;
		font-weight: bold;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		line-height: 1.2em;
		margin-bottom: 2px;
		text-decoration: none;
	}
h3 
	{
		font-size: .9em;
		font-weight: bold;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		line-height: 1.22em;
		margin-bottom: 2px;
		text-decoration: none;
	}
.nav 
	{  
		font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 14px; color: #663366; font-weight: bold;  text-decoration: none
	}
a.nav:hover 
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		line-height: 14px;
		color: #CC9999;
		font-weight: bold;
		text-decoration: underline;
	}
.email 
	{  
		color: #FFF; 
		font-weight: bold;  
		text-decoration: none
	}
a.email:hover 
	{
		color: #999999;
		font-weight: bold;
		text-decoration: underline;
	}
	a.tele 
	{
		text-decoration: none;
		cursor: default;
	}
a.tele:hover 
	{
		text-decoration: none;
		cursor: default;
		background-color: #fff;
	}
table 
	{
		font-size: 10px;
		color: #333;
	}
/* BEGIN Stacking div boxes that will line up across the page and drop to the next line as needed ******/
.wrapper_stack /*style that wraps stacks of smaller blocks of images and/or text*/
	{
		position: relative;
		padding: 0;
		margin-top: 0px;
		margin-right: auto;
		padding-bottom: 20px;
		/*margin-left: auto;*/
		display: inline;
	}
.wrapper_stack img /*style for images' margins*/
	{
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
	}
*html .wrapper_stack img /*IE 6 fix*/
	{
		margin: 0px;
	}
*:first-child+html .wrapper_stack img /*IE 7 fix*/
	{
		margin: 0px;
	}
.wrapper_stack a /*linked objects style*/
	{
		float: left;
		border: 1px solid #ccc;
		padding: 4px;
		margin: 2px;
	}
.wrapper_stack a:hover /*hover style for linked objects*/
	{
		float: left;
		border: 1px solid #336600;
		background-color: #99FF00;
	}
.wrapper_stack_blue /*style that wraps stacks of smaller blocks of images and text*/
	{
		position: relative;
		/*width:100%;*/
		padding: 0;
		margin-top: 0px;
		margin-right: auto;
		margin-bottom: 0;
		margin-left: auto;
		border-bottom: 3px solid #CFDAF1;
		display: inline;
	}
.stack_left_blue /*style that stacks smaller blocks of images and text*/
	{
		float: left;
		background-color: #EDF1FA;
		border: 3px solid #CFDAF1;
		max-height:110px;
		width:290px;
		height: 130px;
		margin-right: -3px;
		margin-bottom: -3px;
		padding-right: 2px;
		padding-left: 2px;
	}
/* END Stacking div boxes that will line up across the page and drop to the next line as needed ******/
/* BEGIN table*************************************************************************************/
table.table_style_3
	{
		width: 80%;
		text-align:left;
		margin-left:25px;
		vertical-align:top;
		border-spacing: 2px;
		border-collapse: collapse;
		background-color: #E63E5B;
		line-height:13px;	/*border-collapse: collapse; border: solid;*/
		border: 2px solid #C86931;
		/*border: 5px solid #E2D7C5;*/
	}
table.table_style_3 th
	{
		padding-bottom: 5px;
		padding-left: 5px;
		font-weight: bold;
		text-align: center;
		border: 2px solid #000066;
	}
table.table_style_3 td
	{
		padding:5px;
		vertical-align:top;
		border: 2px solid #000066;
	}
table.table_style_3 td:hover
	{
		background-color: #fff;
	}
table.table_style_3 .tr_header_row /*Top row of table header*/
	{
		text-align:center;
		padding:5px;
		background-color: #C8CBDF;
		vertical-align:top;
	}
table.table_style_3 .tr_header_row2 /*Second row of table header*/
	{
		text-align:center;
		padding:5px;
		vertical-align:top;
	}
table.table_style_3 caption
	{
		font-size:12px;
		padding-bottom: 3px;
	}
/* END table*************************************************************************************/
/*Begin rounded corners**************************************************************************/
/* set millions of background images */
.rbroundbox { background: url(../images/rounded_corners/bk.gif) repeat; }
.rbtop div { background: url(../images/rounded_corners/top_left.gif) no-repeat top left; }
.rbtop { background: url(../images/rounded_corners/top_right.gif) no-repeat top right; }
.rbbot div { background: url(../images/rounded_corners/bot_left.gif) no-repeat bottom left; }
.rbbot { background: url(../images/rounded_corners/bot_right.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop 
	{
		width: 100%;
		height: 34px;
	}
.rbbot div, .rbbot 
	{
		width: 100%;
		height: 40px;
	}
.rbcontent 
	{
		margin-top: 0;
		margin-right: 7px;
		margin-bottom: -30px;
		margin-left: 15px;
		color: #326289;
		font-size: .9em;
	}
.rbroundbox { margin: 1em auto; }
*html .em_style
	{
		margin-left:-2px;
	}
/*End rounded corners*****************************************************************************/
/*Begin CSS style switch *************************************************************************************************/
#css_switch 
	{
		color:#999999;
	}
		#css_switch ul 
			{
				display: inline;
			}
		#css_switch ul li /*Styles the list items in the UL*/
			{
				display: inline;
			}
		#css_switch a /*Styles the list items in the UL*/
			{
				text-decoration:none;
				color:#999999;
			}
		#css_switch #switchform 
			{
				margin-top: 5px;
				padding-right:4px;
				text-align: right;
			}
/*End CSS style switch *************************************************************************************************/
/*Begin browser Hack *************************************************************************************************/
#style_name      					/*Default AKA Firefox AKA Base*/
	{
		/*default*/
	}
		*:first-child+html #style_name   	/*IE7*/
		{
			/*default*/
		}
		html:first-child #style_name  	/*Opera*/
		{
			/*default*/
		}
		/*\*/
		html*#style_name    		/*Safari*/
		{
			/*default*/
		}
		*html #style_name    		/*IE6*/
		{
			/*default*/
		}
/*End browser Hack *************************************************************************************************/