/* CSS Document */




/*------------ BODY BACKGROUND --------------*/
body {
	
}
 


/*-------------- MAIN MENU -----------------*/
#headerMenuBar {background-color:#6A1E41 !important;}
ul#volnavlist a:hover, ul#volnavlist a:focus {
	background-color:#78A22F !important;
}


/*-------------- MOBILE MENU -----------------*/
#mobileMenuContainer {background-color:#6A1E41 !important;}
#open_mobileMenu a:hover, #open_mobileMenu a:focus {background-color:#78A22F !important;}


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

nav.sideNavVolunteer a.active {background-color:#6A1E41 !important;}
nav.sideNavVolunteer a:hover, nav.sideNavVolunteer a:focus {background-color:#78A22F !important;}

.sideNav a:hover, .sideNav a:focus {
	transition: border linear 0.3s;
	background-color: #78A22F !important;
	color: #fff;
	border-bottom: 3px solid #6A1E41 !important;
}







/*-------------- LINKS HOVERS -----------------*/
a, a:link, a:visited, a:active {color:#006699; border-color:#006699 ;}
a:hover, a:focus {color:#6A1E41; border-color:#6A1E41 ;}


/*-------------- BUTTONS AND HOVER -----------------*/
a.button,
span.button,
button,
a.button:link, 
a.button:visited, 
a.button:active
{
background-color:#6A1E41 ;
border-color:#551834;
}




a.button:link, a.button:visited, a.button:active {
background-color:#6A1E41 ;
border-color:#551834 
}

button:hover, button:focus, a.button:hover, a.button:link:hover,  a.button:focus, span.button:hover, span.button:focus {
background-color:#A67B8B ;
background-color:#A67B8B ;
border-color:#551834 ;
}



	#slideshowButtons a.one {background-color:#70A300 !important;}
	#slideshowButtons a.two {background-color:#0572B7 !important;}

	#slideshowButtons a.one:hover {background-color:#3D5800 !important;}
	#slideshowButtons a.two:hover {background-color:#053657 !important;}




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



#frontPageBackground {
background: #6A1E41; /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #6A1E41, #A67B8B); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #6A1E41, #A67B8B); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

@charset "utf-8";
/* CSS Document */
 .accent {
    color:#6b1e41
}
/* link styles */
 p.blogcontent a:link {
    color:#FFFFFF;
     border-bottom:1px #fff dotted;
}
 p.blogcontent a:hover {
    border-bottom:2px #6bab29 dotted;
     color:#6bab29;
}
 a:link, a:visited, a:active, a {
    color:#069;
     text-decoration:none;
     border-bottom:dotted 1px #069;
     cursor:pointer;
}
 a:hover {
    color:#093;
    border-bottom:solid 1px #093;
}
 a.white:link, a.white:visited, a.white:active {
    color:#FFFFFF;
     border-bottom:1px #fff dotted;
}
 a.white:hover {
    border-bottom:2px #6bab29 dotted;
     color:#CCCCCC;
}
 a.dark:link, a.dark:visited, a.dark:active {
    color:#336600;
     border:none;
     border-bottom:1px #336600 dotted;
     text-decoration:none;
}
 a.dark:hover {
    border-bottom:1px #003300 solid;
     color:#003300;
}
 a.nolinkstyle:link, a.nolinkstyle:visited, a.nolinkstyle:active, a.nolinkstyle:hover {
    border:none;
}
 a img {
    border:0;
}
 a.active {
    outline: none;
}
 a:focus{
    -moz-outline-style: none;
}
/* main tag styles */
/*------------DIVS---------------*/
/* ============== HEADER =============== */
 #headerTop {
     background:#fff url(../shared_uploads/media_gallery/app_2/bg-header-wide.png) no-repeat center bottom;
     margin: 0;
     height: 190px;
}
 #headerContent {
     background:transparent;
}
 #headerSearchForm {
     float:right;
     clear:right;
     text-align:right;
     padding:14px 5px 0 0;
     margin:0;
     width:400px;
}
 #container {
     background-color:#fff;
     max-width: 1400px;
     margin:auto;
     -webkit-box-shadow: 0px 0px 28px 8px rgba(0,0,0,0.75);
     -moz-box-shadow: 0px 0px 28px 8px rgba(0,0,0,0.75);
     box-shadow: 0px 0px 28px 8px rgba(0,0,0,0.75);
}
 #content {
     max-width: 1400px;
     margin:auto;
     padding:10px;
     background:#FFF;
}
 #contentFront {
     background-color:#fff;
}
#footer {
    max-width: 1400px;
     margin:auto;
     background:#231f20 url(../shared_uploads/media_gallery/app_2/bg-footer-top-wide.png) no-repeat top center;
     padding-top:330px;
}
 #footerBottom {
    margin:0;
     padding:0;
     background:#fff url(../shared_uploads/media_gallery/app_2/bg-footer-bottom-wide.png) no-repeat top center;
     padding:120px 20px 20px 20px;
}
 #footerBottom {
    max-width: 1200px;
     margin:auto;
}
 #footercontent {
    padding:0 10px 10px 10px;
    background-color:#231f20 
}
 

