/* Begin Common Styles */ 
*	{ 
	margin: 0; 
	padding: 0; 
	}
	
body {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #000;
	}

table td { border-collapse: collapse; }

img { border: 0; }

a {
	font: normal Arial, Helvetica, sans-serif;
    color: #336ead;
    text-decoration: underline; 
    }

a:hover { text-decoration: none; }	

.clear { clear: both; }

.hide { display: none; }

.offset {
	position: absolute;
	top: -1000px;
	left: -1000px; 
	}

h1 {
	font-size: 20px;
	font-weight: bold;
	}
	
h2 {
	font-size: 18px;
	font-weight: bold;
	}

h3 {
	font-size: 16px;
	font-weight: bold;
	}

h4 {
	font-size: 15px;
	font-weight: bold;
	}

h5 {
	font-size: 14px;
	font-weight: bold;
	}

h6 {
	font-size: 12px;
	font-weight: bold;
	}			
   
p {
	padding: 2px 0;
	line-height: 18px; 
	}

li { line-height: 20px; }

strong, b { font-weight: bold; }

select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	color: #666666; 
	font-weight: normal;
	vertical-align: middle;	
	border-top: 1px solid #7c7c7c;
	border-right: 1px solid #c3c3c3;	
	border-left: 1px solid #c3c3c3;
	border-bottom: 1px solid #dddddd; 
	background-image: url(../images2/bg-input.gif); 	
	background-repeat: repeat-x;
	height: 18px; 
	}

.hr1 {
	background: url(../images2/hr1.gif) repeat-x top left; 
	height: 28px;  
	}	
/* End Common Styles */ 

/* Begin Background Styles */ 
#background {
	background: #4784c5 url('../images/background-llumc.gif') repeat-x top left;
	width: 100%;
	min-height: 1000px;
	}

#container {
	background: #fff;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #4f4f4f;
	padding: 0 9px;
	margin: 0 auto; 
	width: 982px; 
	}

#wrapper {
	text-align: left;
	width: 982px;
	padding: 10px 0;
	}	
/* End Background Styles */ 

/* Begin Header Styles */
#header { width: 982px; }

#header .logo {
	width: 320px;
	height: 60px;
	float: left;
	clear: right;
	}

#header .right-content {
	float: left;
	clear: right;
	padding: 0 0 0 10px;
	width: 652px;
	}

#type-size {
	font-size: 12px;
	float: right;
	padding: 0 5px 0 0;
	}

#type-size ul {	display: inline; }	
	
#type-size li {
	list-style-type: none;
	display: inline;
	}

#type-size li a {
	padding: 0 0 0 5px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	}

#type-size li.first a { font-size: 12px; }

#type-size li.second a { font-size: 14px; }

#type-size li.third a { font-size: 16px; }	
	
#type-size a.active { text-decoration:underline; color:#8B2639; }

#type-size a.inactive { text-decoration:none; }	
	
#search-site { 
	float: right;
	padding: 2px 0 0 0;
	}

#search-site .left {
	background: #fff url('../images/bg-search-site-left.gif') no-repeat top left;
	width: 5px;
	height: 32px;
	float: left;
	clear: right;
	}

#search-site .center {
	background: #fff url('../images/bg-search-site-center.gif') repeat-x top left;
	height: 32px;
	padding: 0 10px;
	float: left;
	clear: right;	
	}

#search-site .right {
	background: #fff url('../images/bg-search-site-right.gif') no-repeat top left;
	width: 5px;
	height: 32px;
	float: left;
	clear: right;	
	}	

#search-input {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #464646; 
	vertical-align: middle;	
	background: #ffffff url('../images/bg-input.gif') repeat-x top left;  	
	border-top: 1px solid #7c7c7c;
	border-right: 1px solid #c3c3c3;	
	border-left: 1px solid #c3c3c3;
	border-bottom: 1px solid #dddddd; 	
	height: 16px;
	padding: 2px 5px 1px 5px;
	}

