﻿@charset "UTF-8";
/* CSS Document */

body{
	/*width:2000px;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin:0px auto;
}
#wrap{
	background-color:#FFF;
	width:100%; 
	height:auto;
	margin:0px auto;
}
#header{
	height:170px;
    width: 1198px;
    margin: 0 auto;
}
.macronav{
	width:1198px;
	height:40px;	
}
.space {
	width:420px;
	height:40px;
	float:left;
}
.givebutton {
	width:175px;
	height:40px;
	float:left;
	text-align:left;
}
.givebutton a {
        text-decoration:none !important;
        border:0 !important;
        color: inherit !important;      
}
.bx-wrapper{
	width:100% !important;
}
.bx-wrapper img{
	margin:0 auto !important;
	padding:0 !important;
}
/*.bx-wrapper li{
	width:209px !important;
}*/
.bx-wrapper .bx-prev {
	left:0 !important;
}
.bx-wrapper .bx-next{
	right:0 !important;
}
li.slide strong{
	width:100% !important;
}
li.slide b{
	width:100% !important;
}
.givebutton img {
	border:0 !important;
}
.logo img {
	border:0 !important;
	padding-top:10px;
}
.givead img {
	border:0 !important;
}
.footerlogo img {
	border:0 !important;
}
.socialicons img {
	border:0 !important;
}
.macroinline {
	float:left;
	list-style-type:none;
	text-decoration:none;
	display:inline;
	position:relative;
}
.macroinline ul {
	text-align:left;
	list-style-type:none;
	text-decoration:none;
        padding-left:25px;
}
.macroinline li, a {
	text-align:left;
	list-style-type:none;
	text-decoration:none;
	display:inline;
}
.macroinline a {
        font-family: museo-sans-rounded;
	font-size:14px;
	color:#d97652;
	margin-right:15px;
}

.macroinline a.last {
        margin-right:0px;
}

.macroinline a:hover, a:active {
	color:#e8b097;
	font-size:14px;
}
/*.macroinline a:visited {
	color:#551A8B;
	font-size:14px;
}*/

.searchform {
    display: block;
    padding-top: 35px;
}

.searchform #txtsearch{
	padding-top:0px;
	float:right;
    /*display:inline;*/
}

.searchicon {
	padding:0px 0px 0px 0px;
	float:right;
	
}
.searchFieldFeature{
	position:absolute;
	right:40px;
	top:37px;
	display:none;
	height:60px;
}
.searchFieldFeature .searchInput{
	position:absolute;
	right:0;
	border:1px solid #d97652;
	border-radius:4px;
}
.searchInput:placeholder-shown {
	border:1px solid #d97652 !important;
}

.searchfield {
	    height:30px;
        font-family: 'museo_slab500';       
        font-size:15px;
        color: #204D61;
        font-weight: bold;
        padding-left:10px;
        background-color: #DEDEE0;
        border-style: none;
}
#nav{
	background-color:#ffffff;
	width:1198px;
	height:113px;
	
}
.logo {
	width:262px;
	height:113px;
	float:left;
	margin-right:113px;
	clear:left;
}
.uninav {
	/*width:886px;*/
	height:113px;
	font-size:18px;
	list-style-type:none;
	text-decoration:none;
	
}
.uninav ul{
	text-align:left;
	list-style-type:none;
	text-decoration:none;
}
.uninav a {
       font-family: 'museo700';
	font-size:18px;
	margin-right:60px;
}
.uninav a.last {
        margin-right:0px;
        padding-right:0px;
}
.uninav a:hover {
	color:#2e495d;
	font-size:18px;
}
.uninav a:active {
	color:#72b0cd;
	font-size:18px;
}

.uninav li, a {
	text-align:left;
	list-style-type:none;
	text-decoration:none;
	display:inline;
	color:#2e495d;
}
.uninav li a:hover {
	color: #008fb5;
}
.header-slider{
	background-color:#008fb5;
	width:1198px;
	height:411px;
	clear:left;
}

#main-content{
	background-color:#ffffff;
	width:1198px;
	height:600px;
    margin: 50px auto 0 auto;
}

