/*******************************************************************************************************
* Phoenix Children's Hospital
* Developed by I-ology
* http://www.i-ology.com
*
* Created 05/19/10 - AC
*
* General Style Definitions
*******************************************************************************************************/

/*******************************************************************************************************
* Browser Reset - Created by Eric Meyer
*******************************************************************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, nav {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote {
	font-style: italic;
	margin: 0 1.5em;
}


/*******************************************************************************************************
* Typography - Pulled from BlueprintCSS
*******************************************************************************************************/

body { font-size: 70%; }

body {
    color: #212121; 
    font-family: Verdana, Verdana, Helvetica, sans-serif;
	font-size: 11px;
    background: #dbd7d5;
	line-height: 18px;
}

/* Text Elements
-----------------------------*/

h1,h2,h3,h4,h5,h6 { 
  color: #2c95b5;
  font-family: Verdana, Verdana, Helvetica, sans-serif;
}

h1,h2,h3,h4,h5,h6 { font-weight: normal; }

h1 { font-size: 18px; line-height: 20px; color: #2c95b5; margin-bottom: 0; }
h2 { font-size: 14px; margin: 0; font-weight: bold; }
h3 { font-size: 12px; font-weight: bold; margin: 1.1em 0 .3em 0; }
h4, h5, h6 { font-size: 11px; line-height: 18px; margin-bottom: 1em; }



/* p           { margin: 0 0 1em; } */
p           { margin: 0; }
p.last      { margin-bottom: 0; }
/* p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; } */
p img.top   { margin-top: 0; } /* Use this if the image is at the top of the <p>. */
img         { margin: 0; padding: 0; line-height: 0; }

a:focus, 
a:hover     { text-decoration: none; }
a:link,
a:visited   { color: #bd0027; outline: none; }

ul, ol      { margin:0 1.5em 1.5em 2.5em; }
ul          { list-style-type: circle; }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}
strong      { font-weight: bold; }
em          { font-style: italic; }
hr          { border: 0; color: #d4cecb; background-color: #d4cecb; height: 1px; }

/*******************************************************************************************************
* Layout Definitions
*******************************************************************************************************/

#container { 
	width: 960px;
	margin: 0 auto 30px auto;
	background: #fff;
}

#header {
	width: 960px;
	height: 104px;
	overflow: hidden;
}

#logo {
	display: inline;
	margin: 14px 0 0 38px;
	float: left;
}

#content-container {
	width: 960px;
	overflow: hidden;
	background: url(../images/left-column-bg.gif) top left repeat-y;
}

#content-column {
	float: right;
	width: 703px;
}

#sidebar {
	float: left;
	width: 250px;
	padding: 6px 0 20px 7px;
	width/**/:/**/ 243px;
}

#content {
	width: 703px;
	padding: 24px 33px 30px 33px; 
	width/**/:/**/637px;
	overflow: hidden;
}

#content-promos {
	width: 703px;
	overflow: hidden;
}

#breadcrumb-nav {
	color: #666666;
	font-size: 10px;
	margin-bottom: 20px;
}

#breadcrumb-nav a {
	color: #666666;
	font-weight: bold;
}

#body-content {
	float: left;
	width: 470px;
}

/* Patient Stories Styling */
#content table.patient-stories-text tbody tr td p {
	font-size: 11px;
}

#content table.patient-stories-text tbody tr td p a {
	font-size: 12px;
}

#content div a.promo-share-story {
	display: block;
	width: 248px;
	height: 64px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/images/promo-share-story.gif) top left no-repeat;
}

#content div a:hover.promo-share-story {
	background-position: bottom;
}

/*******************************************************************************************************
* Promos
*******************************************************************************************************/

#promo-virtual-tour {
	display: block;
	width: 243px;
	height: 133px;
	margin: 0 0 9px 0;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/promo-virtual-tour.gif) top left no-repeat;
}

#promo-urgent-care {
	display: block;
	width: 243px;
	height: 141px;
	margin: 0 0 9px 0;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/promo-urgent-care.gif) top left no-repeat;
}

#promo-health-topics {
	display: block;
	width: 243px;
	height: 180px;
	margin: 0 0 6px 0;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/promo-health-topics.gif) top left no-repeat;
}

