﻿/* ----------------------------------------------------------------------------
version:	1.0
author: 	LRS Web Solutions
date:		Feb 18, 2010
title:		Main Stylesheet
---------------------------------------------------------------------------- */





/* ----------------------------------------------------------------------------
TABLE OF CONTENTS

 1.	HTML ELEMENTS
 2. BACKGROUND CONTAINERS 
 3. LAYOUT ELEMENTS
 4. MAIN SECTION
 4-1. HEADER
 4-1-1. GLOBAL NAVIGATION
 4-1-2. SEARCH AREA
 4-2. SIDEBAR
 4-2-1. BRANDING
 4-2-2. MAIN NAVIGATION
 4-2-3. SECONDARY NAVIGATION
 5. FEATURED CONTENT
 6. FOOTER
 7.
 8.
 9.
10.

---------------------------------------------------------------------------- */





/* ----------------------------------------------------------------------------
=1. HTML ELEMENTS
---------------------------------------------------------------------------- */
html{
	background:transparent url(/images/b-top.gif) repeat-x 0 0;
	height:100%;
}
body{
	background:transparent url(/images/b-topFull.gif) no-repeat top center;
	height:100%;	
	min-width:995px;
}
a span{
	margin:0 0 0 5px;
}





/* ----------------------------------------------------------------------------
=2. LAYOUT ELEMENTS
---------------------------------------------------------------------------- */
#nonFooter{
	height:100%;
	height:auto;
	min-height:100%;
	position:relative;
	z-index:8;
}
#nonFooterContent{
	padding-bottom:345px;
	position:relative;
	z-index:inherit;
}
.container{
	clear:both;
	float:none;
	margin:0 auto;
	padding:0 5px;
	position:relative;
	width:945px;
	z-index:inherit;
}