.patientStory, .qualitySafety{
    margin-top:30px;
}
.iconlinks {
	width:1198px;
	height:150px;
	font-size:16px;
}
.iconlinks li {
	width:360px;
	height:122px;
	float: left;
}
.iconlinks ul {
	text-align:center;
	list-style-type:none;
	text-decoration:none;
	padding:0px;
	position:absolute;
	margin: 0px;
}

li.patient a, li.services a, li.physician a {
        font-family: 'museo_slab500';

	color:#ffffff;
	
}
.iconlinks a:hover, a:active {
	color:#bcd5e3;
	font-size:16px;
}
li.services {
	padding:50px 62px 0px 0px;
	text-transform:uppercase;
	width:346px;
	height:100px;
	background:url('http://cancer.valleychildrens.org/images/services.png') no-repeat;
    
}
li.patient {
	/*padding:50px 38px 0px 0px;*/
    padding-top: 50px;
    padding-left: 30px;
	text-transform:uppercase;
	width:346px;
	height:100px;
	padding-right:32px;
	background:url('http://cancer.valleychildrens.org/images/referpatient.png') no-repeat;
	
}
li.physician {
	padding-top:50px;
	padding-left:30px;
	text-transform:uppercase;
	width:346px;
	height:100px;
	background:url('http://cancer.valleychildrens.org/images/findphysician.png') no-repeat;
	
}
.column1 {
	width:46%;
    margin-right:4% !important;
	height:430px;
	float:left;
}

.column1 h1 {
    color: #2e495d;
    font-family: "museo_slab500_italic";
    font-size: 42px;
    font-weight: bold;
}

h1.future{
    color: #2e495d;
    font-family: "museo_slab500_italic";
    font-size: 42px;
    font-weight: bold;
    padding-bottom:25px;
    text-transform: none;
}
        .column1 {
	    position: relative;
	    padding-bottom: 23.25%; /* 16:9 */
	    padding-top: 25px;
	    height: 0;
    }
     .column1  iframe {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
    }
.column1 td {
        font-family: 'museo700';
        color: #1A485C; 
        font-weight: bold;
        font-size:12px;
        padding-left: 20px;
        padding-bottom: 40px;
        padding-top: 30px;
}

p.heading {
	font-size:30px;
}
.video {
	width:580px;
	height:380px;
	z-index:99;
}
.column2 {
	width:50%;
/*	height:360px;*/
	float:left;
	padding:0px 10px 0px 10px;
    margin-top:0 !important;
    border-bottom:1px solid #2b2b2b;
}
.column2  .innercolumn
{
    height:300px;
}
span.storytitle {
	color:#1C495E;
    font-family: 'museo700';
	font-size:25px;
    padding-bottom:10px;
    font-weight: bold;
}
.column2 p{
	/*color:#1C495E !important;*/
	/*line-height:18px;*/
    margin-bottom:0px;
    margin-top:10px;
    /*font-family: 'centralesansrndlight';*/
    font-weight: normal;
    display:inline;
}

.ViewText a {
    float: left; 
    line-height: 18px; 
    margin-bottom: 0px; 
    margin-top: 45px; 
    font-family: "museo_slab500"; 
    font-weight: normal; color: rgb(28, 73, 94);
}


.ViewText a:hover{
    cursor:pointer;
    color: #008fb5;
}

