/* CSS Document */
@font-face {
  font-family: avenir_next;
  src: url("font/avenir_next_0.ttf");
}
body{
	 
	padding:0;
	width:1920px;
	height:1080px;
	overflow:hidden;
	margin:0 auto;
	background-color: #454545;
	color: #004B8B; 
	font-family: avenir_next,partareg, Arial;
	}
a {text-decoration: none;}
 

img.map, map area{
    outline: none;
} 

	
#popupbox{
	clear: both;
	width: 90%;
	height: auto;
	background-color:#ffffff;
	border:2px solid #ccc;
	border-radius:5px;
	position:absolute;
	margin:  0 auto;
	top:5%; 
	left:5%;
  
	padding:10px 10px 10px 10px;
	display:none;
	z-index:99999; 
	 }


#popupboxsearch{
	font-size: 18px;
	overflow-y: scroll;
	clear: both;
	width: 70%; height: 80%;
	background-color:#ffffff;
	border:2px solid #ccc;
	border-radius:5px;
	position:absolute;
	left:15%;
    top:10%; 
	padding:10px 10px 10px 10px;
	display:none;
	z-index:99999; 
	text-align: center;
}

#shaddow{
	clear: both;
	z-index:888;
	width:100%;
	height:110%;
	top:0%;
	left:0;
	background-color:#000;
	opacity:.5;
	filter: alpha(opacity = 50);
	position:fixed;
	display:none;
}

/******************KEYBOARD****************************************/


.goldbtn2{
	 
	padding:10px 20px;;
	 
	border:2px solid #fff;
	background-color:#509CCC;
	background-repeat:no-repeat;
	background-position:center middle;
	 
	text-transform:uppercase;
	font-size:25px;
	text-decoration:none;
	color:#fff;
	text-align:center;
	line-height:30px;
	 
	cursor:pointer;
	border-radius: 10px;
	}
 
	input.goldbtn2 {
	height:70px; width:350px;
	padding:5px 20px;
}
.inputbox{
	height:50px;
	width:650px;
	font-size:26px;
	text-align:center;
	font-family:'arial';
	font-style:italic;
	}
#keyboard{
	position:absolute;
	top:0;
	left:0;
	text-align:center;
	background-color:#004A8B;
	border:5px solid #fff;
	padding:10px;
	display:none;
	z-index:99999;
}

#event_detail{
	position:absolute;
	top:0;
	left:0;
	text-align:center;
	background-color:#004A8B;
	border:5px solid #fff;
	padding:10px;
	display:none;
	z-index:99999;
}
/**********************************************************/
 
#main_out{
	width:1920px;
	height:1080px;
	overflow:hidden;
	margin:0 auto;
}

#home_left{
	width: 	1350px;
	height: 980px;
	float: left;
	margin: 0;
	
}
#home_slides{
	width: 	1350px;
	height: 835px;
	overflow: hidden;
 margin: 0;}
#home_nav{width: 	1350px;
	height: 180px;
 margin: 0;}
#home_nav li{
	width: 275px;
	height: 130px;
	text-align: center;
	color: #fff;
	font-size: 40px;
	float: left;
	margin-left: 100px;
	list-style: none;
	line-height: 120px;
	display: block;
	box-sizing: border-box;
	border-radius: 25px 25px 0px 0px;
	cursor:pointer;
}
#donor_nav{width: 	135px;
	height: 180px;
 margin: 0;
float: left;
	padding-top: 60px;
}
#donor_nav li{
	width: 250px;
	height: 200px;
	text-align: center;
	color: #fff;
	font-size: 35px;
	list-style: none;
	line-height: 30px;
	display: block;
	box-sizing: border-box;
	border-radius: 0px 25px 25px 0px;
	cursor:pointer;
	padding-top: 65px;
	margin:40px 0px;
	box-shadow: 10px 10px 5px grey;
}
#donor_nav ul{
 margin:0;
	padding:0px;
}
#home_right{
	float: 	left;
	width: 380px;
	height: 980px;
	margin: 0;
	color: #fff;
	text-align: center;
	 
}
#right_nav{
	 
	width: 190px;
	height: 980px;
	margin: 0;
	color: #fff;

	box-sizing: border-box;
	overflow: hidden;
	text-align: right;
	position: fixed;
	top: 0; right: 0;
 
}
#right_nav ul{
text-align: right;
margin: 0; padding: 0;
position: fixed;
top:550px; right: 0;
	
	
} 
#right_nav li{
list-style: none;
	box-sizing: border-box;
	width: 125px;
	height: 110px;
	border-radius:25px 0px 0px   25px ;
	line-height: 120px;
	box-sizing: border-box;
	 
	text-align: center;
	margin-bottom: 25px;
	
}

#page_left{
	width: 	1350px;
	height: 980px;
	overflow: hidden;
 margin: 0;}
 
 
.about_nav li{
width: 215px;
	height: 215px;
	border-radius: 200px;
	list-style: none;
	background-color: #9EDBED;
	border: 8px solid #8C4296;
	text-align: center;
	color: #8C4296;
	text-transform: uppercase;
	font-size: 38px;
	padding-top: 60px;
	box-sizing: border-box;
	margin-bottom: 40px;
	position: relative;
	z-index: 100;
}

.community.about_nav li{
 border-color:  #345393;
	color:  #345393;
	font-size: 25px;
	margin-bottom: 70px;

}

#execlinks{
	width: 193px;
	min-height: 200px;
	background-color: #8C4397;
	line-height: 30px;
	font-size: 16px;
	color: #fff;
	padding-top: 80px;
	padding-bottom: 20px;
	box-sizing: border-box;
	border-radius: 0px 0px 25px 25px;
	margin-top: -180px;
	margin-left: 90px;
	position: relative;
	text-align: center;
 
}


#left_content{
background-image: url("media_imgs/left_bg.png");
background-size:    1185px  950px;
 background-repeat: no-repeat;	
width: 1185px;
height: 820px;
margin: 50px auto 0 auto;
box-sizing: border-box;
padding: 30px;
	
}


.bio_name{
	margin: 3px;
	font-size: 60px;
	min-height: 100px;
	line-height: 100px;
	font-weight: bold;
}

.pink_bg{ background-color: #EE2D79;}
.green_bg{ background-color: #99C947;}
.blue_bg{ background-color: #345393;}
.orange_bg{ background-color: #F58F40;}
.blue_lgt_bg{ background-color: #509CCC;}
.blue_lgt_abt_bg{ background-color: #4F9CCC;}
.blue_light_evnt_bg{background-color: #9EDBED;}
.purple_bg{ background-color: #8C4397;}

.fnt_blue{ color: #335291;}

.slideshow{
	margin-bottom:15px;
}
.donor_title{
	
    font-size: 25px;
    text-transform: uppercase;
    box-sizing: border-box;
    border-radius: 25px;
    cursor: pointer;
    background-color: #B577B1;
    line-height: 40px;
}