#search-input {
	width: 220px;
	float: left;
	clear: right;
	margin: 6px 5px 0 0;
	}

#btn-search {
	float: left;
	clear: right;
	margin: 3px 0 0 0;	
	}		

ul#site-wide-links {
	float: right;
	padding: 5px 5px 0 0;
	}

ul#site-wide-links li {
	list-style-type: none;
	float: left;
	clear: right;
	border-width: 0 1px 0 0;
	border-style: solid;
	border-color: #bebebe;
	padding: 0 7px;
	height: 15px;
	}

ul#site-wide-links li.first { padding: 0 7px 0 0;	}	

ul#site-wide-links li.last { 
	border: 0;
	padding: 0 0 0 7px;
	}

ul#site-wide-links li a {
	font-size: 11px;
	color: #000;
	top: -2px;
	position: relative;	
	text-decoration: underline;	
	}

ul#site-wide-links li a:hover { text-decoration: none; }
/* End Header Styles */

/* Begin Branch and Top Navigation Styles */
#wrap-topnav {
	width: 982px;
	padding: 5px 0;
	}

ul#branchnav {
	width: 982px;
	height: 35px;
	overflow: hidden;
	}	

ul#branchnav li {
	list-style-type: none;
	float: left;
	clear: right;
	margin:  0 2px 0 0;
	}

ul#branchnav li a {
	background: url('../images/bg-branchnav.gif') repeat-x top left;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #9f9f9f;	
	font-size: 14px;
	text-decoration: none;
	display: block;
	padding: 7px 10px 0 10px;
	height: 24px;
	margin: 4px 0 0 0;
	}

ul#branchnav li.llumc a { 
	color: #326dac;
	width: 96px;
	}
   	
ul#branchnav li.lluch a { 
	color: #009898;
	width: 118px;
	}

ul#branchnav li.llubmc a { 
	color: #653656;
	width: 175px;	
	}

ul#branchnav li.llumcec a { 
	color: #435785;
	width: 85px;	
	}

ul#branchnav li.lluhsh a { 
	color: #8b2639;
	width: 158px;	
	}

/*
ul#branchnav li.llu a { 
	color: #6d6d6d;
	width: 62px;	
	}*/

ul#branchnav li a:hover { text-decoration: underline; }

ul#branchnav li.llumc a.active, ul#branchnav li.llumc a.active:hover, ul#branchnav li.lluch a.active, ul#branchnav li.lluch a.active:hover, ul#branchnav li.llubmc a.active, ul#branchnav li.llubmc a.active:hover, ul#branchnav li.llumcec a.active, ul#branchnav li.llumcec a.active:hover, ul#branchnav li.lluhsh a.active, ul#branchnav li.lluhsh a.active:hover {
	font-size: 17px;
	color: #fff;
	background: url('../images/bg-branchnav-active-llumc.gif') repeat-x top left;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #1b3e63;
	padding: 9px 10px 0 10px;
	height: 26px;
	margin: 0;
	}

ul#branchnav li.llumc a.active, ul#branchnav li.llumc a.active:hover { width: 115px; }

ul#branchnav li.lluch a.active, ul#branchnav li.lluch a.active:hover { width: 142px; }

ul#branchnav li.llubmc a.active, ul#branchnav li.llubmc a.active:hover { width: 209px; }

ul#branchnav li.llumcec a.active, ul#branchnav li.llumcec a.active:hover { width: 105px; }

ul#branchnav li.lluhsh a.active, ul#branchnav li.lluhsh a.active:hover	 { width: 190px; }

ul#branchnav li.llu, ul#branchnav li.newsroom { margin:  0; }  
 
ul#branchnav li.llu a {
                width: 62px;
                color: #fff;
                background: #6d6d6d url('../images/bg-branchnav-sep.gif') no-repeat center right;
                border-width: 1px 0 0 1px;
                border-style: solid;
                border-color: #393939;  
                padding: 7px 21px 0 20px;
                }                              
 