/* ----------------------------------------------------------------------------
=4. MAIN SECTION
---------------------------------------------------------------------------- */
#main{
	clear:both;
	float:none;
	position:relative;
	z-index:16;
}





	/* ------------------------------------------------------------------------
	=4-1. HEADER
	------------------------------------------------------------------------ */
	#header{
		float:right;
		position:relative;		
		width:754px;
		z-index:inherit;
	}
	
	
	
	
	
		/* --------------------------------------------------------------------
		=4-1-1. GLOBAL NAVIGATION
		-------------------------------------------------------------------- */
		#globalNavigation{
			display:block;
			overflow:hidden;
			margin:16px 0 0 0;
			padding:0 20px 0 0;					
		}
		#globalNavigation li{
			display:block;
			float:left;
			padding:0;
		}
		#globalNavigation li a{
			border-right:2px solid #51bee3;
			display:block;
		}
		#globalNavigation li#n0-Home{
			padding:0 17px 0 50px;
		}
		#globalNavigation li#n0-Home a{
			padding:0 17px 0 50px;
		}
		#globalNavigation li#n0-FindADoc{
			padding:0 17px 0 0;
		}
		#globalNavigation li#n0-FindADoc a{
			padding:0 17px 0 0;
		}
		#globalNavigation li#n0-MyBill{
			padding:0 17px 0 0;
		}
		#globalNavigation li#n0-MyBill a{
			padding:0 17px 0 0;
		}
		#globalNavigation li#n0-Prayer{
			padding:0 17px 0 0;
		}
		#globalNavigation li#n0-Prayer a{
			padding:0 17px 0 0;
		}
		#globalNavigation li#n0-JoinOurTeam{
			padding:0 17px 0 0;
		}
		#globalNavigation li#n0-JoinOurTeam a{
			padding:0 17px 0 0;
		}
		#globalNavigation li#n0-Locations{
			padding:0 17px 0 0;
		}
		#globalNavigation li#n0-Locations a{
			padding:0 17px 0 0;
		}
		#globalNavigation li#n0-ContactUs a{
			border-right:none;
		}
		
		
		
		
		
		/* --------------------------------------------------------------------
		=4-1-2. SEARCH AREA
		-------------------------------------------------------------------- */
		#searchArea{
			/*background:red;*/
			clear:both;
			height:25px;
			line-height:25px;
			margin:16px 0 8px 438px;
			vertical-align:middle;
			width:305px;
			
		}
		#searchArea label{
			float:left;
			margin:4px 9px 0 0;
			line-height:11px;
		}
		#searchArea input.textbox{
			background:url(/images/b-search-textbox.png) no-repeat 0 0;
			/*background:#ebfaff;
			border-top:1px solid #8cc0d3;
			border-right:1px solid #f3fcff;
			border-bottom:1px solid #f7fdff;
			border-left:1px solid #d9cada;*/
			border:none;
			color:#a1bad0;
			float:left;
			font-size:12px;
			margin:0px 9px 0 0;
			padding:3px 7px 3px 7px;
			width:180px;
		}
		#searchArea input.searchButton{
			float:left;
			margin:0 0 0 0;
		}
		
		
		
		
		
	/* ------------------------------------------------------------------------
	=4-2. SIDEBAR
	------------------------------------------------------------------------ */
	#sidebar{
		background:url(/images/b-sidebar.png) no-repeat 6px 0;
		float:left;
		height:606px;
		position:relative;
		width:188px;
		z-index:23;
	}
	
	
	
	
	
		/* --------------------------------------------------------------------
		=4-2-1. BRANDING
		-------------------------------------------------------------------- */
		#branding{
			height:190px;
			margin:9px 0 19px 13px;
			width:160px;
		}
		#branding a{
			background:url(/images/logo-StMarysHospital.png) no-repeat 0 0;
			display:block;
			height:190px;
			text-indent:-10000px;
			width:160px;
		}
		
		
		
		
		
		/* --------------------------------------------------------------------
		=4-2-2. MAIN NAVIGATION
		-------------------------------------------------------------------- */
		#mainNavigation{
			display:block;
			margin:0 0 19px 0;
			position:relative;
			z-index:42;
		}
		#mainNavigation li{
			display:block;
			position:relative;
			width:181px;
		}
		#mainNavigation li a{
			background-image:url(/images/b-mainNavigation.png);
			background-repeat:no-repeat;
			display:block;
			padding:0 10px 0 16px;
			width:155px;
		}
		#mainNavigation li a.n1AboutUs{
			display:block;
			height:30px;
			line-height:30px;
		}
		#mainNavigation li  a.n1AboutUs {
			background-position:0 0;
		}
		#mainNavigation li a.n1AboutUsOn{
			display:block;
			height:30px;
			line-height:30px;
	        background-position:-181px 0;
		}
		#mainNavigation li  a.n1AboutUsOn {
			background-position:0 0;
		}
		#mainNavigation li:hover >  a.n1AboutUs,
		#mainNavigation li:hover > a.n1AboutUs,
		#mainNavigation li a.n1AboutUsOn:hover,
		#mainNavigation li a.n1AboutUsOn:hover {
			background-position:-181px 0;
		}
	
		
		#mainNavigation li a.n1AboutUsOn {
			background-position:-362px 0;
		}
		
		#mainNavigation li .n1Info{
			display:block;
			height:30px;
			line-height:30px;
		}
		
		#mainNavigation li .n1InfoOn{
			display:block;
			height:30px;
			line-height:30px;
	background-position:-181px 0;
		}

		#mainNavigation li a.n1Info {
			background-position:0 -30px;		 
	 	}
		#mainNavigation li a.n1Info:hover, 
		#mainNavigation li a.n1Info:hover ,
		#mainNavigation li a.n1InfoOn:hover, 
		#mainNavigation li a.n1InfoOn:hover{
			background-position:-181px -30px;
		}
		#mainNavigation li a.n1InfoOn{
			background-position:-362px -30px;		
		}
		
		#mainNavigation li .n1OurServices{
			display:block;
			height:33px;
			line-height:33px;
		}
		#mainNavigation li a.n1OurServices {
			background-position:0 -60px;		 
		}
		#mainNavigation li a.n1OurServices:hover, 
		#mainNavigation li a.n1OurServices:hover, 
		#mainNavigation li a.n1OurServicesOn:hover, 
		#mainNavigation li a.n1OurServicesOn:hover{
			background-position:-181px -60px;
		}
		#mainNavigation li a.n1OurServicesOn{
			background-position:-362px -60px;
		}
		#mainNavigation li .n1OurServicesOn{
			display:block;
			height:33px;
			line-height:33px;
		background-position:-181px 0;
		}
		#mainNavigation ul{
			display:none;
		}
		#mainNavigation li ul{
			left:181px;
			margin:0;			
			position:absolute;top:1px;
		}
		#mainNavigation li ul li{
			background:none;
			background:url(/images/b-flyoutItem.png) repeat-y top right;
			display:block;
			height:auto;
			padding:1px 18px 1px 11px;
			width:186px;top:1px;
		}
		#mainNavigation .firstItem{
			background:url(/images/b-flyoutTop.png) no-repeat top right;
			padding-top:11px;
		}
		#mainNavigation .lastItem{
			background:url(/images/b-flyoutBottom.png) no-repeat bottom right;
			padding-bottom:20px;
		}	
		#mainNavigation li ul li a, #mainNavigation li ul li ul li a{
			background:none;
			height:auto;
			display:block;
			line-height:14px;
			padding:3px 8px;
		}	
		#mainNavigation li ul li a, #mainNavigation li ul li ul li a{
			color:#a09d9d;
			font-size:11px;
			line-height:14px;
			text-transform:none;
			font-weight:normal;
			font-style:normal;
		}
		#mainNavigation li ul li a:hover, #mainNavigation li ul li:hover a{
			color:#286a94;
			background:#eef9fd;
			border-top:1px solid #bfc2c3;
			border-bottom:1px solid #bfc2c3;
			padding:2px 8px;
		}

		#mainNavigation li ul li:hover ul li a{
			background:none;
			border:none;
			height:auto;
			display:block;
			line-height:14px;
			padding:3px 8px;
		}
		#mainNavigation li ul li:hover ul li a{
			color:#a09d9d;
			font-size:11px;
			line-height:14px;
			text-transform:none;
			font-weight:normal;
			font-style:normal;
		}
		#mainNavigation li ul li ul li a:hover, #mainNavigation li ul li ul li:hover a{
			color:#286a94;
			background:#eef9fd;
			border-top:1px solid #bfc2c3;
			border-bottom:1px solid #bfc2c3;
			padding:2px 8px;		
		}
		#mainNavigation li:hover ul{
			display:block;
		}
		#mainNavigation li:hover ul ul{
			display:none;			
		}
		#mainNavigation li ul li:hover ul{
			display:block;
		}		
		#mainNavigation li ul li ul{
			left:208px;		
			position:absolute;
			z-index:815;
		}
		#mainNavigation li .n1AboutUs ul{
			top:0;
		}
		#mainNavigation li .n1Info ul{
			top:-30px;
		}
		#mainNavigation li .n1OurServices ul{
			top:-60px;
		}		
		#mainNavigation li .n1AboutUs li ul, #mainNavigation li .n1Info li ul, #mainNavigation li .n1OurServices li ul{
			top:0px;	
		}
		 
		
		
		
		
		/* --------------------------------------------------------------------
		=4-2-3. SECONDARY NAVIGATION
		-------------------------------------------------------------------- */

		#mainNavigation .secondaryNavigation{
			margin:15px 0 0 0;
			position:relative;
			z-index:23;
		}
		
	#mainNavigation .secondaryNavigationOn{
			margin:15px 0 0 0;
			position:relative;
			z-index:23;
		}
		
		#mainNavigation  li .secondaryNavigation{
			display:block;
			height:31px;
			line-height:31px;			
			width:181px;	
		}
		#mainNavigation li a.secondaryNavigation{
			background:url(/images/b-secondaryNavigationA.png) no-repeat 0 0;
			display:block;
			height:20px;
			line-height:20px;
			padding:0 10px 0 16px;
			width:155px;
		}
		#mainNavigation  li a.secondaryNavigation:hover{
			background-position:0 -20px;
		}
		#mainNavigation .secondaryNavigation ul{
			display:none;
		}
		
		
		
		
		
	/* ------------------------------------------------------------------------
	=4-2. CONTENT
	------------------------------------------------------------------------ */
	#content{
		float:right;
		position:relative;
		width:754px;
		z-index:inherit;
	}
	#flashArea{
		background:transparent;
		height:304px;
		margin:0 0 7px 0;
		position:relative;		
		width:754px;
		z-index:inherit;
	}
	#flashContent{
		background:transparent;	
	}
	#whatsNewArea{
		background:#ffffff url(/images/b-whatsNewArea.gif) no-repeat bottom;
		clear:left;
		float:left;
		padding:0 9px 20px 9px;
		position:relative;
		width:393px;
		z-index:inherit;
	}
	#whatsNewArea h2{
		padding-left:7px;
		position:relative;
	}
	#whatsNewContent{
		height:186px;
		width:393px;
	}
	
	#whatsNewContent ul{
		height:186px;
		overflow:hidden;
		padding:0 26px 0 0;
		width:375px;
	}
	#whatsNewContent ul li{
		border-bottom:1px solid #c9ecf8;
		display:block;
		line-height:1.45em;
		overflow:hidden;
		padding:7px 5px 9px 7px;
		position:relative;
		width:363px;
	}
	#whatsNewContent ul li:hover, #constructionUpdatesArea ul li:hover{	
		background:url(/images/b-newsItem.gif) repeat-x 0 0;
	}
	#whatsNewContent ul li .date, #constructionUpdatesArea ul li .date{
		float:left;
		width:65px;
	}
	#whatsNewArea ul li .teaser,  #constructionUpdatesArea ul li .teaser{
		float:left;
		padding-right:5px;
		width:241px;
	}
	#whatsNewContent ul li .teaser a, #constructionUpdatesArea ul li .teaser a{
		color:#838383;
	}
	#whatsNewContent ul li .teaser a:hover, #constructionUpdatesArea ul li .teaser a:hover{
		color:#838383;
	}	
	#whatsNewArea ul li .moreLink,  #constructionUpdatesArea ul li .moreLink{
		color:#0072bc;
		float:left;
		text-align:right;
		width:46px;
	}
	#whatsNewArea ul li .moreLink:hover,  #constructionUpdatesArea ul li .moreLink:hover{
		color:#66cc99;
	}
	#whatsNewArea ul li .moreLink span,  #constructionUpdatesArea ul li .moreLink span{
		color:#66cc99;
	}
	#whatsNewArea ul li .moreLink:hover span,  #constructionUpdatesArea ul li .moreLink:hover span{
		color:#0072bc;
	}	
	#constructionUpdatesArea{
		clear:left;
		float:left;
		width:377px;
		position:relative;
		padding:0 25px 20px 9px;
		z-index:inherit;
	}
	#constructionUpdatesArea h2{
		padding-left:7px;
	}
	#constructionUpdatesArea ul li{
		display:block;
		line-height:1.45em;
		overflow:hidden;
		padding:7px 5px 9px 7px;
		position:relative;
		width:363px;
	}
	
	#calloutArea{
		background:#ffffff url(/images/b-calloutArea.png) no-repeat 0 0;
		clear:right;
		display:block;
		float:right;
		margin:0 0 7px 0;
		overflow:hidden;
		padding:0 4px 0 22px;
		position:relative;
		width:310px;
		z-index:inherit;
	}
	#calloutBoxes{
		margin-bottom:15px;
	}
	.calloutBox{
		border-top:1px solid #9fdbef;
		border-bottom:1px solid #9fdbef;
		border-collapse:none;
		height:84px;
		margin:15px 0 0 0;
		overflow:hidden;
		padding:6px 10px 0 10px;
		position:relative;
		width:290px;
		z-index:inherit;
	}
	.calloutBox h2{
		position:relative;
		z-index:108;
	}
	.calloutBox p{
		display:block;
		line-height:1.1em;
		position:relative;
		width:170px;
		z-index:108;
	}
	.calloutBox a.calloutButton{
		background:transparent url(/images/b-calloutButton.png) no-repeat 0 0;
		bottom:0;
		display:block;
		height:22px;
		left:0;
		line-height:22px;
		padding-top:4px;
		position:absolute;
		text-align:center;
		width:150px;
		z-index:42;
	}
	.calloutBox a.calloutButton:hover{
		background-position:0 -26px;
	}
	.calloutBox img{
		left:0;	
		position:absolute;
		top:0;
		z-index:4;
	}
	
	
	
	
	
