.work-experience{
	text-shadow: -2px 2px 0 #000000, -4px 4px 0 #000;
	color: #FFF;
}

.work-experience h2{
	text-align: center;
	//background-color: #404040;
	//background-color: #D1C263;

	//color: #FFF;
	/*margin-top: -.5px;
	*/
}
.imgAccordion{
	-webkit-box-shadow: 0 10px 6px -6px #777;
	   -moz-box-shadow: 0 10px 6px -6px #777;
	        box-shadow: 0 10px 6px -6px #777; 

	        //border: 4px solid #FFFFFF;
	        //border: 4px solid #FFF;
	        background-color: rgba(84,26,122, 0.7);
}

#accordionNav {
	/*float: right;
	background-color: #333;
	width: 99.5%;
	*/
	
	background-color: #404040;
	border: 1px solid #111;
	margin-top: -25px;
	
}
#accordionNav h3 {
	/*font-size: 14px;
	*/
	margin: 0;
}
#accordionNav img {
	padding-bottom: 8px;
}
#accordionNav a {
	color: #EEE;
	text-decoration: none;
	display: block;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
	outline: none;
}
#accordionNav a:hover {
	color: #FFCF60;
	text-decoration: underline;
}
.accordion {
	overflow: hidden;
	outline: none;
}
.accordionPanel {
	margin: 0;
	padding: 0;
	background: rgba(84,26,122, 0.7);
}
.accordionPanelTab {
	background-color: #CCCCCC;
	margin: 0;
	cursor: pointer;
	-webkit-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
	color: #000;
	height: 50px;
	background: url(../img/buttons-accordion.png) no-repeat;
	/*
	*/
	text-indent: -9000px;
	background-size: cover;
	
}
.accordionPanelContent {
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	height: 800px;

	/*background: url(../img/bg-accordion.jpg);
	*/
}

.accordionPanelTab.open {
	background-color: #eee;
}
#eventsWeekContent, #navEvents, #navPastEvents, #navComingUp,
#pastEventsList, #comingUpList, #navBulletinList, #navBulletinEvents{
	//position: absolute;
	//top: 57px;
	//right: 43px;
	//z-index: 1;
	//background-color: #9FBCCD;
	//background-color: #330066;
	background: rgba(84,26,122, 0.7);
	padding: 5px;
	border: 5px solid #FFF;
	display: none;
}
#navBulletinList a:hover, #pastEventsList a:hover, #comingUpList a:hover,
#list1 a:hover{
	text-decoration: none;
}



.accordionPanel{
	border: 5px solid #FFF;
	background: rgba(84,26,255, 0.7);
	background: #8700C3;
	color: #FFCF60;
	//text-decoration: underline;
}

#list1, #pastEventsList, #comingUpList, #navBulletinList{
	background: rgba(84,26,255, 0.7);
	border: 5px solid #FFF;
}
#comingUpContent, #pastEventsContent, #navBulletinList {
	display: none;
}
#navBulletinList{
	

}
#navBulletinList a{
	padding-top: 0;
	padding-bottom: 0;
}
p.bleft{
	padding-left: 15%;
}
#comingUpTab.open {
	background-position: center -375px;
}
#pastEventsTab.open {
	background-position: center -425px;
}

@media (min-width: 800px) {

	#eventsWeekTab {
		background-position: center -5px;
	}
	#comingUpTab {
		background-position: center -55px;
	}
	#pastEventsTab {
		background-position: center -105px;
	}
	#eventsWeekTab:hover {
		background-position: center -165px;
	}
	#comingUpTab:hover {
		background-position: center -215px;
	}
	#pastEventsTab:hover {
		background-position: center -265px;
	}

	#eventsWeekTab.open {
		background-position: center -320px;
	}
	#comingUpTab.open {
		background-position: center -375px;
	}
	#pastEventsTab.open {
		background-position: center -425px;
	}

}	
@media only screen 
  and (max-device-width: 414px) 
  and (orientation: portrait){

	p.bleft{
		padding-left: 0;
	}


}
@media only screen 
and (max-device-width: 414px) 
and (orientation : landscape){


	p.bleft{
		padding-left: 10%;
	}

}