#promo-enewsletter {
	display: block;
	width: 243px;
	height: 180px;
	margin: 0 0 6px 0;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/promo-enewsletter.gif) top left no-repeat;
}

#promo-donate-now {
	display: block;
	width: 243px;
	height: 180px;
	margin: 0 0 6px 0;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/promo-donate-now.gif) top left no-repeat;
}

#events-classes {
	float: left;
	width: 234px;
	height: 39px;
}

#email-signup,
#child-health {
	float: left;
	width: 236px;
	height: 39px;
}

#multimedia {
	float: left;
	width: 233px;
	height: 39px;
}

#events-classes a {
	display: block;
	width: 234px;
	height: 39px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/promo-events-classes2.gif) top left no-repeat;
}

#email-signup a {
	display: block;
	width: 236px;
	height: 39px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/promo-email-signup2.gif) top left no-repeat;
}

#child-health a {
	display: block;
	width: 236px;
	height: 39px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/promo-child-health2.gif) top left no-repeat;
}

#multimedia a {
	display: block;
	width: 233px;
	height: 39px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/promo-multimedia2.gif) top left no-repeat;
}

a:hover#promo-virtual-tour,
a:hover#promo-urgent-care,
a:hover#promo-health-topics,
#events-classes a:hover,
#email-signup a:hover,
#child-health a:hover,
#multimedia a:hover,
a:hover#promo-donate-now,
a:hover#promo-enewsletter {
	background-position: bottom;
}

/*******************************************************************************************************
* Quick Links
*******************************************************************************************************/

#promo-request-appointment {
	width: 146px;
	margin: 0 0 5px 0;
}

#promo-request-appointment a {
	display: block;
	width: 146px;
	height: 57px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/promo-request-appointment.gif) top left no-repeat;
}

#promo-request-appointment a:hover {
	background-position: bottom;
}

#quick-links {
	float: right;
	width: 146px;
	margin-top: 5px;
}

#quick-links h4 {
	font-size: 14px;
}

#quick-links div {
	padding: 6px 10px 6px 3px;
	border-bottom: 1px solid #dbd7d5;
}

#quick-links a {
	text-decoration: none;
}

#quick-links a:hover {
	text-decoration: underline;
}

/*******************************************************************************************************
* Connect With Us
*******************************************************************************************************/

#connect-with-us {
	width: 243px;
	background: url(../images/connect-with-us-bg.gif) top left repeat-y;
}

#connect-bg {
	width: 243px;
	padding-bottom: 15px;
	overflow: hidden;
	background: url(../images/connect-with-us-bttm.gif) bottom left no-repeat;
}

#connect-bg h3 {
	width: 243px;
	height: 38px;
	margin: 0 0 10px 0;
	padding: 0;
	text-indent: -9999px;
	background: url(../images/hdr-connect-with-us.gif) top left no-repeat;
}

.sm-wrapper {
	height: 26px;
	margin-bottom: 4px;
	overflow: hidden;
}

.sm-icon {
	clear: left;
	float: left;
	width: 26px;
	margin: 0 0 0 27px;
	display: inline;
}

.sm-link {
	clear: right;
	float: right;
	width: 181px;
	margin-top: 0;
}


/*******************************************************************************************************
* Lists
*******************************************************************************************************/

#body-content ul,
#body-content ol {
    margin: 0 0 10px 15px;
}

#body-content ul li {
    list-style: none;
    background: url(/images/bullet.gif) no-repeat 1px 7px;
    line-height: 18px;
    padding: 0 0 0 12px;
}

#body-content ol li {
    line-height: 1.3em;
    padding: 0 0 6px 0;
    margin-left: 24px;
}


/*******************************************************************************************************
* Search Module
*******************************************************************************************************/

#global-search {
	display: inline;
	width: 433px;
	float: right;
	margin: 10px 34px 0 0;
}

#search {
	float: right;
	height: 24px;
}

#search-field {
	float: left;
	width: 176px;
	height: 24px;
	background: url(../images/site-search-bg.gif) top left no-repeat;
}

#search-field input {
	margin: 3px 0 0 3px;
    width: 170px;
    border: 0;
    background: none;
}

