/* 

STYLE SHEET FOR CLARINDA REGIONAL HEALTH CENTER WEB SITE
developed by bluespace creative, Inc.
www.bluespacecreative.com

ToC
	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images
	6. hacks

Notes

*/ 

/* --------- 1. defaults  --------- */

* {margin: 0; padding: 0;}

body {
	background: #FFF url(../images/bodyBkg.gif) repeat-x top;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}

/*  --------- 2. structure  --------- */

#wrapper {
	width: 946px;
	margin-right: auto;
	margin-left: auto;
		}
#topPage {
	background: #FFF;
	margin: 0 23px !important;
	padding: 0 !important;
	display: block;
	width: 900px;
	height: 141px;
}
#topRightNavContainer {
	float: left;
	padding-left: 200px;
	padding-top: 61px;
}

#mainNav {height: 62px !important;}

#logo {
	float: left;
	padding-top: 18px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 58px;
}

#content, #contentFull {
	background: #FFF;
	margin: 0 23px !important;
	padding: 0 !important;
	display: block;
	width: 900px;
} 

.billingNav {background: url(../images/billingNavBkg.gif) no-repeat left 90px;}

/* Homepage Structure */

#masthead {
	height: 245px;
	width: 946px;
	background: url(../images/masthead_moved.jpg);
}

#masthead a img {padding: 167px 0px 0px 45px;}

#bottomContent {padding-top: 31px;}

#col1 {
	padding-right: 31px;
	float: left;
	width: 295px;
	background: url(../images/botColSep.gif) repeat-y right 31px;
}
#col2 {
	width: 219px;
	float: left;
	background: url(../images/botColSep.gif) repeat-y right;
	padding-right: 30px;
	padding-left: 30px;
}
#col3 {
	float: left;
	width: 205px;
	padding-left: 30px;
	padding-right: 60px;
}
#col3 .pinkH3 {
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 4px;
}
#col3 #cancerAwareness p {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
#col3 #cancerAwareness {
	padding-bottom: 30px;
	width: 220px;
}


#col1 a, #col2 a, #col3 a{color: #29618D; text-decoration: none;}
#col1 a:hover {color: #183851; text-decoration: none;}
#col2 a:hover, #col3 a:hover {color: #183851; text-decoration: underline;}

#col1 h2 {
	padding-bottom: 14px;
	display: block;
	width: 200px;
	background: url(../images/recent_news.gif) no-repeat left top;
	color: #FFF;
	padding-left: 60px;
	text-transform: uppercase;
	font-size: 15px;
	font-weight:700;
	padding-top: 5px;
}

#col1 ul {padding-left: 78px !important;}
#col3 p {padding-bottom: 8px;}

ul.iconLinks {list-style: none; padding: 0 !important;}
ul.iconLinks li {padding-left: 0px; list-style-type: none !important; list-style-image: none !important;}
ul.iconLinks li.videoLink a{background: url(../images/video_icon.gif) no-repeat left center; padding: 10px 0 10px 30px;}
ul.iconLinks li.newsLink a{background: url(../images/news_icon.gif) no-repeat left center; padding: 10px 0 10px 30px;}
ul.iconLinks li.photosLink a{background: url(../images/photos_icon.gif) no-repeat left center; padding: 10px 0 10px 30px;}
ul.iconLinks li.cashLink a {background: url(../images/cash_icon.gif) no-repeat left 5px; padding: 0px 0 10px 30px !important; display: block;}


/* Secondary Pages Structure */

.sec #content {background: #FFF url(../images/leftNavBkg.gif) repeat-y left top;}

#secMasthead {height: 96px; width: 946px;}

#secMasthead .breadcrumbs {
	float: right;
	width: 570px;
	text-align: right;
	font-size: 10px;
	padding: 51px 51px 0 0;
	color: #F0F0F0;
}

.breadcrumbs a {color: #183851;}

.medicalServices #secMasthead {background: url(../images/pt_medical_services.jpg) no-repeat left top;}
.patientVisitor #secMasthead {background: url(../images/pt_patients_visitors.jpg) no-repeat left top;}
.clarindaMedAssociates #secMasthead {background: url(../images/pt_clarinda_med_associates.jpg) no-repeat left top;}
.eventsNews #secMasthead {background: url(../images/pt_events_news.jpg) no-repeat left top;}
.outreachServices #secMasthead {background: url(../images/pt_outreach_services.jpg) no-repeat left top;}
.about #secMasthead {background: url(../images/pt_about.jpg) no-repeat left top;}
.newHospital #secMasthead {background: url(../images/pt_newHospital.jpg) no-repeat left top;}
.careers #secMasthead {background: url(../images/pt_careers.jpg) no-repeat left top;}
.onlineServices #secMasthead {background: url(../images/pt_onlineServices.jpg) no-repeat left top;}
.sitemap #secMasthead {background: url(../images/pt_sitemap.jpg) no-repeat left top;}

#mainContent {
	width: 490px;
	float: left;
	padding: 31px 51px 30px;
}

#fullContent {
	width: 798px;
	float: left;
	padding: 31px 51px 30px;
}
.galThumb {
	float: left;
	border: 3px solid #ADC1D0;
	padding: 0px;
	margin-right: 7px;
	margin-top: 7px;
}
#mainContent .photoRecord {
	float: left;
}

#fullContent table{
	width: 100% !important;
}
#mainContent p, #fullContent p {
	line-height: 19px;
	padding-bottom: 10px;
}


/* General Page Structure */

#content ul {
	padding-left: 18px;
	list-style: disc url(../images/bulletArrowblue.gif) outside;
}
#content ul li {
	padding-bottom: 8px;
	padding-left: 3px;
	line-height: 17px !important;
}
#content ol {
	padding-left: 35px;
}
#content ol li {
	padding-bottom: 8px;
	padding-left: 3px;
	line-height: 17px !important;
}
#content blockquote {
	padding-left: 18px;
}


#footer {
	clear: both !important;
	float: left;
	font-size: 10px;
	padding-top: 30px;
	color: #a8a8a8;
	line-height: 16px;
	padding-left: 30px;
	background-color: #FFF;
	padding-right: 72px;
		}
		
#footer p {padding-bottom: 5px;}
#footer a {color: #A8A8A8; text-decoration: underline;}
#footer a:hover {color: #828282;}


/* ---------- 3. links and navigation ---------- */

a {color: #29618D;}
		
a:hover {color: #183851; text-decoration: underline;}

#topRightNav a:focus {outline: 0;}

ul#topRightNav {
	position:relative;
	height: 26px;
	background:transparent url(../images/topRightNavBkg.gif) no-repeat 0 0px;
	width: 322px;
}
ul#topRightNav li {padding:0; margin:0; display:block; float:left; text-indent:-9999px;}
ul#topRightNav li a {border:0; display:block; text-decoration:none; overflow:hidden; background:transparent url(../images/topRightNavBkg.gif) no-repeat;}	
ul#topRightNav li a:focus{outline: 0;}

li#home a {width: 46px; height: 26px;}
li#newHospital a {width: 92px; height: 26px;}
li#online a {width: 104px; height: 26px;}
li#contact a {width: 80px; height: 26px;}
li#donate a {width: 91px; height: 26px;} 

li#home a:link, li#home a:visited {background-position: 0px 0px;}
li#home a:hover, li#home a:focus {background-position: 0px -26px;}

li#newHospital a:link, li#newHospital a:visited {background-position: -46px 0px;}	 	 
li#newHospital a:hover, li#newHospital a:focus {background-position: -46px -26px;}

li#online a:link, li#online a:visited {background-position: -138px 0px;}	 	 
li#online a:hover, li#online a:focus {background-position: -138px -26px;}

li#contact a:link, li#contact a:visited {background-position: -242px 0px;}
li#contact a:hover, li#contact a:focus {background-position: -242px -26px;}

li#donate a:link, li#donate a:visited {background-position: -322px 0px;}	 	 
li#donate a:hover, li#donate a:focus {background-position: -322px -26px;}

	
/* --- 3b. main navigation > see file at css/mainnav.css --- */

/* --- 3c. secondary page navigation --- */

#leftSideNav {
	width: 308px;
	float: left;
	padding: 39px 0 25px 0;
}

#leftSideNav a {
	width: 224px;
	background: url(../images/secNavArrow.gif) no-repeat left center;
	display: block;
	padding: 2px 15px 2px 33px;
	text-decoration: none;
}
#leftSideNav a:hover {background-color: #FFF; }