/* ----------------------------------------------------------------------------
=5. FEATURED CONTENT
---------------------------------------------------------------------------- */
#featured{
	background:url(/images/b-featured.png) repeat-x 0 0;
	padding:0 0 7px 0;
	position:relative;
	z-index:15;
}
#featured .container{
	background:url(/images/b-featuredcontainer.gif) no-repeat 0 0;
}
#featureBoxes{
	clear:both;
	display:block;
	overflow:hidden;
}
.featureBox{
	display:block;
	float:left;
	height:119px;
	margin:0 1px;
}
#box1 h2, #box2 h2, #box3 h2{
	float:left;
	padding-right:12px;
}
#box1 .mainLink, #box2 .mainLink, #box3 .mainLink{
	float:left;
	margin-top:10px;
}
#box1 p, #box2 p, #box3 p{
	clear:both;
	float:none;
}
#box1{
	padding:10px 19px 0 0;
	width:293px;
}
#box2{
	padding:10px 19px 0 19px;
	width:274px;
}
#box3{
	padding:10px 0 0 19px;
	width:293px;
}
#box3 div{
	display:none;
}
#box3 .active{
	display:block;
}
.tabs{
	background:url(/images/b-featuredTabs.gif) no-repeat 0 0;
	bottom:5px;
	overflow:hidden;
	position:absolute;
	width:290px;
}
.tabs li{
	display:block;
	height:32px;
	float:left;
}
.tabs li a{
	background:url(/images/b-featuredButton.gif) no-repeat -300px -300px;
	display:block;
	height:32px;
	line-height:32px;
	text-align:center;
	width:125px;
}
.tabs li a.currentTab{
	background-position:0 0;
}
.tabs li a:hover{
	background-position:0 -32px;
}



/* SUBPAGE STUFF */
#spBanner{
	background:url(/images/b-bannerArea.png) no-repeat 0 0;
	height:153px;
	width:755px;
}

#submenu {
   float:left;
   width:100%;
   overflow:hidden;
   position:relative;
}
#submenu ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}
#submenu ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
}

.spNavigation{
	background:url(/images/b-sp-tabArea.gif) no-repeat;
	clear:both;
	display:block;
	float:left;
	margin-left:2px;
	width:755px;
}
.spNavigation li{
	display:block;
	float:left;
	height:36px;
}
.spNavigation li a.firstItem{
	display:block;
	 border-style:none;
	padding:0 6px 0 4px;
	float:left;
	height:36px;
}

.spNavigation li a.firstItemOn{
	display:block;
	 border-style:none;  
	background-position:center -36px;
	padding:0 6px 0 4px;
	float:left;
	height:36px;
}
.spNavigation li a.firstItem:hover
{
    	background-position:center -36px;
}


.spNavigation li a.submenu{
	display:block;
	border-left:1px solid #f2fafd;
    padding:0 6px 0 6px;	
	float:left;
	height:36px;
}
.spNavigation li a.submenu-dummy{
	display:block;
	float:left; 
	height:36px; color:#c1e9f7; cursor:none;
}
.spNavigation li a.submenu-dummyOn{
	display:block;
	float:left;
	height:36px;
	color:#c1e9f7; cursor:none;
}
.spNavigation li a.submenuOn{
	display:block;
	 border-style:none;  
	 padding:0 6px 0 6px;
	border-left:1px solid #f2fafd;
	  	background-position:center -36px;
	float:left;
	height:36px;
	
}
.spNavigation li a.submenu:hover
{
    	background-position:center -36px;
}

.spNavigation li a.lastItem{
	display:block;
	 border-style:none;
	border-left:1px solid #f2fafd;
	padding:0 2px 0 6px;
	float:left;
	height:36px;
}

.spNavigation li a.lastItemOn{
	display:block;
	 border-style:none;  
	border-left:1px solid #f2fafd;
	background-position:center -36px;
	padding:0 2px 0 6px;
	float:left;
	height:36px;
	
}
.spNavigation li a.lastItem:hover
{
    	background-position:center -36px;
}

.spNavigation li a{
	background:url(/images/b-sp-tabs.gif) no-repeat;
	display:block;
	font-size:12px;
	height:36px;
	line-height:32px;
	text-align:center;
}


/* CANCER CARE SP MENU
---------------------------------------------*/
#CancerCare #navAbout{
	border-left:none;
	width:70px;
}
#CancerCare #navAbout a{
	background-position:left 0;
	padding-left:5px;
	width:65px;
}
#CancerCare li#navAbout a:hover{
	background-position:left -36px;
}

#CancerCare #navRadiationTherapy{
	width:131px;
}
#CancerCare #navRadiationTherapy a{
	background-position:center 0;
	width:131px;
}
#CancerCare li#navRadiationTherapy a:hover{
	background-position:center -36px;
}

#CancerCare #navChemo{
	width:114px;
}
#CancerCare #navChemo a{
	background-position:center 0;
	width:114px;
}
#CancerCare li#navChemo a:hover{
	background-position:center -36px;
}

#CancerCare #navFacilities{
	width:75px;
}
#CancerCare #navFacilities a{
	background-position:center 0;
	width:75px;
}
#CancerCare li#navFacilities a:hover{
	background-position:center -36px;
}

#CancerCare #navTeam{
	width:57px;
}
#CancerCare #navTeam a{
	background-position:center 0;
	width:57px;
}
#CancerCare li#navTeam a:hover{
	background-position:center -36px;
}

#CancerCare #navSupport{
	width:71px;
}
#CancerCare #navSupport a{
	background-position:center 0;
	width:71px;
}
#CancerCare li#navSupport a:hover{
	background-position:center -36px;
}
#CancerCare #navCare{
	width:127px;
}
#CancerCare #navCare a{
	background-position:center 0;
	width:127px;
}
#CancerCare li#navCare a:hover{
	background-position:center -36px;
}

#CancerCare li#navResources{
	width:102px;
}
#CancerCare li#navResources a{
	width:89px;
	padding-right:13px;
	background-position:right 0;
}
#CancerCare li#navResources a:hover{
	background-position:right -36px;
}

/*----- END CANCER CARE SP MENU -----*/



.spContent{
	float:left;
	margin:0;
	overflow:hidden;
	padding:28px 0 30px 14px;
	width:469px;
	min-height:370px;
}
.spContent h1{
	margin:0 0 0 0;
}
.spContent h2{
	margin:2px 0 16px 0;
	line-height:1em;
}
.spContent h3{
	margin:16px 0 0px 0;
	line-height:1em;font-size:10pt;
}
.spContent h4{
	margin:4px 0px 0px 0px;
	font-style:italic;font-size:8pt;
}
.spContent p{
	line-height:1.63em;
	margin:0 0 1.22em 0;
}
.spContent ul{
	list-style-image:url(/images/b-li.gif);
	padding:6px 14px;
}
.spContent li{
	line-height:1.45em;
	margin:0 0 13px 4px;
}
.spContent a{
	color:#286a94;
}	



#spCalloutArea{
	background:url(/images/b-calloutArea.png) no-repeat 0 98px;
	clear:right;
	display:block;
	float:right;
	margin:0 0 7px 0;
	overflow:hidden;
	padding:37px 19px 0 22px;
	position:relative;
	/*width:310px;*/ width:230px;
	z-index:inherit;
}
#spCalloutBoxes{
	margin-top:0;
	padding-top:0;
	position:relative;
	margin-bottom:15px;
}
.spCalloutBox{
	background:#ffffff;
	border-top:1px solid #9fdbef;
	border-bottom:1px solid #9fdbef;
	margin:0 0 15px 0;
	overflow:hidden;
	padding:0;
	position:relative;
	width:230px;
	z-index:inherit;
}
.spCalloutBox img{
	display:block;
	margin:0;
	padding:0;
	position:relative;
	bottom:0;
	z-index:4;
}

.spCalloutBoxContent{
	display:block;
	top:6px;
	left:0;
	position:absolute;
	padding-left:9px;
	z-index:16;
}

.spCalloutBox p{
	display:block;
	line-height:1.1em;
	margin:0 0 .5em 0;
	position:relative;
	width:120px;
	z-index:108;
}
.spCalloutBox p.title{
	font-style:italic;
	width:180px;
	font-weight:bold;
	color:#5bafcc;
	text-transform:uppercase;
}

.spCalloutBox a.calloutButton{
	background:transparent url(/images/b-sp-calloutButton.png) no-repeat 0 0;
	bottom:0;
	color:0072bc;
	display:block;
	height:22px;
	left:0;
	line-height:22px;
	padding-top:4px;
	position:absolute;
	text-align:center;
	width:150px;
	z-index:42;
}
.spCalloutBox a.calloutButton:hover{
	background-position:0 -27px;
}


#wantToTalk{
	background:url(/images/b-callusarea.gif);
	height:23px;
	padding:18px 0 20px 46px;
	width:184px;
}
#wantToTalk p{
	color:#0072bc;
}
#wantToTalk p.callus{
	color:#97acb4;
	font-size:16px;
	margin-left:8px;
	margin-top:2px;
}
#wantToTalk p.callus span{
	color:#89cad6;
	font-weight:bold;
}


#spDocuments{
	margin-top:0;
	padding-top:0;
	position:relative;
	margin-bottom:15px;
}
.spDocumentBox{
	margin:0 0 15px 0;
	overflow:hidden;
	padding:0;
	position:relative;
	width:230px;
	z-index:inherit;
}
.spDocumentBoxContent{
	display:block;
	top:6px;
	left:0;
	overflow:hidden;
	position:relative;
	padding-left:9px;
	z-index:16;
}
.spDocumentBox a.docIcon{
	display:block;
	float:left;
	height:48px;
	margin:0 13px 0 0;
	width:48px;
}
.spDocumentBox p{
	display:block;
	float:left;
	line-height:1.1em;
	margin:0 0 .5em 0;
	position:relative;
	width:134px;
	z-index:108;
}
.spDocumentBox p.title, .spDocumentBox p.title a, .spDocumentBox p.title a:hover{
	font-style:italic;
	font-weight:bold;
	color:#5bafcc;
	text-transform:uppercase;
}

