@charset "utf-8";
/* CSS Document */

body {
	font-size: 90%;
	font-family: Arial, Helvetica,  sans-serif;
	background-color: #e8e8e8;
	background-image:url();
	background-image: 100%;
	background-position: bottom center;
	background-repeat:no-repeat;
	background-attachment:fixed;  
	margin: 0;
	padding: 0;
	color: #000000;
}

ul, ol, dl {
	padding-left: 30px;
	line-height: 20px;
	/*margin: 0; */
}
figcaption {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 70%;
}

h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
}
h1 {
	font-family: 'Playfair Display', serif;
	font-size: 250%;
}
h2 {
	font-family: 'Playfair Display', sans-serif;
	font-size: 130%;
}
h3 {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 90%;
}
h4 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 200%;
	letter-spacing: 1px;
}

h5 {
	font-family: times new roman, serif;
	font-size: 250%;
}

h7 {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 70%;
}
a img {
	border: none;
}
a:link {
	color: #171717;
	/*text-decoration: none;*/
}
a:visited {
	color: #171717;
	/*text-decoration: none;*/
}
a:hover, a:active, a:focus { 
	text-decoration: none;
}
a.hnav {
	color:#fff; 
	word-spacing:1px;	
}
a.hnav:hover {
	opacity:0.7;
	filter:alpha(opacity=60);
	-webkit-transition: opacity .3s linear;
}

a.uline:hover {
	text-decoration:underline;
	/*background-color: #bfbfbf; /**/
}