.quote {
	width:1198px;
	height:80px;
	background-color:#2e495d;
	clear:left;
	color:#fff;
	margin-bottom:30px;
}
.quote img {
	float:left;
}
.quote p {
	padding-top:15px;
        font-family: museo-sans-rounded;
	font-size:20px;
}
span.derekcarr {
	font-size:14px;
	color:#e4edf2;
}
.gallery {
	width:917px;
	height:379px;
	float:left;
	margin-bottom:30px;
	background-color:#e3eff4;
}
.gallery img {
	width:375px;
	height:379px;
	float:left;
	padding-right:30px;
}
.gallerytext {
	width:500px;
	height:359px;
	float:left;
	padding-top:20px;
}
.clickbutton {
	font-size:12px;
	padding-left:10px;
}
span.title1, span.title2, span.title3, span.title4 {
	color:#0f2d52;
	font-size:16px;
}
p.gallery1, p.gallery2, p.gallery3, p.gallery4 {
	/*color:#0f2d52;*/
        /*font-family: 'centralesansrndlight';*/
	/*font-size:14px;*/
	/*line-height:20px;*/
        margin-bottom:20px;
        margin-top:0px;
}
.givead {
	width:247px;
	height:379px;
	float:right;
}
#footer{
	background-color:#0f2d52;
	width:100%;
	height:auto;
	clear:left;
}
#footer p{
	margin-top:0px;
}
.prefooter{
	background-color:#008fb5;
	height:70px;
	text-align:center;
	padding:10px;

}
.footer-links li, .footer-links a:link{
        font-family: 'museo700';
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size:16px;
	text-align:center;
	display:inline-block;
	zoom:1;
        *display:inline;		
}
.footer-links ul {
	text-align:center;
	list-style-type:none;
	text-decoration:none;
}
		
li.billpay, li.publications, li.careers {
	height:30px;
	width:180px;
	text-align:center;
	background-color:#b4d7e6;
	padding-top:10px;
	margin-right:30px;
	color:#2e495d;
	
}

.footer-links a:hover, a:active {
	color:#008fb5;
	text-align:center;
}

/*.footer-links a:link, a:visited {
	color:#19475C;
	font-weight: bold;
}*/

.mainfooter{
	background-color:#2e495d;
	height:200px;
	text-align:center;
	padding-top:20px;
}
.locationinfo{
    height:100px;
    text-align:center;
    margin:0px auto;
    padding-bottom:30px;
}
.footerlogo {
	width:217px;
	height:96px;
	float:left;
	margin-right:50px;
	text-align:center;
}
.location2 {
	width:233px;
	float:left;
	padding:0px;
}
address {
	text-align:left;
	color:#fff;
        font-family: museo-sans-rounded;
	font-size:14px;
	font-style: normal;
	text-decoration: none;
}
.socialicons {
	height:23px;
	padding-top:20px;
	float:left;
}
.socialicons a {
	display:inline-block;
	text-align:left;
}
a.eportal {
        font-family: museo-sans-rounded;
	font-size:16px;
	color:#f47d4e;
}
a:hover.eportal, a:active.eportal {
	font-size:16px;
	color:#bcd5e3;
}
.copyright {
	color:#fff;
        font-family: museo-sans-rounded;
	font-size:13px;
	padding-bottom:20px;
}
.verticalline {
	color:#008fb5;
}
.copyright a {
	color:#fff;
	font-size:13px;
}
.copyright a:hover {
	color:#bcd5e3;
	font-size:13px;
}
.footer-logos{
	background-color:#ffffff;
	height:80px;
	text-align:center;
}

.bxSliderWrapper {
    background-color: #008fb5;
    width: 100%;
    height: auto;
    clear: left;
}

.bxslider2  {
	margin-top: 0;
	margin: 0px;
}

.physicianSlider {
	margin-bottom: 25px;
}
.column2 {
	display:inline-block;
	margin-top:19px;
}
.newsRow{
	margin-bottom:15px;
	position:relative;
    min-height:110px;
}
.newsTab{
	border-right:1px solid #f47d4e;
	padding-right:34px;
		box-sizing:border-box;
}
    .newsTxtContainer > a{
        color:#2e495d !important;
	    font-family: "museo700";
	    font-size:16px;
        text-decoration:none;
    }

    .newsTxtContainer p > br{
        display:none;
    }

    .newsInnerContent > div:last-child{
        margin:10px 0;
    }

    .classInnerContent > div:last-child{
        margin:10px 0;
    }

