﻿/*==============================================
Sparks Regional Custom Stylesheet
================================================
	Design by: Cyrus Limited, Inc. - cyrusonline.com
	Author: Travis Repetto & Brandon Kidd
	Last Edited: 2-13-2008
==============================================*/

/* Global */
html, body{border: 0; font-size: 12px;}
body{background: #fff url(../Images/bg.jpg) repeat-x center top;  color: #333; font-family: Verdana, Helvetica, sans-serif; }
h1, h1 *, h2, h2 *, h3, h3 *, h4, h4 *, h5, h5 *, h6, h6 *, legend{font-family: Georgia, Times New Roman, Times, serif; font-weight: normal;}
h1{font-size: 24px;}
h2{font-size: 20px;}
h3{font-size: 18px;}
h4{font-size: 16px;}
h5{font-size: 14px;}
h6{font-size: 12px;}
p, #main_content .literalContent{
    line-height: 20px;
    text-align: justify;
    margin: 0 0 20px 0;
}
p img[align="left"], #main_content .literalContent img[align="left"]{margin: 0 10px 0 0;}
p img[align="right"], #main_content .literalContent img[align="right"]{margin: 0 0 0 10px;}
em{_font-style: normal;}
a{
    color: #7b2532;
    outline: none;
    text-decoration: none;
}
a:hover{
	color: #999;
	text-decoration: underline;
}
p a[target="_blank"]{
	padding: 0 10px 0 0;
	background: transparent url(/Resources/Common/../Images/Icons/opennew.gif) no-repeat 100% 3px;
}
address{
	font-style: normal;
}
fieldset{
	border: 2px solid #eee;
	padding: 5px 10px;
}
legend{
	color: #666;
	font-size: 16px;
	font-weight: bold;
}
.warning{
	color: #c66;
	font-weight: bold;
}
.viewall, .viewall span{
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}
.viewall:hover span{
	text-decoration: underline;
}

/* Containers */
#wrap{
}
#header, #main, #sub{
	margin: 0 auto;
	width: 960px;
}
#header{
	height: 105px;
	position: relative;
	z-index: 100;
}
#main{
	padding: 0;
	background: transparent url(../Images/bg_main.gif) repeat-y top center;
}
#footer{
	font-size: 10px;
	line-height: 20px;
}

/* Header */
#logo{
	display: block;
	width: 200px;
	height: 70px;
	float: left;
	background: transparent url(../Images/logo.png) no-repeat 9px 9px;
}
/*#logo:hover{
	background: transparent url(../Images/logo.gif) no-repeat bottom left;
}*/
#logo span{
	display: none;
}

#celebrating-125-years{display: block; width: 300px; height: 30px; float: left; margin:20px 0 0 0;	background: transparent url(../Images/celebrating-125-years-icon.png) no-repeat top left; text-indent: -9999px}

#utility-menu{ width: 320px; float: right; margin: 10px 0 0; }
#utility-menu li{ width: 140px; background: transparent no-repeat left; display: inline; float: left; font-size: 12px; font-weight: normal; line-height: 16px; list-style: none; margin-bottom: 10px; padding: 0 0 0 20px; }
#utility-menu li.util-myaccount{ background-image: url(../Images/icon-myaccount.gif); }
#utility-menu li.util-directions{ background-image: url(../Images/icon-directions.gif); }
#utility-menu li.util-contactus{ background-image: url(../Images/icon-contactus.gif); }
#utility-menu li.util-billpay{ background-image: url(../Images/icon-billpay.gif); }
#utility-menu li.util-staffaccess{ background-image: url(../Images/icon-staffaccess.gif); }
#utility-menu li a{ color: #7b2532; font-family: Georgia, Times New Roman, Serif; text-decoration: none; }
#utility-menu li a:hover{ color: #999; text-decoration: underline; }
#search{
	float: right;
	display: inline;
	width: 141px;
	height: 20px;
	margin: 4px 5px 0 0;
	background: transparent url(../Images/bg_topsearch.gif) no-repeat;
}
#search .searchtext, #search .searchtext_empty{
	float: right;
	width: 105px;
	height: 18px;
	padding: 1px 0 0 3px;
	border: 0 none;
	background: transparent;
	font-size: 11px;
}
#search .searchtext_empty{
	color: #999;
}
#search .searchbutton{
	display: block;
	float: right;
	width: 32px;
	height: 20px;
	background: transparent url(../Images/bg_topsearchbutton.gif) no-repeat top left;
	color: #fff;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	text-align: center;
}
#search .searchbutton:hover{
	background-position: bottom left;
}
#search .searchbutton span{
	display: none;
}