/*navigation bar styles*/ 
.social_media_cont
{
	word-spacing:8px; 
	text-decoration: none;
	float:right; 
	margin-top: 10px; 
	border:0px solid yellow;
}
.social_media_cont > a > img { width:25px; }
#youtube_pad { padding-bottom: 3px; }
.navbar_cont
{
	padding-top: 15px; 
	border:0px solid red;
}
.navbar_cont > a 
{
	border-bottom:2px solid #660000;
}	
.info_link_cont
{
	text-align:right; 
	border:0px solid red; 
	margin-top: 0px;
}
.info_link_cont > a
{
	word-spacing:0px; 
	cursor:pointer; 
	font-size:17px; 
}
.info_link_cont > a.info_f_color { color:#ffffff; }

nav.fixed {
  max-width: 1040px;
  position: fixed;
  top: 0;
  z-index: 999;
}
.headernav {
	background-color:#000000;
	background-image:url(graphics/nav.png);
	height:65px;
	font-size:20px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:100;
	color:#fff;
	padding-left:0px;
	padding-right:0px;
	padding-top: 0px;
	padding-bottom: 15px;
	text-shadow: 1px 1px 1px #4248B8;
	word-spacing: 50px;
	width:100%;
	/*border-bottom: 2px solid #800000;*/ 
	
	-webkit-box-shadow: -1px 4px 32px -6px rgba(0,0,0,0.75);
	-moz-box-shadow: -1px 4px 32px -6px rgba(0,0,0,0.75);
	box-shadow: -1px 4px 32px -6px rgba(0,0,0,0.75);
}
.floatingdiv {
	background-image:url(graphics/bgsmall.png); 
	background-position:center center; 
	width: 100%;
	height:100%;
	border:1px solid #fff;
	-webkit-box-shadow: -1px 4px 32px -6px rgba(0,0,0,0.75);
	-moz-box-shadow: -1px 4px 32px -6px rgba(0,0,0,0.75);
	box-shadow: -1px 4px 32px -6px rgba(0,0,0,0.75);
}
.button {
	background-color:#000000;
	border:none;
	-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
	color:#ffffff;
	padding:5px 10px 5px 10px;
	font-size: 80%;
	float: right;
} 


/*pages flex box*/
.pages-flex-container 
{
	display: flex; 
	flex-wrap: wrap; 
	justify-content: flex-start; 
	
	max-width: 700px; 
	margin: auto; /*centers the container*/ 
	padding: 0px 0px 25px 0px;  /*t,r,b,l*/
	/*border:1px solid red; /*hide - for layout only*/
}
.pages-flex-container > a    
{
	padding: 0px 5px 7px 5px;  /*t,r,b,l*/	
	/*width: 700px; /* so that top text column and bottom line up on small screens*/ 
	/*border:1px solid green; /*hide - for layout only*/
}
.links-flex-container 
{
	display: flex; 
	flex-wrap: wrap; 
	justify-content: center; 
	
	max-width: 700px; 
	margin: auto; /*centers the container*/ 
	padding: 0px 0px 25px 0px;  /*t,r,b,l*/
	/*border:1px solid red; /*hide - for layout only*/
}
.links-flex-container > a    
{
	padding: 0px 5px 0px 5px;  /*t,r,b,l*/	
	/*width: 700px; /* so that top text column and bottom line up on small screens*/ 
	/*border:1px solid green; /*hide - for layout only*/
}
.home-top-container
{
	max-width: 100%;
	margin: auto; /*centers the container*/			
	padding: 0px 25px 0px 25px;  /*t,r,b,l*/
	background: rgba(191, 191, 191, 1); /**/ 
	/*award-flex-containerborder:1px solid red; /*hide - for layout only*/	
}
.home-flex-container 
{
	display: flex; /*flexbox for homepage*/
	flex-wrap: wrap; /*flex - wrap or nowrap*/ 
	justify-content: space-evenly; /*flex - how items are positions in flexbox*/
	
	max-width: 1366px; 
	margin: auto; /*centers the container*/ 
	padding: 35px 0px 35px 0px;  /*t,r,b,l*/
	/*border:1px solid red; /*hide - for layout only*/
}
.home-flex-item   
{
	padding: 0px 15px 0px 15px;  /*t,r,b,l*/	
	width: 350px; /* so that top text column and bottom line up on small screens*/ 
	/*border:1px solid green; /*hide - for layout only*/
}
/*video page flex box*/
.videoPg-flex-container 
{
	display: flex; /*flexbox for homepage*/
	flex-wrap: wrap; /*flex - wrap or nowrap*/ 
	justify-content: space-evenly; /*flex - how items are positions in flexbox*/
	
	max-width: 1366px; 
	margin: auto; /*centers the container*/ 
	/*border:1px solid red; /*hide - for layout only*/
}
.videoPg-flex-container > div    
{
	max-width: 600px; 
	margin: 0px 15px 0px 15px;  /*t,r,b,l*/
	text-align: center;
	/*border:1px solid green; /*hide - for layout only*/
}
.videoPg-flex-container > div > iframe    
{
	margin: 0px 15px 50px 15px;  /*t,r,b,l*/	
	box-shadow: 0px 0px 15px 3px #383838; /*h-offset, v-offset, blur, spread, color*/
	max-width: 100%;/**/ 
}
.videoPg-flex-container > div > p    
{
	font-weight: bold; 	
	font-size: 16px;
	padding-bottom: 0px; 
	line-height: 1.6; 
}
.button-flex-container 
{
	display: flex; /*flexbox for homepage*/
	flex-wrap: wrap; /*flex - wrap or nowrap*/ 
	justify-content: center; /*flex - how items are positions in flexbox*/
	
	max-width: 1200px; 
	margin: auto; /*centers the container*/ 
	/*border:1px solid red; /*hide - for layout only*/
}
.vbutton 
{
	background: black;
	border-radius:10px;
	border: 2px solid #fff;
	cursor:pointer;
	color:#ffffff;
	font-size: 120%;
	font-weight:400;
	letter-spacing:1px;
	padding:7px 20px;
	text-decoration:none;
	margin:20px 40px;
}
.center
{
	display:flex; /**/
	justify-content:center; /**/
	align-items:center; /**/
}
.vidList1
{
	background-color: rgba(217,217,217,1); 
	border:0px solid #b5b5b5;
}
.vidList2
{
	padding:5%;
	color: #636363;
}
.vidList3
{
	font-size:100%; 
	overflow:scroll; 
	height:200px; 
	padding-left: 20px; 
	padding:5%; 
	background-color: rgba(242,242,242,1);
	text-decoration: underline;
}
.vidList3 > li { margin-bottom:10px; }

/*contact*/
.contact-flex-container 
{
	display: flex; 
	flex-wrap: wrap; 
	justify-content: center; 
	
	margin: auto; /*centers the container*/ 
	/*border:1px solid red; /*hide - for layout only*/
}
.contact-flex-item 
{
	width: 200px; 
	text-align: center;
	/*border:1px solid green; /*hide - for layout only*/
}


/*award flex box*/
.bold { font-weight: bold; }
.bkgd-color {background-color: rgba(201, 201, 201, 1);}
.award-flex-container 
{
	display: flex; 
	flex-wrap: wrap; 
	justify-content: center; 
	
	max-width: 1400px; 
	margin: auto; /*centers the container*/
	align-items: center; /*centers each individual box vertically*/
	padding: 25px 0px 25px 0px;  /*t,r,b,l*/
	/*border:1px solid red; /*hide - for layout only*/
}
.award-flex-item  
{
	width: 300px;
	/*border:1px solid red; /*hide - for layout only*/
}
.break 
{
  flex-basis: 100%;
  height: 0;
}
#award-seal
{
	width: auto;
	height: 150px; 	
	display: block; /*center*/
	margin-left: auto; /*center*/
	margin-right: auto; /*center*/
}
#award-text
{
	text-align: center; 
	font-weight: bold; 
	font-size: 14px; 
}


.container {
	width: 960px;
	background-color: transparent;
	margin: 0 auto;
	/*border:1px solid red; /*hide - for layout only*/
}
.container2 {
	width: 1000px;
	background-color: transparent;
	margin: 0 auto;
	/*border:1px solid red; /*hide - for layout only*/
}

.imgloaddiv {
	width: 100%; 
	background-color:#e8e8e8; 
	background-image:url(images/unitedmedical-flags.png); 
	background-position: bottom center; 
	background-size:cover; 
	background-repeat:no-repeat; 
	margin-bottom:-10px;
	
}

.blackdivplus {
	width: 100%; 
	background-color:#141414; 
	padding:15px 0px 5px 0px;
	border-bottom:2px solid #0a0a0a; 
	border-top:2px solid #0a0a0a;
	text-align:center;
	background-image:url(images/conference.png); 
	background-position: bottom center; 
	background-size:cover; 
	background-repeat:no-repeat; 
	position:relative; z-index:2; 
}

.blackdiv {
	width: 100%; 
	background: linear-gradient(0deg, #141414 , #1f1f1f);
	padding-top:20px; 
	padding-bottom:20px; 
	border-bottom:2px solid #0a0a0a;
	border-top:1px solid #141414;
	text-align:center;
	color:#ffffff;
}

.blackdiv2 {
	width: 100%; 
	background-color:#000000; 
	padding-top:10px; 
	padding-bottom:1px; 
	text-align:center;
}

.graydiv {
	width: 100%; 
	background: #bfbfbf;
	padding-top:20px; 
	padding-bottom:20px; 
	text-align:center;
	color:black;
}

.transparentdiv {
	width: 100%; 
	/*background-color: #bfbfbf; /* OLD background color */
	padding-top:25px; 
	padding-bottom:25px; 
	/*border-top:1px solid #ccc; /**/ 
}

/*community work flexbox styling*/ 
.color_container 
{
	background-color: lightgray;
}
.press_flex_container 
{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;	
	width: 95%; 
	margin: auto;
	/*border:1px solid red; /*hide - for layout only*/		
}
.press_flex_item
{  
	width: 600px; 
	margin-bottom: 70px; 
	padding: 0px 25px 0px 25px; 
	/*border:1px solid blue; /*hide - for layout only*/
}
.press_tBlock
{
	width: 500px; /*625*/
	margin: auto;	
	/*border:1px solid green; /*hide - for layout only*/
}
.press_tColor
{
	color:#800000;
}
.scrollBox 
{
  background-color: white;
  max-width: 500px;
  height: 250px;
  overflow: scroll;
  padding: 15px;
  border:5px solid lightgray; /**/
  margin: auto;
}
.picBorder
{
	border: 3px groove lightgray; /* border, pop-out, transparency */ 
	box-shadow: 5px 5px 5px gray;
}

#lh-x
{  
	line-height: 1.6; /**/
}
.comm_container
{
	width: 960px; 
	margin: auto;
	padding-bottom: 75px; 
	/*border:1px solid gray; /*hide - for layout only*/	
}
.comm_flex_container 
{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	align-items:flex-end; /*get items to line up on bottom */ 
	width: 960px; 
	margin: auto;
	/*border:1px solid green; /*hide - for layout only*/	
}
.comm_flex_item 
{  
	text-align:center;
	/*border:1px solid blue; /*hide - for layout only*/
}
#ywca 	{width: 200px; height:auto; padding: 15px 0px 10px; }
#fbd 	{width: 200px; height:auto; }
#spca 	{width: 200px; height:auto; }




.umdiv {
	width: 100%; 
	background-color:#e8e8e8; 
	background-image:url(images/unitedmedical-building.png); 
	background-position: top center; 
	background-size:cover; 
	background-repeat:no-repeat;
	padding: 25px 0px 15px 0px;
}
.textopacity {
	color:#ffffff;
	opacity:0.5; 
	filter:alpha(opacity=95);
}

.header {
	background-color: #ADB96E;
}

.content {

	padding: 10px 0;
}

.imgborder {
	-webkit-box-shadow: -1px 4px 32px -6px rgba(0,0,0,0.75);
	-moz-box-shadow: -1px 4px 32px -6px rgba(0,0,0,0.75);
	box-shadow: -1px 4px 32px -6px rgba(0,0,0,0.75); 
	padding:5px;
}

.videoborder {
	-webkit-box-shadow: -1px 4px 32px -6px rgba(0,0,0,1);
	-moz-box-shadow: -1px 4px 32px -6px rgba(0,0,0,1);
	box-shadow: -1px 4px 32px -6px rgba(0,0,0,1); 
	padding:0px;
}

.footer {
	padding: 10px;
	border-top:3px solid #303030;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 95%;
	color: #000000;	
	background-color: #adadad; 
	text-align: center;
}

.fltrt {  
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

#blanket {
background-color:#111;
opacity: 0.65;
*background:none;
position:absolute;
z-index: 9001;
top:0px;
left:0px;
width:100%;
}

#popUpDiv {
position:absolute;
background:url(pop-back.jpg) no-repeat;
width:400px;
height:400px;
border:5px solid #000;
z-index: 9002;
}

/*for slideshow - old code*/
/*
ul.ppt {
	position: relative;
	z-index:-1;
}

.ppt li {
	list-style-type: none;
	position: absolute;
	top: 0px;
	left: 0px; 
}
*/ 

/*for slideshow - NEW code*/
#goalFont 
{
	font-family: 'Playfair Display', sans-serif;
	font-size: 25px;
	
	text-align: left;
	padding: 0px 0px 0px 415px; /*top, right, bot, left*/ 
}
#goalFont2 
{
	font-family: 'Playfair Display', sans-serif;	
}
.rotate_text
{
	font-family: 'Playfair Display', sans-serif;
	color:black; 
	padding-top:14px; 
	text-shadow: 1px 1px gray;
}

.goal
{
	text-align: center;
	padding: 0px 0px 0px 0px; /*top, right, bot, left*/ 
}

ul.ppt {
	z-index:-1; /*controls depth - put on top of everything else*/ 
}

.ppt li {
	list-style-type: none; /*hides bullet point*/ 
	position: absolute; /*fixes double showing*/ 
	top: 70px;	
	width: 60em /*horizontal window*/ 
}


.ppt img {
	border: 1px solid transparent;
	padding: 5px;
	background-color: white;
}


/*Carousel styles*/ 
.carousel 
{
	width:100%; 
	float:left;
	margin-right: 40px;
	box-shadow: -1px 4px 32px -6px rgba(0,0,0,0.75); 
	position: relative;
}

/*slideShow styles 
.mySlides {display: none;}
.slideshow-container 
{
  max-width: 480px;  
}
.active 
{
  background-color: #717171;
}
.fade 
{
  animation-name: fade;
  animation-duration: 1.5s;
}
@keyframes fade 
{
  from {opacity: .4} 
  to {opacity: 1}
}
.mySlides > img 
{
	width:100%; 
	float:left;
	margin-right: 40px;
	box-shadow: -1px 4px 32px -6px rgba(0,0,0,0.75); 
	padding:5px;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
*/


.media_cont
{
	margin: auto;
	width: 875px; 
	padding:0px 0px 45px; 			
	background: rgb(232,232,232);/**/
	background: linear-gradient(180deg, rgba(232,232,232,1) 0%, rgba(255,255,255,1) 100%);/**/
}
.media_box
{
	width: 580px; 
	margin: auto; 
	line-height: 1.6; 
	/*border: 1px red solid; /**/
}
.media_title
{
	text-align:center; 
	margin-bottom:10px; 
	font-size: 38px;
}
.media_par
{	
	font-size: 16px; 
	margin:0px auto 20px; 
	line-height:1.5; 
	border-top: 2px solid #800000;
	padding: 10px 15px 0px; 
}
.media_list_title 
{
	font-size: 15px; 
	margin-bottom:5px; 
	font-weight:bold;
}
.media_list
{
	width: 425px; 
	margin: auto; 
	line-height: 1.7; 
	text-decoration: underline; 	 
	display: inline-block; 
	/*border: 1px green solid; /**/
}
.flag_img
{
	display:inline-block; 
	vertical-align: top; 
	height: 550px; 
	width: auto;
}