/* CSS Document */

/*------------ BODY BACKGROUND --------------*/
body {
	
		background-color:#FFFFFF !important;
	
		background-position: left top !important;
	
		background-size: auto !important;
	
		background-repeat: no-repeat !important;
	
}
 


/*-------------- MAIN MENU -----------------*/
#headerMenuBar {background-color:#056676 !important;}
#volnavlist a:hover, #volnavlist a:focus {background-color:#0061FE !important;}


/*-------------- MOBILE MENU -----------------*/
#mobileMenuContainer {background-color:#056676 !important;}
#open_mobileMenu a:hover, #open_mobileMenu a:focus {background-color:#0061FE !important;}


/*-------------- VOLUNTEER SIDE MENU -----------------*/

nav.sideNavVolunteer a.active {background-color:#056676 !important;}
nav.sideNavVolunteer a:hover, nav.sideNavVolunteer a:focus {background-color:#0061FE !important;}

.sideNav a:hover, .sideNav a:focus {
	transition: border linear 0.3s;
	background-color: #0061FE !important;
	color: #fff;
	border-bottom: 3px solid #056676 !important;
}







/*-------------- LINKS HOVERS -----------------*/
a, a:link, a:visited, a:active {color:#056676; border-color:#056676 ;}
a:hover, a:focus {color:#0061FE; border-color:#0061FE ;}


/*-------------- BUTTONS AND HOVER -----------------*/
button, a.button, span.button {
background-color:#056676 ;
border-color:#04525E;
}




a.button:link, a.button:visited, a.button:active {
background-color:#056676 ;
border-color:#04525E 
}

button:hover, button:focus, a.button:hover, a.button:focus, span.button:hover, span.button:focus {
background-color:#0061FE ;
background-color:#0061FE ;
border-color:#04525E ;
}



	#slideshowButtons a.one {background-color:#056676 !important;}
	#slideshowButtons a.two {background-color:#056676 !important;}

	#slideshowButtons a.one:hover {background-color:#0061FE !important;}
	#slideshowButtons a.two:hover {background-color:#0061FE !important;}




#footer {background-color:#FFF !important;}