#phonebar{
	background:url(/images/btn-phonebar.gif) no-repeat 0 0;
	clear:both;
	display:block;
	height:58px;
	margin:0 0 20px 202px;
	overflow:hidden;
	width:486px;
	z-index:1;
}
#phonebar .message{
	color:#81b2ba;
	float:left;
	width:298px;
	margin-top:12px;
	margin-left:37px;
	display:inline;
}
#phonebar .phone{
	margin-top:12px;
	color:#ffffff;
	float:left;
	width:136px;
	padding:0 5px;
}
#phonebar .phone strong{
	font-size:16px;
}


.subNAV
{ margin-top:-20px;margin-bottom:20px; }


/* ----------------------------------------------------------------------------
=6. FOOTER
---------------------------------------------------------------------------- */
#footer{
	background:transparent url(/images/b-bottom.gif) repeat-x bottom center;
	position:relative;
	margin:-345px 0 0 0;
	z-index:15;
}
#footerContent{
	background:transparent url(/images/b-bottomRight.gif) no-repeat bottom right;
	height:183px;
	padding:50px 0 112px 0;
	position:relative;
	z-index:inherit;
	z-index:16;
}
#footerContent .container{
	z-index:8;
}
#footerLeft{
	background:transparent url(/images/b-bottomLeft.png) no-repeat bottom left;
	bottom:0;
	display:block;
	height:223px;
	position:absolute;
	left:0;
	width:311px;
	z-index:4;
}
#myAddThisButton{
	margin-left:22px;
}
#footerNavigation{
	clear:both;
	float:none;
	margin-left:22px;
	overflow:hidden;
}
#footerNavigation li{
	display:block;
	float:left;
	padding:21px 12px 19px 0;
}
#footerNavigation li a{
	border-right:1px solid #46798b;
	display:block;
	padding:0 12px 0 0;
}
#footerNavigation li a.lastItem {
	border-right:none;
	 border-style:none;
}
#footer p{
	margin-left:22px;
	width:750px;
}
.copyright{
	clear:both;
	float:none;
	margin-bottom:10px;
}
.fineprint{
	clear:both;
	float:none;
}





/* ----------------------------------------------------------------------------
=7. 
---------------------------------------------------------------------------- */
.clearfix{
	clear:both;
}



/* ----------------------------------------------------------------------------
=8. 
---------------------------------------------------------------------------- */
table.app2
{ border-top: 1px solid #000000;
    border-left: 1px solid #000000;
  }
td.contact
{
   padding:5px;
   vertical-align:top;  
}
TD.EMSHead
{
    font-family: Trebuchet, sans-serif; 
   color:#FFFFFF;
   font-weight:bold;
     background-color:#000000;
     
}
TD.EMS
{
  font-family: Trebuchet, sans-serif; 
   border-right: 1px solid #000000;
   border-bottom: 1px solid #000000;
   color:#5C5C5C;
   padding:5px;
}
TD.EMS2
{
  font-family: Trebuchet, sans-serif; 
   border-right: 1px solid #000000;
   border-bottom: 1px solid #000000;
   font-weight: bold;
   color:#5C5C5C;
    padding:5px;
}
table.phys
{  margin:12px;
  }
.header
{ 	font-size: 14pt;
}
.subhead {font-weight:bold;}
.sub2 {font-weight:bold;}
.RightCaptions {/** container **/ 
float: right;
width: 25%;
height:auto;
margin: 0.5em;
padding: 0.5em;}

.LeftCaptions {/** container **/ 
float: left;
width: 150px;
height:auto;
margin-right: 0.5em;
padding-right: 0.5em;}

.RightCaptions p, .LeftCaptions p {/** text captions **/ 
text-align:  left;
vertical-align:  text-bottom;
text-indent: 0;}

.clearingdiv {/** to clear floats after they are not needed **/ 
clear:both;
height:1px;
width:100%;}



/* ----------------------------------------------------------------------------
=9. 
---------------------------------------------------------------------------- */





/* ----------------------------------------------------------------------------
=10. 
---------------------------------------------------------------------------- */

