/* This CSS can be used for any website the has one image containing a sites logo and name */
#left_transparent, body #sg_topImageContainer {
    background: #fff none repeat scroll 0 0 !important;
}

#theSlides img, #topImage #slideshow {
	height: 140px !important;
}

@media only screen and (max-width : 720px) {
	#theSlides img, #topImage #slideshow {
		height: 80px !important;
	}
}
#slide_text {
	margin: 30px 0 0 12px !important;
	/* The background image is now supplied from the Razor code */
	/*background: transparent url("/media/10138515/ucsf-dept-surgery-logo-1125x163.jpg") no-repeat;*/
	max-width: 500px;
	width: 50%;
	height: 80px;
	background-size: contain;
    background-repeat: no-repeat;

}
#slide_text img {
    height: 80px;
    margin: 30px 0 0 12px !important;
    max-width: 500px;
    width: 50%;
}


#left_transparent, body #sg_topImageContainer {
	background: #fff !important;
}


#menu_popout_container, #menu_popout, #menu_popout h2 a, #menu_popout .hovering h2 a {
  border: 0 !important;
}

#menu_popout, #menu_popout_container {
  height: 36px;
}

.dmain {
  top: 36px;
}
#menu_popout .mega:hover h2 a {
	color: #777;
}
#menu_popout .mega:hover h2 a:hover {
	color: #0450ac;
}

.site-logo::before {
display: none;
}








/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */