@import url("/includefiles/redesign/css/global/reset.css");
@import url("/includefiles/redesign/css/global/main.css");
@import url("/includefiles/redesign/css/global/home.css");


@import url("/includefiles/redesign/css/tablet/main.css");

@import url("/includefiles/redesign/css/global/menu_v.css");
@import url("/includefiles/redesign/css/tablet/carousel.css");

/* standard DCTD branch styles */

#bodycopy {								margin: 15px 0 0 0;
											overflow: hidden; }

#mainColumn {							width: 65%;
											float: left;
											margin: 0 0 0 0; 
											 }
							
#secondaryColumn {					width: 35%!important; 
											float: left;
											font-size: 1.2em;
											border-left: 1px solid #AAAAAA;
											box-sizing: border-box;}

#secondaryColumn h3 {				background: #888888 url(/images/redesign/sidebarbkg.png) repeat-x;
											-moz-border-radius: 9px;
											-webkit-border-radius: 9px;
											-khtml-border-radius: 9px;
											border-radius: 9px;
											color: #FFF;
											font-size: 1.1em;
											font-weight: bold;
											padding: 6px 6px;
											margin: 2em 0 10px 0; }

#secondaryColumn h3 a {				color: #FFFFFF!important; 
											text-decoration: none!important;  }
#secondaryColumn h3 a:hover {		color: #CCCCCC!important; }


#secondaryColumn p {					font-size: 12px;
											line-height: 18px;}


.sidebarBlock {						margin: 0 15px 0 15px; 
}











/* branch-specific home page styles below this point */

.homeContentWrapper {					margin: 0 15px 15px 15px; }

.homeImage {								height: 200px; }
													
													
#mobilePills {								display: none; }


#infographicDesktop {					margin: 0 0 2em 0;
												position: relative;}

#infographicDesktop img {				max-width: 100%; }


#infographicDesktop a {             color: #BB0E3D;
                                    font-weight: bold;
                                    text-decoration: none; }
												
#infographicDesktop a:hover {			color: #973335;
												text-decoration: underline; }
												
#infographicDesktop div {				text-align: center; 
												margin: 1em 0; }

#infographicMobile {						display: none; }



.enlargeText {								position: absolute; 
												top: 0;
												right: 0;
												text-align: center;
												}
												
.enlargeText a {							color: #FFF!important; 
												display: block;
												padding: 5px 25px 5px 10px!important;
												background: rgba(34, 94, 133, 0.7) url(/images/redesign/enlarge.png) 75px 5px no-repeat;
												text-decoration: none!important; 
												border: 2px solid #CCC;
												font-size: 12px;
												line-height: 12px;}

.enlargeText a:hover {					background: rgba(186, 22, 63, 0.7) url(/images/redesign/enlarge.png) 75px 5px no-repeat; }
												
.enlargeText img {						vertical-align: middle; 
												margin: 0 0 0 10px!important;
												padding: 0!important;}