#phone-number {
	float: left;
	width: 170px;
	height: 24px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/call-us-at.gif) top left no-repeat;
}

#search-button {
	float: left;
	width: 30px;
}

/*******************************************************************************************************
* Global Navigation
*******************************************************************************************************/

#global {
	margin: 0 0 21px 0; 
    padding: 0;
    width: 433px;
    height: 21px;
    list-style: none;
}

#global li {
    padding: 0;
    text-indent: -9999px;
    display: inline;
    float: left;
}

#global a {
	margin-top: 7px;
    height: 21px;
    display: block;
}

a#care-pages {
	margin-top: 0;
	height: 32px;
    width: 84px;
    background: url(../images/global-care-pages.gif) top left no-repeat;
}

a#for-health-prof {
    width: 156px;
    background: url(../images/global-health-prof.gif) top left no-repeat;
}

a#about-us {
    width: 62px;
    background: url(../images/global-about-us.gif) top left no-repeat;
}

a#careers {
    width: 56px;
    background: url(../images/global-careers.gif) top left no-repeat;
}

a#en-espanol {
    width: 75px;
    background: url(../images/global-en-espanol.gif) top left no-repeat;
}

a:hover#donate-now, body#donate-now-on #global #donate-now,
a:hover#for-health-prof, body#for-health-prof-on #global #for-health-prof,
a:hover#about-us, body#about-us-on #global #about-us,
a:hover#careers, body#careers-on #global #careers,
a:hover#en-espanol, body#en-espanol-on #global #en-espanol {
    background-position: bottom left;
}


/*******************************************************************************************************
* Primary Navigation
*******************************************************************************************************/

#nav {
	width: 960px;
	height: 31px;
	list-style: none;
	margin: 0; 
    padding: 0;
	overflow:  hidden;
}

#nav li {
    padding: 0;
    text-indent: -9999px;
    display: inline;
    float: left;
}

#nav a {
    height: 31px;
    display: block;
}

a#health-information {
    width: 159px;
    background: url(../images/nav-health-information.gif) top left no-repeat;
}
a#medical-specialites {
    width: 160px;
    background: url(../images/nav-medical-specialties.gif) top left no-repeat;
}
a#find-a-doctor {
    width: 125px;
    background: url(../images/nav-find-doctor.gif) top left no-repeat;
}
a#locations {
    width: 100px;
    background: url(../images/nav-locations.gif) top left no-repeat;
}
a#patients-visitors {
    width: 154px;
    background: url(../images/nav-patients-visitors.gif) top left no-repeat;
}
a#community {
    width: 115px;
    background: url(../images/nav-community.gif) top left no-repeat;
}
a#ways-of-giving {
    width: 147px;
    background: url(../images/nav-ways-of-giving.gif) top left no-repeat;
}

a:hover#health-information, body#health-information-on #nav #health-information,
a:hover#medical-specialites, body#medical-specialites-on #nav #medical-specialites,
a:hover#find-a-doctor, body#find-a-doctor-on #nav #find-a-doctor,
a:hover#locations, body#locations-on #nav #locations,
a:hover#patients-visitors, body#patients-visitors-on #nav #patients-visitors,
a:hover#community, body#community-on #nav #community,
a:hover#ways-of-giving, body#ways-of-giving-on #nav #ways-of-giving {
    background-position: bottom left;
}

/*******************************************************************************************************
* Subnavigation
*******************************************************************************************************/

.subnav {
	border-top: 1px solid #d4cecb;
	border-bottom: 1px solid #d4cecb;
	width: 257px;
	padding: 6px 7px 5px 7px;
	width/**/:/**/ 243px;
	margin: 0 0 7px -7px;
	background: #fff;
}

.subnav div a,
.subnav div a:visited {
	display: block;
	width: 243px;
	padding: 6px 16px;
	width/**/:/**/ 211px;
	background: #33a6c2;
	margin-bottom: 1px;
	text-decoration: none;
	color: #fff;
	line-height: 16px;
}

.subnav div a:hover,
.subnav div.navigationSubMenu div.navigationSubMenu a:hover {
	background: #ef464f;
}