/* Nav */
#nav{
    float: left;
    height: 35px;
}
#nav ul{
	list-style: none;
	margin: 0 0 0 5px;
}
#nav li{
	float: left;
	position: relative;
	list-style: none;
	margin: 0;
	z-index: 10;
}
#nav li a{
	float: left;
	display: block;
	height: 27px;
	padding: 0 10px 3px 10px;
	color: #fff;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 30px;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}
* html #nav li a{
	float: left;
	display: block;
	height: 30px;
	padding: 0 10px 0 10px;
	color: #fff;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 30px;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}
#nav li:hover, #nav li a:hover{
	background: #ffd451;
	color: #111;
	text-decoration: none;
}
#nav li:hover li a, #nav li.sfhover li a{
	color: #333;
}
#nav li.sfhover a{
/*	color: #666;*/
}

/* Nav Dropdowns */
#nav li div{
	display: none;
	position: absolute; 
	top: 25px;
	left: -10px;
	width: 200px;
	padding: 0 0 20px 0;
	background: transparent url(../Images/dropdown_top.png) no-repeat top left;
	z-index: 20;
}
#nav li ul{
	display: none;
	position: absolute; 
	top: 5px;
	left: 0px;
	width: 200px;
	padding: 0 0 5px 0;
	background: transparent url(../Images/dropdown.png) repeat-y bottom left;
	z-index: 20;
}
* html #nav li div{
	left: -5px;
	background: transparent none;
}
* html #nav li ul{
	top: 7px;
	background: #eee none;
	filter: alpha(opacity=95);
}
#nav li li{
	background: transparent none;
	margin: 0;
	z-index: 20;
}
#nav li li a{
	display: block;
	width: 182px;
	height: 20px;
	margin: 0 0 0 5px;
	padding: 0 0 0 7px;
	background: transparent none;
	color: #333;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	text-align: left;
}
* html #nav li li a{
	width: 194px;
	margin: 0 0 0 1px;
	padding: 0 0 0 3px;
}
#nav li:hover li, #nav li:hover li a{
	background: transparent none;
}
#nav li li:hover a{
	color: #fff;
	background: #bcb6a0 none;
}
#nav li > #nav ul{
	top: auto;
	left: auto;
}
#nav li:hover ul, #nav li.sfhover ul, #nav li:hover div, #nav li.sfhover div{
	display: block;
}

/* Nav Selected */
body.root #nav_home,
body.about #nav_about,
body.services #nav_services,
body.patients #nav_patients,
body.physicians #nav_physicians,
body.news #nav_news,
body.events #nav_events,
body.careers #nav_careers,
body.locations #nav_location,
body.locations #nav_locations{
	background: #ffd451;
	color: #111;
}
body.root #nav_home:hover,
body.about #nav_about:hover,
body.services #nav_services:hover,
body.patients #nav_patients:hover,
body.physicians #nav_physicians:hover,
body.news #nav_news:hover,
body.events #nav_events:hover,
body.careers #nav_careers:hover,
body.locations #nav_location:hover,
body.locations #nav_locations:hover{
	color: #666;
}