#leftSideNav ul {padding: 0 15px; list-style-type: none !important; list-style-image: none !important;}

#leftSideNav ul li {
	list-style-type: none !important;
	list-style-image: none !important;
	padding: 0 !important;
	margin: 0 0 4px 0 !important;
}

.allServices a.allServices, .cardiacRehab a.cardiacRehab, .diabetesEducation a.diabetesEducation, .emergencyServices a.emergencyServices, .emt a.emt, .foodServices a.foodServices, .hypnotherapy a.hypnotherapy, .laboratory a.laboratory, .lymphedema a.lymphedema, .materialsMgmt a.materialsMgmt, .nutritionalTherapy a.nutritionalTherapy, .socialServices a.socialServices, .speechTherapy a.speechTherapy, .surgicalServices a.surgicalServices, .wellness a.wellness, .woundCare a.woundCare, .occupationalTherapy a.occupationalTherapy, .homemaker a.homemaker, .pharmacy a.pharmacy, .radiology a.radiology, .rehabilitation a.rehabilitation, .nursing a.nursing, .respiratoryTherapy a.respiratoryTherapy, .overview a.overview, .becomingPatient a.becomingPatient, .infectionControl a.infectionControl, .patientSatisfaction a.patientSatisfaction, .qualitySafety a.qualitySafety, .advanceDirective a.advanceDirectives, .mapsDirections a.mapsDirections, .visitorsGuide a.visitorsGuide, .billingInfo a.billingInfo, .giftShop a.giftShop, .sendCard a.sendCard, .calendar a.calendar, .currentNews a.currentNews, .archiveNews a.archiveNews, .healthLinks a.healthLinks, .specialtyClinics a.specialtyClinics, .preAdmissionForms a.preAdmissionForms, .downloadForms a.downloadForms, .medicalStaff a.medicalStaff, .requestAppointment a.requestAppointment, .criticalAccessHospital a.criticalAccessHospital, .history a.history, .missionVisionValues a.missionVisionValues, .leadership a.leadership, .foundation a.foundation, .contact a.contact, .buildingConstruction a.buildingConstruction, .newFeatures a.newFeatures, .news a.news, .photoGallery a.photoGallery, .timeline a.timeline, .onlineApplication a.onlineApplication, .employeeBenefits a.employeeBenefits, .employeeTestimonials a.employeeTestimonials, .communityInfo a.communityInfo, .currentOpps a.currentOpps, .physicianRecruitment a.physicianRecruitment, .privacyPolicy a.privacyPolicy, .clinicPhysicians a.clinicPhysicians, .community a.community, .education a.education, .environmental a.environmental, .bedford a.bedford, .villisca a.villisca, .specialtyBilling a.specialtyBilling, .auxiliary a.auxiliary, .campaign a.campaign, .performanceImprovements a.performanceImprovements, .breastCancerAware a.breastCancer {background-color: #FFF !important; color: #9b0620;}

/* --- 3c. tertiarty page navigation --- */

#tertNav ul {list-style: none !important}
#tertNav ul li {
	/*float: left;*/
	width: 213px;
	list-style-image: none !important;
	list-style: none !important;
	color: #183851;
	line-height: 18px;
	padding: 0 0 4px 0 !important;
	margin: 0 !important;}
	
#tertNav h3 {
	font-size: 18px;
	padding: 18px 0px 8px;
}

#tertNav {width: 490px; padding: 0 0 16px;}
#tertNav a {text-decoration: none; background: url(../images/tertNavArrow.gif) no-repeat left center; padding-left: 12px;}
#tertNav a:hover {text-decoration: underline;}

.understandingBill a.understandingBill, .faq a.faq, .vs a.vs, .financialAssistance a.financialAssistance, .onlineBillPay a.onlineBillPay, .piInfection a.piInfection, .piQuality a.piQuality, .piSafety a.piSafety, .piRiskMgmt a.piRiskMgmt, .piOverview a.piOverview, .piEducation a.piEducation {color: #000;  text-decoration: underline !important;}

/* ---------- 4. fonts ---------- */

ul {list-style-type: none;}

/* ---------- 5. images ---------- */

a img {border: 0;}
		
/* ---------- 6. hacks ---------- */

body	{ /* IE 5 centring bug fix */text-align: center;}
#wrapper {text-align: left;}