/* blog styles */
 #blogfeed {
}
 .blogentry {
    border-bottom:1px solid #fced31;
}
 .blogtitle {
    color:#fced31;
}
 .blogdate {
    background-color:#fced31;
     color:#000;
     box-shadow:none;
}
 .blogmonth {
}
 .blogday {
    color:#5A5049;
}
 .blogcontent {
    color:#d0d0d0;
}
 .bloglink {
}
/* tweet styles */
 #tweetfeed {
     color:#fff;
}
 .tweetentry {
    border-bottom:1px solid #fced31;
}
 .tweetdate {
    background-color:#fefefe;
     color:#000;
     box-shadow:none;
}

 p.tweetlink a:active, p.tweetlink a:link, p.tweetlink a:visited, p.tweetcontent a:active, p.tweetcontent a:link, p.tweetcontent a:visited{
     color:#fff;
     border-bottom:1px dotted #fff;
}


/*------------ IMAGE SLIDERS OVERRIDE ---------------------*/
 #basic-slideshow{
    float:left;
     position:relative;
     width:426px;
    height:400px;
    margin:auto;
    overflow:hidden;
}
 #basic-slideshow a{
    position:relative;
     top:0;
    left:0;
     width:100%;
     height:400px;
    position:absolute;
    top:0;
    left:0;
}
 #opps-slideshow{
    float:left;
     width:450px;
    height:223px;
    margin:auto;
    overflow:hidden;
}
 #opps-slideshow div.opps-slides{
    position:absolute;
    top:0;
    left:0;
    height:223px;
}
 #oppsSlider {
    margin:auto;
     padding:20px 10px 0 10px;
     margin:0;
}
 .opps_slides_container {
    height:232px;
     width:450px;
}
 .opps_slides_inner {
    padding:30px 14px;
}
 #buttons a {
     font-size:0.9rem;
     padding:2px;
     width:230px;
}
/*-----------NAV------------------*/
/*----- USE IMPORTANT HERE TO OVERRIDE THE ADMIN DEFINED IF YOU NEED TO --- */
 #headerMenuBar {
    background:transparent !important;
}


/*suckerfish psuedo hover behaviours and stuff for the menus*/
 #volnavlist {
    z-index:10;
     position:relative;
     background:transparent;
}
 #volnavlist li:hover ul, #volnavlist li.sfhover ul {
     left: auto;
}
/* IE 7 fixes*/
 #volnavlist li:hover {
}
/* end IE 7 fixes */
 ul#volnavlist ul {
    margin:2px 10px 0 0;
     padding:0;
     float:left;
     list-style: none;
}
 ul#volnavlist {
    padding-top:5px;
}
 ul#volnavlist li {
    margin:0 0 0 0.3em;
}
 ul#volnavlist a:link, ul#volnavlist a:visited, ul#volnavlist a:active{
    text-decoration:none;
     color:#000;
}
 ul#volnavlist a:hover {
    background:#efefef;
}
 ul#volnavlist li a {
    border:1px solid #6b1e41;
     color:#003;
     background:#fff;
}
ul#volnavlist li a:link, ul#volnavlist li a:visited, ul#volnavlist li a:active{
color:#000;
}

 ul#volnavlist li a:hover {
    border:1px solid gray;
     color:#000;
     background:#efefef
}
/* second level stuff */
 ul#volnavlist li ul, #volnavlist li ul li a:link, #volnavlist li ul li a:visited, #volnavlist li ul li a:active {
    border-color:#6b1e41 
}
 ul#volnavlist li ul li a:hover {
    color:#000;
     background:#efefef
}