ul#branchnav li.newsroom a {
                width: 67px;
                color: #fff;
                background: url('../images/bg-branchnav-newsroom.gif') no-repeat top right;
                border: 0;            
                padding: 7px 20px 0 20px;
                }              

	
ul#topnav {
	width: 980px;
	height: 33px;
	background: url('../images/bg-topnav-llumc.gif') repeat-x top left;  	
	border-width: 0 1px;
	border-style: solid;
	border-color: #1b3e63;
	overflow: hidden;			
	}

ul#topnav li {
	height: 33px;
	list-style-type: none;
	background: url('../images/bg-topnav-separator-llumc.gif') no-repeat center right;	
	float: left;
	clear: right;
	}
	
ul#topnav li.topnav6 { background: none; }	

ul#topnav li a {
	font-size: 15px;
	color: #fff;	
	text-decoration: none;	
	display: block;
	padding: 7px 31px 0 30px;
	height: 26px;
	}	

ul#topnav li.topnav1 a { width: 58px; }		

ul#topnav li.topnav2 a { width: 94px; }

ul#topnav li.topnav3 a { width: 149px; }

ul#topnav li.topnav4 a { width: 165px; }

ul#topnav li.topnav5 a { width: 86px; }

ul#topnav li.topnav6 a { width: 62px; }			

ul#topnav li a:hover { text-decoration: underline; }	
/* End Branch and Top Navigation Styles */

/* Begin Homepage Styles */
/* Begin Flash Main Styles */
#flash-main {
	width: 635px;
	height: 245px;
	float: left;
	clear: right;
	}

#flash-main .no-flash {
	width: 603px;
	height: 213px;
	padding: 15px;
	border: 1px solid #9f9f9f;
	}		
/* End Flash Main Styles */

/* Begin Quick Links Styles */
#quick-links {
	background-color: #4987ca;
	border: 1px solid #9f9f9f;	
	width: 340px;
	height: 243px;
	float: left;
	clear: right;	
	margin-left: 5px;
	overflow: hidden;	
	}

#quick-links ul.catlinks {
	background-color: #efefef;
	width: 149px;
	height: 245px;
	border-width: 0 1px 0 0;
	border-style: solid;
	border-color: #9f9f9f;
	float: left;
	clear: right;
	}

#quick-links ul.catlinks li { list-style-type: none; }
	
#quick-links ul.catlinks li a {
	color: #fff;	
	width: 125px;
	min-height: 15px;
	display: block;
	text-decoration: none;
	background-color: #6D6D6D;
	border-width: 1px 2px;
	border-style: solid;
	border-color: #efefef;
	padding: 5px 10px;
	}

#quick-links ul.catlinks li a:hover {
	width: 125px;
	background-color: #9f9f9f;
	border-width: 1px 2px;
	border-style: solid;
	border-color: #efefef;
	}

#quick-links ul.catlinks li a.active {
	width: 126px;
	background-color: #4987ca;
	border-color: #4987ca;
	margin: 0 -1px 0 0;
	}

#quick-links ul.catlinks li a.active:hover {
	background-color: #4987ca;
	border-color: #4987ca;
	}
	
#quick-links ul.catlinks li.inquicker a {
	color: #fff;	
	width: 125px;
	min-height: 15px;
	display: block;
	text-decoration: none;
	background-color: #a30234;
	border-width: 1px 2px;
	border-style: solid;
	border-color: #efefef;
	padding: 5px 10px;
	}

#quick-links ul.catlinks li.inquicker a.active {
	width: 126px;
	background-color: #a30234;
	border-color: #a30234;
	margin: 0 -1px 0 0;
	}
	
#quick-links ul.catlinks li.inquicker a.active:hover {
	background-color: #a30234;
	border-color: #a30234;	
	}
		