/* Main Containers */
#main{
	background: transparent url(../Images/bg_sidenav.gif) repeat-y top left;
}
.root #main{
	padding: 0;
	background: transparent none;
}
#main_top{
    position: relative;
	height: 270px;
	margin: 0 0 10px 0;
}
/* Slideshow */
#slideshow{ width: 960px; height: 270px; overflow: hidden; background: transparent url(../Images/marquee.jpg) no-repeat; }
	#slideshow .slide{ /*display: none; */ width: 960px; height: 270px; z-index: 0; text-indent: -99999em; }
		#slideshow .slide-0{ background: transparent url(../Images/slide-0.jpg) no-repeat; }
		#slideshow .slide-1{ background: transparent url(../Images/slide-1.jpg) no-repeat; }
		#slideshow .slide-2{ background: transparent url(../Images/slide-2.jpg) no-repeat; }
		#slideshow .slide-3{ background: transparent url(../Images/slide-3.jpg) no-repeat; }
		#slideshow .slide-4{ background: transparent url(../Images/slide-4.jpg) no-repeat; }
		.cta-requestappointment{ float: right; display: inline; width: 190px; height: 30px; margin: 5px 5px 0 0; text-indent: -99999px; }
		.cta-sparksquality{ position: absolute;
		bottom: 27px;
		right: 0;
		display: block;
		width: 250px;
		height: 25px;
		 }
		 #slideshow .cta-positively{ width: 170px; height: 60px; position: absolute; left: 33px; top: 192px; display: block; overflow: hidden; text-indent: -99999em; }

	#main_top .control_container{
	    float: left;
	}
	#main_bottom .control_container{
	    float: left;
	    width: 100%;
	    padding: 0 0 20px 0;
	}
	#main_bottom #main_bottom_left, #main_bottom #main_bottom_center, #main_bottom #main_bottom_right{
		float: left;
	    display: inline;
		width: 300px;
		min-height: 415px;
		_height: 415px;
		margin: 0 5px;
		padding: 3px;
		border: 2px solid #eee;
	}
	.control_container h2, .recent-news h2{
		position: relative;
		height: 30px;
		margin: 0;
		padding: 0 0 0 10px;
		background: #7a2531;
		color: #fff;
		font-size: 18px;
		line-height: 30px;
		font-weight: normal;
	}

	#accolades h2{
	background: #ffd451;
	}

	#accolades h2 span{
	color: #7a2531;
	}


		.control_container h2 .viewall{
			position: absolute;
			top: 0px;
			right: 10px;
			font-family: Verdana, Helvetica, sans-serif;
			color: #ffd451;
			font-size: 10px;
			text-decoration: none;
		}
		.control_container h2 .viewall span{
			font-family: Verdana, Helvetica, sans-serif;
		}
		.control_container h2 .viewall:hover span{
			text-decoration: underline;
		}
		.control_container p{
			margin: 10px 10px 10px 10px;
			color: #333;
		}
		.control_container label{
		    display: none;
		}
		.control_container input, .control_container select{
			float: left;
			margin: 0 5px 0 10px;
			border: 1px solid #ccc;
			color: #666;
			font-size: 12px;
		}
		.control_container input{
			width: 230px;
			height: 18px;
			padding: 2px 0 0 5px;
		}
		.control_container select{
			width: 235px;
			height: 22px;
			padding: 2px;
		}
		.control_container .button{
		    float: left;
			display: block;
			width: 35px;
			border: 1px solid #ccc;
            background: transparent url(../Images/btn_homebutton.gif) repeat-x;
			color: #666;
			font-weight: bold;
			line-height: 20px;
			text-align: center;
		}
        .control_container .button:hover{
	        background-color: #ccc;
	        color: #666;
	        text-decoration: none;
        }
	#newslettersignup.control_container{
		
	}
	#homenews.control_container{
	    padding: 0;
	}
		#homenews.control_container h2{
			margin: 0 0 0 0;
		}
		#homenews.control_container dl{
		    margin: 0 10px;
	        line-height: 18px;
		}
		    #homenews.control_container dt{
		        margin: 10px 0 5px 0;
			    font-weight: bold;
		    }
		    #homenews.control_container dt a{
		        
		    }
			    #homenews.control_container dt .date{
			        display: none;
				    font-family: Georgia, Times New Roman, Times, serif;
				    color: #999;
				    font-size: 11px;
			    }
		    #homenews.control_container dd{
			    margin: 0 0 15px 0;
			    font-size: 11px;
			    line-height: 16px;
		    }
		        #homenews.control_container dd .readmore{
			        font-size: 10px;
			        text-decoration: none;
		        }
		            #homenews.control_container dd .readmore:hover span{
		                text-decoration: underline;
		            }
	#physicianspotlight.control_container{
	    padding: 0;
		color: #666;
	}
	    #physicianspotlight.control_container .photo{
	        display: block;
		    width: 120px;
		    height: 140px;
		    position: relative;
		    float: left;
		    margin: 10px 10px 10px 0;
		    overflow: hidden;
	    }
		    #physicianspotlight.control_container .photo .mask{
			    width: 120px;
			    height: 140px;
			    background: transparent url(../Images/physpotlight_mask.gif) no-repeat top left;
			    position: absolute;
			    left: 0;
			    top: 0;
			    cursor: pointer;
		    }
		    #physicianspotlight.control_container .photo .image{
		        display: block;
			    width: 120px;
			    height: 140px;
			   /* background: transparent url(../Images/sample_photo.jpg) no-repeat top left !important; */
		    }
		    #physicianspotlight.control_container .photo img{
		        display: none;
		    }
	    #physicianspotlight.control_container .bio{
		    margin: 10px 0 0;
	    }
		    #physicianspotlight.control_container h3, #physicianspotlight.control_container h3 a{
			    font-size: 14px;
			    font-weight: bold;
		    }
		    #physicianspotlight.control_container .specialty{
		        margin: 0 0 10px 0;
			    font-size: 11px;
		    }
		    #physicianspotlight.control_container address{
		        margin: 0 0 10px 0;
			    font-size: 11px;
			    font-weight: bold;
			    font-style: italic;
		    }
		    #physicianspotlight.control_container p{
			    color: #666;
			    font-size: 11px;
			    line-height: 18px;
			    margin: 5px 0 0 0;
			    text-align: left;
		    }
		    #physicianspotlight.control_container .readmore{
		        display: inline;
				float: right;
		        width: 156px;
		        height: 30px;
		        margin: 10px 10px 0 0;
		        background: transparent url(../Images/btn_physicianspotlight.gif) no-repeat top left;
		        text-indent: -90000px;
		    }
		    #physicianspotlight.control_container .readmore:hover{
		        background-position: bottom left;
		    }
		    #physicianspotlight.control_container .readmore span{
		        display: none;
		    }
	.root #findphysician.control_container{
	    padding: 0 0 10px;
	}
	#twitterCta.control_container{ width: 300px; height: 65px; padding: 0; background: transparent url(../Images/btn_twitter.gif) no-repeat; }
		#twitterCta a{ display: block; width: 300px; height: 65px; }
		#twitterCta span{ display: none; }
	#main .ctabtn{ width: 300px; height: 60px; background: transparent no-repeat center top; display: inline; float: left; overflow: hidden; text-indent: -99999em; margin-bottom: 10px; }
	#main .ctabtn-bill{ background-image: url(../Images/btn_paybills.jpg); }
	#main .ctabtn-prereg{ background-image: url(../Images/btn_prereg.jpg); }	
	#main .ctabtn-sendcard{ background-image: url(../Images/btn_send_card.jpg); }
	#main .ctabtn-nursery{ background-image: url(../Images/btn_nursery.jpg); margin: 0 0 10px; }
	#main .ctabtn-patient{ background-image: url(../Images/btn_itemized_statement.jpg); }
	#careerCta.control_container{
	    width: 300px;
	    height: 90px;
	    padding: 0;
		background: transparent url(../Images/btn_careers.gif) no-repeat;
	}
		#careerCta a{
			display: block;
			width: 300px;
			height: 90px;
		}
		#careerCta span{
			display: none;
		}
	
	#accolades.control_container{
	}
		#accolades.control_container ul{
			list-style: none;
		}
		#accolades.control_container li{
			float: left;
			display: inline;
			list-style: none;
			width: 80px;
			height: 80px;
			margin: 5px 10px 0 10px;
		}
		#accolades.control_container a{
			display: block;
			width: 100%;
			height: 100%;
			background: #f2f2f2;
		}

/* Main Inner Pages */
#main_header{
    background: transparent url(../Images/bg_main_header.gif) no-repeat;
}
#main_footer{
    height: 20px;
    background: transparent url(../Images/bg_main_footer.gif) no-repeat;
}
#main_inner{
	width: 100%;
	padding: 10px 0 10px 0;
}
#main_content{
	float: right;
	display: inline;
	width: 680px;
	_height: 300px;
	min-height: 300px;
	padding: 10px 20px 20px 20px;
}
#main_content .literalContent { overflow: hidden; }
#main_sidebar{
	float: left;
	width: 235px;
    min-height: 200px;
    _height: 200px;
	padding: 10px 0 0 5px;
}

/* Main Content Styles */
#main_content h2, #main_content h3, #main_content h4, #main_content h5, #main_content h6{
	margin: 0 0 5px 0;
}
#main_content h1{
    color: #fff;
	font-size: 24px;
}
#main_content h2{
    padding: 3px;
    background: #f1f1f1;
    color: #666;
	font-size: 20px;
}
#main_content hr{
	height: 0;
	border: 0;
	border-bottom: 1px solid #ccc;
}
#main_content ul{
    margin: 0 0 20px 0;
}

#main_content ol{
    margin: 0 0 20px 25px;
}
#main_content ol li{
	margin-bottom: 10px;
	line-height: 18px;
}
#main_content dl{
	margin: 0 0 20px 0;
	line-height: 20px;
}
#main_content dl dt{
	color: #555;
	font-weight: bold;
}
#main_content dl dd{
	margin: 0 0 10px 0;
}
#main_content blockquote{
	width: 660px;
	margin: 0 0 20px 0;
	padding: 0 0 0 10px;
	border-left: 3px solid #ddd;
	color: #666;
	line-height: 20px;
	text-align: justify;
	font-style: italic;
}
#main_content .menuempty{
	margin: 0 0 35px 0;
}
#main_content .button, #main_content .button_disabled{
	border: 2px solid #ccc;
	font-size: 12px;
	font-weight: bold;
	line-height: 26px;
	padding: 4px 8px;
}
#main_content .button{
	background: transparent url(../Images/bg_btn.gif) repeat-x;
	color: #7b2532;
}
#main_content input.button{
    height: 22px;
    margin: 0;
	padding: 0 2px;
	line-height: 12px;
}
#main_content .button:hover{
	color: #666;
	text-decoration: none;
}
#main_content .button_disabled{
    padding: 4px 8px;
    background: #fff;
    border-color: #f1f1f1;
    color: #ccc;
}
#main_content input.button_disabled{
    height: 22px;
    padding: 0 4px;
    line-height: 12px;
}
#main_content .button_disabled:hover{
    text-decoration: none;
}
#main_content .photo{
	width: 132px;
	height: 152px;
	float: left;
	position: relative;
	background: url(/Resources/Common/../Images/bg_photo.jpg) no-repeat;
}
	#main_content .photo img{
		position: absolute;
		left: 5px;
		top: 5px;
	}