.subnav div.navigationSubMenu a,
.subnav div.navigationSubMenu a:visited {
	display: block;
	width: 243px;
	padding: 6px 16px 6px 36px;
	width/**/:/**/ 191px;
	background: #076987;
	margin-bottom: 1px;
	text-decoration: none;
	color: #fff;
	line-height: 16px;
}

.subnav div.navigationSubMenu div.navigationSubMenu a,
.subnav div.navigationSubMenu div.navigationSubMenu a:visited {
	display: block;
	width: 243px;
	padding: 6px 16px 6px 56px;
	width/**/:/**/ 171px;
	background: #00455a;
	margin-bottom: 1px;
	text-decoration: none;
	color: #fff;
}

.navigationItemLabel {
	display: block;
	width: 243px;
	padding: 15px 16px 6px 16px;
	width/**/:/**/ 211px;
	margin-top: 1px;
	margin-bottom: 1px;
	text-decoration: none;
	line-height: 16px;
	color: #5d5d5d;
	font-weight: bold;
	border-top: 1px solid #33a6c2;
}

.subnav div a:hover,
div.contents1 div.group1 a:hover,
div.contents1 div.group1 div.contents2 a:hover,
.subnav div.navigationSubMenu div.navigationSubMenu a:hover,
.subnav div.navigationSubMenu a:hover {
	background: #ef464f;
}

div.contents1 h1,
div.contents1 div.group1 h1,
div.contents1 div.group1 h2 {
	font-size: 12px;
	margin: 0;
}

/*******************************************************************************************************
* Footer Definitions
*******************************************************************************************************/

#footer {
	width: 960px;
	padding: 30px 0;
	background: #ea2542;
	color: #fff;
	font-size: 11px;
	overflow: hidden;
	line-height: 16px;
}

#footer-navigation {
	float: left;
	width: 515px;
	display: inline;
	overflow: hidden;
	margin-left: 33px;
}

#copyright {
	display: inline;
	float: right;
	margin-right: 40px;
	text-align: right;
}

#footer-navigation a,
#copyright a {
	color: #fff;
}

#footer-donate {
	float: left;
	width: 122px;
}

#footer-donate a {
	display: block;
	width: 97px;
	height: 28px;
	margin-top: 4px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/footer-donate.gif) top left no-repeat;
}
#footer-donate a:hover {
	background-position: bottom;
}

#footer-nav1 {
	float: left;
	width: 106px;
}

#footer-nav2 {
	float: left;
	width: 92px;
}

#footer-nav3 {
	float: left;
	width: 112px;
}

#footer-nav4 {
	float: left;
	width: 83px;
}

/*******************************************************************************************************
* Dropdown Styling
*******************************************************************************************************/

.anylinkcss {
	visibility: hidden;
	position: absolute;
    border:1px solid #dededf;
    line-height: 20px;
    margin-top: -1px;
    z-index: 100;
    background: #842b37 url(/images/dd-bg.gif) top left repeat-x;
    width: 225px;
    padding: 10px 0 15px 0;
}

.anylinkcss a {
    width: 225px;
    display: block;
    color: #fff;
    /*text-indent: 18px;*/
    padding: 3px 16px 3px 30px;
	font-size: 13px;
    width/**/:/**/ 180px;
    text-decoration: none;
    background: url(/images/dd-nav.gif) bottom left no-repeat;
}

.anylinkcss a:hover{ /*hover background color*/
    background: url(/images/dd-hover.gif) center left no-repeat;
    color: #fff;
}


/*******************************************************************************************************
* Nivo Slider
*******************************************************************************************************/

/*
 * jQuery Nivo Slider v2.0
 * http://nivo.dev7studios.com
 *
 * Copyright 2010, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */

#slider {
	display: block;
	position:relative;
	//See the "style-pack" below for image
	background:url(/images/loading.gif) no-repeat 50% 50%; 
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a{
	display:block;
}
.nivoSlider {
	position:relative;
	height: 154px;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */

.nivo-controlNav {
	position: absolute;
	top: 175px;
	right: 30px;
	z-index:98;
}

.nivo-controlNav a {
	float: left;
	position:relative;
	z-index:99;
	cursor:pointer;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	padding: 4px 8px;
	color: #fff;
}
.nivo-controlNav a.active {
	font-weight:bold;
	background: #ca282e;
}