#quick-links ul.sublinks {
	width: 170px;
	height: 245px;
	float: left;
	clear: right;
	padding: 6px 10px;
	}

#quick-links ul.sublinks li { list-style-type: none; }

#quick-links ul.sublinks li a {
	color: #fff;	
	width: 170px;
	min-height: 17px;
	display: block;
	text-decoration: underline;
	padding: 0 0 12px 0;	
	}

#quick-links ul.sublinks li a:hover { text-decoration: none; }
/* End Quick Links Styles */

/* Begin Section Styles */
#section1, #section2 {
	width: 980px;
	border: 1px solid #9f9f9f;
	margin: 5px 0 0 0;
	padding: 15px 0;
	}

#section1 .wrap-cols, #section2 .wrap-cols { background: #fff url('../images/bg-section-cols.gif') repeat-y top left; }

#section1 .wrap-cols { min-height: 186px; }

#section2 .wrap-cols { min-height: 210px; }		
	
#section1 .col1, #section2 .col1, #section1 .col2, #section2 .col2, #section1 .col3, #section2 .col3 {
	float: left;
	clear: right;
	width: 296px;
	padding: 0 15px;
	}

#section1 .title, #section2	.title {
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 5px 0;
	}

#section1 p, #section2 p { padding: 5px 0; }

#section1 li, #section2 li {
	list-style-type: none;
    background: url(http://lomalindahealth.org/common/images/blt-yellow.gif) no-repeat 0 12px;
	padding: 0 0 7px 10px;
	line-height: 21px;
	}

#section1 .more-link1, #section2 .more-link1 { padding: 5px 0 5px 0; }	
	
#section1 .more-link2, #section2 .more-link2 { padding: 5px 0 5px 10px; }

#section1 .more-link1 a, #section2 .more-link1 a, #section2 .more-link2 a, #section2 .more-link2 a {
	font-weight: bold;
	text-decoration: none;
	}

#section1 .more-link1 a:hover, #section2 .more-link1 a:hover, #section1 .more-link2 a:hover, #section2 .more-link2 a:hover { text-decoration: underline; }	

#section1 .wrap-two-cols, #section2 .wrap-two-cols { width: 296px; }

#section1 .first-col, #section2 .first-col {
	float: left;
	clear: right;
	margin-right: 10px;
	width: 100px;
	}

#section1 .second-col, #section2 .second-col {
	float: left;
	clear: right;
	width: 184px;
	}

#section1 .float-left-photo, #section2 .float-left-photo { 
	float: left;
	padding: 0 10px 0 0;	
	}
	
#search-doctor-input, #search-condition-input {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #464646; 
	vertical-align: middle;	
	background: #ffffff url('../images/bg-input.gif') repeat-x top left;  	
	border-top: 1px solid #7c7c7c;
	border-right: 1px solid #c3c3c3;	
	border-left: 1px solid #c3c3c3;
	border-bottom: 1px solid #dddddd; 	
	height: 16px;
	padding: 2px 5px 1px 5px;
	margin: 5px 0;
	}

#search-doctor-input { width: 172px; }

#search-condition-input	{ 
	width: 215px;
	float: left;
	clear: right;
	margin: 6px 5px 0 0;
	}

#btn-search-doctor { 
	display: block;
	margin: 5px 0; 
	}	

#btn-search-library	{
	float: left;
	clear: right;
	margin: 3px 0 0 0;	
	}

#medical-condition {
	width: 184px;
	height: 19px;
	margin: 5px 0;	
	}

ul#health-tools {
	display: block;
	width: 294px;
	margin: 0; 
	}

ul#health-tools li { 
	background: none;
	float: left;
	height: 22px;
	padding: 0 0 5px 10px;
	}

ul#health-tools li a {
	font-weight: bold;
	text-decoration: none;
	padding: 0 0 0 20px;
	margin: 5px 5px 5px 0;	
	}

ul#health-tools li a:hover { text-decoration: underline; }