#main_content .thumb{
	width: 72px;
	height: 82px;
	float: left;
	position: relative;
	background: url(/Resources/Common/../Images/bg_photo_thumb.jpg) no-repeat;
}
#main_content .thumb img{
	position: absolute;
	left: 5px;
	top: 5px;
}

/* Main Sidebar Styles */
#main_sidebar h2{
	margin: 0 10px;
	padding: 2px 5px;
	border: 1px solid #fff;
	background: #7A2531;
	font-size: 16px !important;
}
body.locations #main_sidebar fieldset{
	display: none;
}

body.about-location #main_sidebar fieldset{
	display: none;
}

#main_sidebar fieldset{
    width: 190px;
    margin: 0 auto 10px auto;
}
    #main_sidebar fieldset .HealthCenter,
    #main_sidebar fieldset .Hospital{
        height: 20px;
        margin: 0 0 0 10px;
	    padding: 0 0 5px 25px;
	    background: transparent url(/Resources/Common/../Images/Icons/icon_hospital.gif) no-repeat 0 0;
	    color: #666;
	    line-height: 18px;
	    font-weight: bold;
    }
    #main_sidebar fieldset .Clinic{
        height: 20px;
        margin: 0 0 0 10px;
	    padding: 0 0 5px 25px;
	    background: transparent url(/Resources/Common/../Images/Icons/icon_clinic.gif) no-repeat 0 0;
	    color: #666;
	    line-height: 18px;
	    font-weight: bold;
    }