.classTab{
	padding-left:22px;
	box-sizing:border-box;
}
.newsEventImg{
	position: absolute;
    top: 0px;
}
.newsTxtContainer{
	display: inline-block;
    padding-left: 185px;
    box-sizing:border-box;
}
.newsClassTab {
	display:inline-block;
	font-size:22px !important;
	color:#f3c4b1 !important;
	font-family: "museo700";
	cursor:pointer;
}
.newsClassesTitle {
	margin-bottom:30px;
	text-align:right;
}
.newsClassesTitle .active {
	color:#f47d4e !important;
}
.newsDate {
	color:#008fb5 !important;
    margin-bottom:3px !important;
}
.newsTxt {
	color:#2e495d !important;
	margin-top:0 !important;
    margin-bottom:3px !important;
}
.newsTitle{
	font-family: "museo700" !important;
	color:#2e495d !important;
    margin-bottom:0 !important;
    display:block !important;
}
.newsTxt span{
	font-family:"museo700";
	color:#2e495d;
    display:inline-block;
    margin: 0 0 17px;
}
    .newsTxt span a{
        color:#2e495d !important;
    }

        .newsTxt span a:hover{
            text-decoration:none;
        }
.classInnerContent{
	display:none;
}
/*LB MODIFIED 3/30*/
.classInnerContent .newsTxtContainer{
    padding-left: 0px;
}

@media (max-width:1280px){
    .column1{
        width:40%;
    }

    .column2{
        width:56%;
    }
}

@media (max-width:1200px){
    .newsClassTab {
        font-size:18px !important;
    }
}


/* Main site Home page Responsive styles */
@media (max-width: 767px) {
    .column1 
    {
        width:100%;
        float:none;
        overflow:hidden;
        padding-bottom:51.25%;
    }
    .column1 .video
    {
        width:100%;
    }
    .column1 .video iframe
    {
        width:100%;
    }
    .column2 
    {
        width:100%;
        float:none;
        margin-top:30px !important;
    }
    .bxSliderWrapper .bx-wrapper .bx-prev
    {
        left:10% !important;
    }
     .bxSliderWrapper .bx-wrapper .bx-next
    {
        right:10% !important;
    }
    .column2 .newsClassesTitle
    {
        text-align:center;
    }
    .list-nav-links .sublinks li a 
    {
	  text-align:left;
	}
	.toggle-nav ul.list-nav-links
	{
	    font-size: 16px;
	    border: 1px solid #efefef;
	    padding: 0 0 0 15% !important;
	    margin: 0px !important;
	}
	.macroinline ul {
        padding-left:10px;
	}
	
	/*.newsClassesTitle  {
        text-align: initial !important;
    }*/

    .classTab {
        padding-left: 5px;
    }
	
	#footer {
        background-color: initial;
    }

    .footer-logos {
        height: auto;
    }

    .footer-logos img {
        width: 25% !important;
        height: auto !important;
        padding-top: 20px;
    }
  
}

  .full-banner .full-banner-container h3, .main-banner-container h3{
          margin:0px !important;
        padding:0px !important;
        max-width: 80%;
        margin: 0 auto !important;
        display: block;
        margin: 50px 15% !important;
        position: relative;
        background-color:rgba(46,73,93,.8);
        display: inline-block;
        color:#fff;
        padding:35px !important;
    }
/*LB MODIFIED*/
.az-service li a:active{
	text-align:left !important;
}


@media (max-width:460px){
    .newsTxtContainer{
        padding-left:0;
        padding-top:10px;
    }

    .NewsImage{
        position:relative;
    }
}

/* -- VCH.css Color issues for compliance -- */

a.eportal {
	color:#0280A1;
}

/* -- Hover states for compliance -- */

a:hover.eportal, a:active.eportal {
	font-size:16px;
	color:#0280A1;
}

.macroinline a:hover, a:active {
	color:#0280A1;
	font-size:14px;
}

.uninav a:hover {
	color:#0280A1;
	font-size:18px;
}

.uninav li a:hover {
	color: #0280A1;
}

.iconlinks a:hover, a:active {
	color:#0280A1;
	font-size:16px;
}

.ViewText a:hover{
    cursor:pointer;
    color: #0280A1;
}

.footer-links a:hover, a:active {
	color:#0280A1;
	text-align:center;
}

.copyright a:hover {
	color:#0280A1;
	font-size:13px;
}