ul#health-tools .icon-symptom-navigator { background: #ffffff url('../images/icon-symptom-navigator.gif') no-repeat center left; }

ul#health-tools .icon-health-news { background: #ffffff url('../images/icon-health-news.gif') no-repeat center left; }

ul#health-tools .icon-health-topics { background: #ffffff url('../images/icon-health-topics.gif') no-repeat center left; }

ul#health-tools .icon-health-centers { background: #ffffff url('../images/icon-health-centers.gif') no-repeat center left;	}

ul#health-tools .icon-wellness-calculators { background: #ffffff url('../images/icon-wellness-calculators.gif') no-repeat center left;	}

ul#health-tools .icon-pediatric-center { background: #ffffff url('../images/icon-pediatric-center.gif') no-repeat center left;	}

ul#health-tools .icon-orthopedic-center { background: #ffffff url('../images/icon-orthopedic-center.gif') no-repeat center left; }	
/* End Section Styles */
/* End Homepage Styles */

/* Begin Footer Styles */
#wrap-footer { margin: 5px 0 0 0; }

#footer {
	font-size: 11px;
	width: 980px;
	background-color: #ededed;	
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #9f9f9f;
	padding: 15px 0 0 0;
	}
	
#footer li {
	list-style-type: none;
	line-height: 22px;
	}

#footer a {
	font-size: 11px;
	color: #000;
	font-weight: normal;
	text-decoration: underline;	
	}

#footer a:hover, #footer a.active { 
	font-weight: bold;
	text-decoration: none;
	}	

#footer .aahc {	
	padding: 5px 0 0 25px;
	width: 140px;
	height: 42px;
	}

#footer .aahc a {
	display: block;
	background: url('../images/aahc-member.gif') no-repeat top left;
	padding: 11px 0 31px 56px;
	width: 90px;
	height: 0;	
	}	
	
#footer .wrap-cols { 
	background: url('../images/bg-footer-cols.gif') repeat-y top left;
	min-height: 132px;
	}

#footer .col1 {
	float: left;
	clear: right;
	width: 370px;
	padding: 0 15px;
	}

#footer .col2 {
	float: left;
	clear: right;
	width: 126px;
	padding: 0 15px;
	}

#footer .col3 {
	float: left;
	clear: right;
	width: 126px;
	padding: 0 15px;
	}

#footer .col4 {
	float: left;
	clear: right;
	width: 237px;
	padding: 0 15px;
	}		

#wrap-footer .bottom-left { 
	background: url('../images/bg-footer-bottom-left.gif') no-repeat bottom left;
	width: 20px;
	height: 20px;
	float: left;
	clear: right;
	}

#wrap-footer .bottom-center { 
	background: url('../images/bg-footer-bottom-center.gif') repeat-x bottom left;
	width: 942px;
	height: 20px;
	float: left;
	clear: right;	
	}	

#wrap-footer .bottom-right { 
	background: url('../images/bg-footer-bottom-right.gif') no-repeat bottom right;
	width: 20px;
	height: 20px;
	float: left;
	clear: right;		
	}	
/* End Footer Styles */

/* Begin Copyright Styles */
#wrap-copyright { 
	font-size: 11px;
	width: 982px;
	margin: 5px 0 0 0;	
	}

#copyright {
	float: left;
	clear: right;
	}	

#copyright ul li {
	list-style-type: none;
	float: left;
	clear: right;
	border-width: 0 1px 0 0;
	border-style: solid;
	border-color: #bebebe;
	padding: 0 7px 7px 7px;
	height: 12px;
	}

#copyright ul li.last { 
	border: 0;
	padding: 0 0 0 7px;
	}

#wrap-copyright a {
	font-size: 11px;
	color: #000;
	text-decoration: underline; 
	}

#wrap-copyright a:hover { text-decoration: none; }

#wrap-copyright .feedback { 
	float: right;
	padding: 4px 7px;
	}	
/* End Copyright Styles */	