body.contact #main_sidebar address, body.contact #main_sidebar #phonenumbers, body.contact #main_sidebar #map{
	display: none;
}
    #main_sidebar address{
        margin: 0 0 0 10px;
        line-height: 18px;
    }
    #main_sidebar #phonenumbers{
        margin: 10px 0 0 10px;
        color: #666;
        line-height: 18px;
        font-weight: bold;
    }
    #main_sidebar #map{
	    width: 210px;
	    height: 200px;
	    overflow: hidden;
	    margin: 20px 0 10px 0;
	    border: 4px solid #eee;
    }
#main_sidebar ul{
	list-style: none;
	margin: 0 0 10px 12px;
}
#main_sidebar li{
	color: #0D2D84;
	font-weight: bold;
	list-style: none;
	padding: 0 0 0 5px;
	background: transparent url(/Resources/Common/../Images/bullet_sidenav.gif) no-repeat 0 7px;
}
#main_sidebar li a{
	padding: 1px 2px;
	color: #7b2532;
	font-size: 12px;
	line-height: 20px;  
}
#main_sidebar li ul{
	margin: 0;
}
#main_sidebar li li, #main_sidebar ul ul li{
	font-weight: normal;
	padding: 0 0 0 7px;
	background: transparent url(/Resources/Common/../Images/bullet_sub.gif) no-repeat 3px 8px;
}
#main_sidebar li li a, #main_sidebar ul ul li a{
	color: #999;
	font-size: 12px;
	line-height: 16px;
}
#main_sidebar li a:hover{
	color: #999;
}
#main_sidebar li li a:hover, #main_sidebar ul ul li a:hover{
	color: #999;
}
#main_sidebar li.selected a{
	background: #eee;
	border-bottom: 1px solid #ddd;
}
#main_sidebar li.selected a:hover{
	text-decoration: none;
}
#main_sidebar li.selected li a{
	background: none;
	border: none;
}
#main_sidebar #quicklinks.control_container li{
    margin: 0 0 0 5px;
	padding: 0 0 0 5px;
	background: transparent url(/Resources/Common/../Images/bullet_sub.gif) no-repeat 0 8px;
    font-weight: normal;
}

/* Footer */
#navfooter{
    min-width: 960px;
    height: 30px;
	margin: 10px 0 0 0;
	background: #7a2531;
}
	#navfooter ul{
		height: 30px;
		list-style: none;
		color: #fff;
		font-family: Georgia, Times New Roman, Sans-Serif;
		font-size: 12px;
		text-align: center;
	}
	#navfooter li{
		border-left: 1px solid #b25965;
		display: inline;
		list-style: none;
		padding-left: 7px;
		color: #fff;
	}
	#navfooter li a{
		margin: 0 3px;
		color: #fff;
		line-height: 29px;
		text-align: center;
	}
	#navfooter li a:hover{
		color: #fff;
		text-decoration: underline;
	}
	#navfooter .firstcell{
		border: none;
	}
#footer_bottom{
	margin: 0 auto;
	width: 950px;
}
#footer_left{
	float: left;
	width: 50%;
	margin: 10px 0;
}
#footer_right{
	float: left;
	width: 50%;
	margin: 10px 0;
}
#copyright{
	color: #999;
}
#navlegal{
	color: #ccc;
}
	#navlegal ul{
		list-style: none;
	}
	#navlegal li{
		display: inline;
		list-style: none;
		color: #ccc;
	}
	#navlegal li a{
		margin: 0;
		color: #999;
		text-align: center;
	}
	#navlegal li a:hover{
		color: #666;
		text-decoration: underline;
	}
#footeraddress{
	float: right;
	color: #999;
}
	#footeraddress:hover{
		color: #666;
		text-decoration: underline;
	}
#poweredby{
	float: right;
	display: inline;
	height: 23px;
	color: #999999;
}

a#poweredby:hover{ color: #666; }
	

/* News/Events Section */
#newsList_wrap h2 a, #eventList_wrap h3 a, #eventDetail_left h3{
    color: #7b2532;
}

/* Phone Directory Hack */
.phonedir_default{
	display: none;
}

/* ER Wait Time */
.root #erwaittime .erwaittime-locations, .root #erwaittime .erwaittime-location{ height: 50px; }




