﻿/*/////////////////////////////////////////////
	Peace River Regional Medical Center
	Copyright © 2009, McMurry Inc.
	http://www.mcmurry.com
	Design by Brandon Kidd

	Base Stylesheet
/////////////////////////////////////////////*/

/*--- Structure ---*/
body{ background: #5588d3; color: #666; font-family: Arial, Verdana, Sans-Serif; font-size: 63%; }
#wrapper{ width: 100%; background: transparent repeat-x center top; }
#wrap{ width: 100%; position: relative; background: transparent no-repeat center top; }
#footer-wrapper{ width: 100%; background: transparent url(/ClientResources/Images/bg-footerwrapper.gif) repeat-x center top; }
#footer-wrap{ width: 100%; position: relative; background: transparent no-repeat center top; }

/*--- Header ---*/
#header{ width: 960px; height: 162px; margin: 0 auto; position: relative; z-index: 30; }
#header h1 a{ width: 302px; height: 56px; position: absolute; left: 20px; top: 37px; display: block; overflow: hidden; text-indent: -99999em; z-index: 50; }
#header h2{ width: 186px; height: 33px; position: absolute; left: 398px; top: 56px; display: block; overflow: hidden; text-indent: -99999em; z-index: 40; }
#header .utility{ position: absolute; left: 600px; top: 10px; z-index: 30; }
#header .utility li{ background: transparent no-repeat left; display: inline; float: left; font-size: 1.1em; line-height: 1.5em; margin: 0 8px 0 0; padding: 0 0 0 20px; }
#header .utility li.contactus{ background-image: url(/ClientResources/Images/icon-contactus.gif); }
#header .utility li.faqs{ background-image: url(/ClientResources/Images/icon-faqs.gif); }
#header .utility li.myaccount{ background-image: url(/ClientResources/Images/icon-myaccount.gif); }
#header .utility li a{ color: #c9bf92; font-weight: bold; text-decoration: none; }
#header .utility li a:hover, #header .utility li a:focus{ color: #4b88c0; text-decoration: underline; }
#header .gift-shop-cart{ position: absolute; left: 836px; top: 10px; background: transparent url(../Images/cart.gif) no-repeat left; font-size: 1.1em; line-height: 1.5em; margin: 0 8px 0 0; padding: 0 0 0 20px; }
#header .gift-shop-cart a{ color: #c9bf92; font-weight: bold; text-decoration: none; }
#header .gift-shop-cart a:hover{ color: #4b88c0; text-decoration: underline; }
#header .search{ width: 240px; height: 24px; position: absolute; left: 701px; top: 66px; overflow: hidden; z-index: 30; }
#header .search input{ width: 17.4em; background: transparent none; border: 0 none; color: #10499e; display: inline; float: left; font-size: 1.1em; line-height: 1em; padding: .5em; }
#header .search input.focus{ color: #4b88c0; }
#header .search a{ background: #10499e; color: #fff; display: inline; float: left; font-size: 1.1em; font-weight: bold; line-height: 1em; padding: .6em .9em; text-decoration: none; }
#header .search a:hover, #header .search a:focus{ background: #4b88c0; }
#header #menu{ width: 980px; height: 40px; position: absolute; left: -10px; top: 117px; z-index: 20; }
#header #menu ul li{ position: relative; display: inline; float: left; z-index: 20; }
#header #menu ul li.hover{ z-index: 25; }
#header #menu ul li a{ height: 40px; background: transparent no-repeat center top; display: inline; float: left; overflow: hidden; text-indent: -99999em; }
#header #menu ul li a:hover, #header #menu ul li a:focus, #header #menu ul li.hover a{ background-position: center -40px; }
#header #menu ul li a#nav_home{ width: 90px; background-image: url(/ClientResources/Images/menu-home.jpg); }
#header #menu ul li a#nav_about_us{ width: 112px; background-image: url(/ClientResources/Images/menu-about.jpg); }
#header #menu ul li a#nav_our_services{ width: 137px; background-image: url(/ClientResources/Images/menu-services.jpg); }
#header #menu ul li a#nav_patients{ width: 105px; background-image: url(/ClientResources/Images/menu-patients.jpg); }
#header #menu ul li a#nav_physicians{ width: 123px; background-image: url(/ClientResources/Images/menu-physicians.jpg); }
#header #menu ul li a#nav_news_events{ width: 153px; background-image: url(/ClientResources/Images/menu-calendar.jpg); }
#header #menu ul li a#nav_career_center{ width: 147px; background-image: url(/ClientResources/Images/menu-careers.jpg); }
#header #menu ul li a#nav_location{ width: 113px; background-image: url(/ClientResources/Images/menu-location.jpg); }
.root #header #menu ul li a#nav_home, .about #header #menu ul li a#nav_about_us, .services #header #menu ul li a#nav_our_services, .patients #header #menu ul li a#nav_patients, .physicians #header #menu ul li a#nav_physicians, .calendar #header #menu ul li a#nav_news_events, .careers #header #menu ul li a#nav_career_center, .location #header #menu ul li a#nav_location{ background-position: center bottom; }
#header #menu ul li .subnav{ width: 240px; position: absolute; left: 0px; top: 24px; background: transparent url(/ClientResources/Images/bg-dropdown.png) no-repeat center bottom; display: none; margin: 31px 0 0; }
#header #menu ul li .subnav ul{ width: 200px; background: transparent url(/ClientResources/Images/bg-dropdown-top.png) no-repeat center top; margin: -31px 0 0; overflow: hidden; padding: 31px 20px 35px; }
#header #menu ul li .subnav ul li a{ width: 184px; height: 24px; background: transparent none; color: #4b88c0; font-size: 1.2em; font-weight: bold; line-height: 24px; margin: 0 0 1px; padding: 0 8px; overflow: auto; text-decoration: none; text-indent: 0; }
#header #menu ul li .subnav ul li a:hover{ background: transparent url(/ClientResources/Images/bg-subnav-item-hover.gif) no-repeat center top; color: #fff; }

/*--- Footer ---*/
#footer{ width: 960px; height: 110px; position: relative; margin: 0 auto; }
#footer .legal{ color: #10499e; display: inline; float: left; font-size: 1.1em; line-height: 1.65em; margin: 35px 0 0 25px; }
#footer .legal li{ border-left: solid 1px #10499e; display: inline; padding: 0 4px 0 8px; }
#footer .legal li.firstitem{ border: 0 none; padding: 0 4px 0 0; }
#footer .legal a{ color: #10499e; text-decoration: none; }
#footer .legal a:hover, #footer .legal a:focus{ color: #fff; }
#footer .siteinfo{ color: #10499e; display: inline; float: right; font-size: 1.1em; line-height: 1.65em; margin: 35px 25px 0 0; text-align: right; }
#footer .siteinfo address{ display: inline; float: left; font-style: normal; }
#footer .siteinfo address a{ color: #10499e; text-decoration: none; }
#footer .siteinfo address a:hover, #footer .siteinfo address a:focus{ color: #fff; }
#footer .siteinfo address .fax{ border-left: solid 1px #10499e; margin: 0 0 0 4px; padding: 0 0 0 8px; }
#footer .siteinfo .mcmurry{ width: 37px; height: 37px; background: transparent url(/ClientResources/Images/mcmurry.gif) no-repeat center top; display: inline; float: right; margin: 0 0 0 10px; overflow: hidden; text-align: left; text-indent: -99999em; }
#footer .siteinfo .mcmurry:hover, #footer .siteinfo .mcmurry:focus{ background-position: center bottom; }

/*--- Content ---*/
.literalContent h2, .literalContent h3, .literalContent h4, .literalContent h5, .literalContent h6{ font-weight: normal; line-height: 1.25em; margin: 0 0 0.5em; }
.literalContent h2{ border-bottom: dotted 1px #ccc; color: #4b88c0; font-size: 2em; }
.literalContent h3{ color: #666; font-size: 1.8em; }
.literalContent h4{ color: #10499e; font-size: 1.6em; font-style: italic; }
.literalContent h5{ color: #4b88c0; font-size: 1.4em; }
.literalContent h6{ color: #666; font-size: 1.2em; }
.literalContent p{ font-size: 1.2em; line-height: 1.5em; margin: 0 0 1.5em; text-align: justify; }
.literalContent a{ color: #10499e; text-decoration: none; }
.literalContent a:hover, .literalContent a:focus{ color: #4b88c0; text-decoration: underline; }
.literalContent blockquote, .literalContent q{ border-left: solid 4px #eee; font-size: 1.2em; font-style: italic; line-height: 1.5em; padding: 0 0 0 1em; }
