/* general classes */

.left								{ text-align: left; }
.center								{ text-align: center; }
table.center							{ margin-left: auto; margin-right: auto; }
.center > table							{ margin-left: auto; margin-right: auto; text-align: left; }
.right								{ text-align: right; }
.top								{ vertical-align: top; }
.middle								{ vertical-align: middle; }
.bottom								{ vertical-align: bottom; }
.highlight							{ font-weight: bold;color: rgb(0,0,0); }
.bold								{ font-weight: bold; }
.noBorder							{ border: 0px; }
img								{ border: 0px; }
.AEFHC, .AEFCC, .adminEditFormTitle, .CLFHR, .CLFLC, CLFRC 	{ padding: 4px; margin: 1px;}
.AEFC 								{ vertical-align:top;}
.AJAXDivHideRefreshLink, .nodisplay 					{ display: none;}
*								{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
body 								{ background-color: #F9F9F9; margin: 0px; padding: 10px 0px;}
body, p, div, li, td, th, span, table				{ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px;	text-align: left; color: rgb(0,0,0);}
h1 								{ color:#B10021; font-size:xx-large;}
h2 								{ color:#B10021; font-size:x-large;}
h3 								{ color:#B10021; font-size:large;}
h4 								{ font-size: medium;}
.bodyPageTitle 							{ display:none;}
.Updatebutton 							{ margin:  auto; text-align: center !important;}
.adminFormButtonUpdate						{border-radius: 8px; cursor:pointer; padding: 5px 10px; border: none; background: #014769; color:#FFFFFF; text-align: center; display: inline-block;}
.adminFormButtonAddMaterial_Download				{ font-size:x-large; padding:8px;}
.adminFormButtonAdd						{ background-color: #B10021; border-radius: 5px; color:#fff; padding:10px; padding: 10px; font-weight: bold; font-size: 1.0em;}
a:link, a:visited, a:hover, a:active 				{ color: #284162;	text-decoration: underline;}
a:hover, a:active 						{ color: #0535d2;}
.AEFField 							{ border-radius: 5px;    padding: 6px;}
#AEBTblUseridsADD						{ max-width:500px; margin:auto;}
.adminBottomNavigationCopyrTR 					{ background-color:Transparent;}
.mainHeaderTable 						{ background-color: transparent; margin-top: 20px; }
.sub 								{ display: inline-block; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 10px solid #555;} 
.siteNavSelectedTOP .sub 					{ display:none;}
.AddButton							{ text-align:center;}
.quote-hide 							{ display: none;}
.quote-box 							{ text-align: center; padding: 2em; font-family: georgia, serif; line-height: 1.2em;}
cite 								{font-size: 80%; color: #999;}
.HCExpand_test2							{ display:none;}
 .Logontext1							{ display:none;}
 /* Dropdown Button */
.dropbtn 							{ background-color: #B10021; color: white; border-radius: 8px; cursor:pointer; padding: 5px 10px; font-size: 16px; border: none;}

/* The container <div> - needed to position the dropdown content */
.dropdown 							{ position: relative; display: inline-block;}

/* Dropdown Content (Hidden by Default) */
.dropdown-content 						{ display: none; position: absolute; background-color: #f1f1f1; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1;}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

table.MembershipStatsMonthlylistTable td, table.MembershipStatsProvincelistTable td, table.MembershipStatsOrgTypelistTable td, table.MembershipStatsCategorylistTable td  {
    color: rgb(0,0,0);
    padding: 3px;
    border-style: solid;
    border-width: 1px;
}


/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #014769;} 
.AEFTRVolunteer_Positions_Tags {height:300px; background-image: url(design/canadabanner.jpg);}
#topNavigation {
	display: block;
	width: 100%;
	max-width: 1170px;
	margin: 0px auto;
	padding: 12px 2px;
}
.headerTablelt {
	padding: 0px;
	display: block;
	float: left;
	width: auto;
}
.headerTableRight {
	padding: 0px;
	display: block;
	float: right;
	text-align: right;
}
.headerCommunityLinkText {
	font-size: medium;
	font-weight: normal;
}
.headerTableRightTitle {
	padding: 0px;
}
#langLink {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	width: 100%;
	max-width: 1170px;
	margin: 0px auto;
	padding: 2px;
}
.topNavTableTR {
	background-color: #B10021;
	color: #FFFFFF;
}
.PagebodyHome .topNavId0,.PrintableVersion  {
	display:none !important;
}
.SaveAsCSV {display:inline !important; float:right;}
.topNavTable, .mainBodyContentRow {
	display: block;
	width: 100%;
	max-width: 1170px;
	margin: 0px auto;
	padding: 0px;
}
ul.siteNav1TOP {
	width: 100%;
	text-align: left;
	font-size: medium;
	border-right: 1px solid #999;
}

.flexContainer,
ul.siteNav1TOP, input#siteNav-TOP:checked + label + ul,
.AEFCCVolunteer_Positions_TagsAreasOfInterest > .multBoxTable > .tblRow,
.AEFCCVolunteer_Positions_TagsAreas > .multBoxTable > .tblRow,
.AEFCCVolunteer_Positions_TagsAreaSkills_Required > .multBoxTable > .tblRow,
.AEFCCVolunteer_Positions_TagsSearchAreasOfInterest > .multBoxTable > .tblRow,
.AEFCCVolunteer_Positions_TagsSearchAreas  > .multBoxTable > .tblRow,
.AEFCCVolunteer_Positions_TagsAreaSkills_Required > .multBoxTable > .tblRow
{
	display: -moz-box;          /* OLD - Firefox 19- (buggy but mostly works) */
	display: -webkit-box;       /* OLD - iOS 6-, Safari 3.1-6 */
	display: -ms-flexbox;       /* TWEENER - IE 10 */
	display: -ms-flex;          /* TWEENER - IE 11 */
	display: -moz-flex;         /* NEW - Firefox */
	display: -webkit-flex;      /* NEW - Chrome */
	display: flex;              /* NEW - Spec - Opera 12.1, Firefox 20+ */

	-moz-box-wrap: wrap;         /* OLD - Firefox 19- */
	-webkit-box-wrap: wrap;      /* OLD - iOS 6-, Safari 3.1-6 */
	-ms-flexbox-wrap: wrap;      /* TWEENER - IE 10 */
	-ms-flex-wrap: wrap;         /* TWEENER - IE 11 */
	-moz-flex-wrap: wrap;        /* NEW - Firefox */
	-webkit-flex-wrap: wrap;     /* NEW - Chrome */
	flex-wrap: wrap;             /* NEW - Spec - Opera 12.1, Firefox 20+ */
}
.flexFit,
ul.siteNav1TOP > li,
.AEFCCVolunteer_Positions_TagsAreasOfInterest > .multBoxTable > .tblRow > .tblCell,
.AEFCCVolunteer_Positions_TagsAreas > .multBoxTable > .tblRow > .tblCell,
.AEFCCVolunteer_Positions_TagsAreaSkills_Required  > .multBoxTable > .tblRow > .tblCell,
.AEFCCVolunteer_Positions_TagsSearchAreasOfInterest > .multBoxTable > .tblRow > .tblCell,
.AEFCCVolunteer_Positions_TagsSearchAreas > .multBoxTable > .tblRow > .tblCell,
.AEFCCVolunteer_Positions_TagsAreaSkills_Required  > .multBoxTable > .tblRow > .tblCell
{
	display: block;

	-moz-box-flex: 1;         /* OLD - Firefox 19- */
	-webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
	-ms-flexbox: 1 0 auto;      /* TWEENER - IE 10 */
	-ms-flex: 1 0 auto;         /* TWEENER - IE 11 */
	-moz-flex: 1 0 auto;        /* NEW - Firefox */
	-webkit-flex: 1 0 auto;     /* NEW - Chrome */
	flex: 1 0 auto;             /* NEW - Spec - Opera 12.1, Firefox 20+ */
}
.AEFCCVolunteer_Positions_TagsAreasOfInterest > .multBoxTable > .tblRow > .tblCell,
.AEFCCVolunteer_Positions_TagsAreas > .multBoxTable > .tblRow > .tblCell,
.AEFCCVolunteer_Positions_TagsAreaSkills_Required > .multBoxTable > .tblRow > .tblCell,
.AEFCCVolunteer_Positions_TagsSearchAreasOfInterest > .multBoxTable > .tblRow > .tblCell,
.AEFCCVolunteer_Positions_TagsSearchAreas > .multBoxTable > .tblRow > .tblCell,
.AEFCCVolunteer_Positions_TagsSearchAreaSkills_Required  > .multBoxTable > .tblRow > .tblCell
{
	max-width: 100%;
}
ul.siteNav1TOP > li {
	border-left: 1px solid #999;
}
ul.siteNav1TOP > li > a, ul.siteNav1TOP > li > label, input#siteNav-TOP + label[for=siteNav-TOP] {
	width: 100%;
	color: #ffffff;
	text-align: center;
	font-size: 16px;
	font-weight: normal;
	text-shadow: 1px 1px 1px #222;
	padding: 16px;
}

ul.siteNavTOP {
	background-color: transparent;
}
ul.siteNavTOP a:hover, ul.siteNavTOP label:hover, input#siteNav-TOP + label[for=siteNav-TOP]:hover {
	text-decoration: none;
	background-color: #610010;
	color: #ffffff;
}

ul.siteNavTOP input[id^=siteNav-] + label::after {
	content: '\a0\25BE';
	line-height: 16px;
}
ul.siteNavTOP input[id^=siteNav-]:checked + label::after {
	content: '\a0\25BE';
	line-height: 16px;
}
ul.siteNav1TOP ul {
	background-color: #CCCCCC;
	border: 0px;
	color: #000000;
	border-bottom: 3px solid #243850;
	width: auto;
}
ul.siteNav1TOP ul a, ul.siteNav1TOP ul label {
	width: 100%;
	color: #000000;
	text-align: left;
	font-size: 16px;
	font-weight: normal;
	padding: 5px 10px;
	border: 0px;
}
ul.siteNav1TOP ul li:last-child {
	background-color: #bbb;
}
ul.siteNavTOP a.siteNavSelectedTOP, ul.siteNavTOP label.siteNavSelectedTOP {
	font-style: normal;
	background-color: #610010;
	color: #ffffff;
}
ul.siteNavLEFT a.siteNavSelectedLEFT {background-color: #E8E8E8;}

input#siteNav-TOP + label[for=siteNav-TOP]::after {
	content: '\2630\a0 MENU\a0\25BE';
	line-height: 16px;
}
input#siteNav-TOP:checked + label[for=siteNav-TOP]::after {
	content: '\2630\a0 MENU\a0\25B4';
	line-height: 16px;
}

.mainBodyContentRow {
	margin: 10px auto;
	padding: 5px;
}
.bodyTable {width: 100%; padding-left:20px; }

.MainList {border-radius: 4px;  border-width:1px;  border-style: solid; border-color:#DDDDDD; text-align:left; margin-bottom: 20px; margin-top: 20px; }
.cell1 {border-radius: 4px 4px 0px 0px; border-bottom-width:1px;  border-bottom-color:#DDDDDD; border-bottom-style: solid;  background: #B10021; padding:8px;}
.cell2 {padding-top:5px; background:#FFFFFF; padding:5px; font-size: 1.1em;}
.cell3 {padding-right:5px; padding-left:8px; padding-top :5px;padding-bottom:15px; background:#FFFFFF; border-radius: 0px 0px 4px 4px;  font-size: 1.1em;}

.MainLista {background:#FFFFFF; }
.cell1a {border-radius: 4px 4px 0px 0px; border-bottom-width:1px;  border-bottom-color:#DDDDDD; border-bottom-style: solid;  background: #014769; padding:8px; color:#fff; width:100%; float:left; }
.cell2a {padding-top:10px; background:#FFFFFF; padding-bottom:10px;padding-right:5px; padding-left:8px; font-size: 1.1em; width:100%; float:left; border-radius: 0px 0px 4px 4px;}
.AdText2 {color:#fff;}
.cell3a {padding-right:5px; padding-left:8px; padding-top:5px; padding-bottom:10px; background:#FFFFFF;  min-height: 42px; font-size: 1.1em;  float:left;}
.cell3b {padding-right:5px; padding-left:8px; padding-top:5px; padding-bottom:10px; background:#FFFFFF;  min-height: 42px; font-size: 1.1em; min-width:40%; float:left;}

.pgSpc {
	display: none;
}
.pgLnk, .pgTxt {
	display: inline-block;
	border: 1px solid #dcdee1;
	padding: 10px 16px;
	margin: 8px 0px 8px -1px;
	background-color: #eaebed;
}
.pgTxtNum {
	background-color: #B10021;
	color: #ffffff;
}
.pgLnk:link, .pgLnk:visited {
	text-decoration: none;
}
.pgLnk:hover, .pgLnk:active {
	border-color: #bbbfc5;
	background-color: #d4d6da;
	text-decoration: none;
}
.pgLnkPrv, .pgTxtPrv {
	margin-left: 0px;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
}
.pgLnkNxt, .pgTxtNxt {
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
}

input {
	max-width: 100%;
}

.mainSurroundingBodyTableTOP, 
.AEFCTVolunteer_Positions_tags,
.AEFCTVolunteer_Positions_TagsSearchkeyword,
.AEFCTVolunteer_Positions_TagsSearchLocation,
.AEFCCVolunteer_PositionsPreSearch2aAreasOfInterest > .multBoxTable,
.AEFCCVolunteer_Positions_TagsSearchAreasOfInterest > .multBoxTable,
.AEFCCVolunteer_Positions_TagsSearchSkills_Required > .multBoxTable {
	table-layout: fixed;
}
.AEFCCVolunteer_Positions_TagsAreasOfInterest > .multBoxTable > .tblRow > .tblCell,
.AEFCCVolunteer_Positions_TagsAreas > .multBoxTable > .tblRow > .tblCell,
.AEFCCVolunteer_Positions_TagsAreaSkills_Required > .multBoxTable > .tblRow > .tblCell,
.AEFCCVolunteer_Positions_TagsSearchAreasOfInterest > .multBoxTable > .tblRow > .tblCell,
.AEFCCVolunteer_Positions_TagsSearchAreas > .multBoxTable > .tblRow > .tblCell,
.AEFCCVolunteer_Positions_TagsAreaSkills_Required  > .multBoxTable > .tblRow > .tblCell {
	width: auto!important;
}

.FTColSpan3, .AEFCCol1Span3FormAdmin {
	display: block;
}

.ReportBody  {background-color:#FFFFFF;}
.reportHeader  {background-color:transparent; text-align:left !important; font-weight: bold; border-bottom: 1px solid #E39774; width: 100%;}
.ReportRowEven, .ReportRowOdd {background-color:#FFFFFF !important;}
.preTopNavTable,  .bottomLeftNavTable {display:none !important;}
.bodyHomeTable {padding-top:15px;}
.logon {color: #FFFFFF;}
span.logonCell {font-size:small; text-align: left; clear: none; display: inline-block; color: #000000; margin: 0px 4px 0px 0px;}
.skiptranslate {
    padding: 3px;
    float: right;
}
.resource-grid-item {
    width: calc(33% - 20px);
    margin: 0 10px 20px;
    position: relative;
    max-width: 300px;
    min-width: 250px;
   background-color:#fff;
        float:left;
        height: 390px;
   
}
.flex2-item {width:24%;}
.resource-grid2-item {
    
    width: calc(100% - 20px);
    margin: 0 10px 20px;
    position: relative;
    float:left;
    background-color:#fff;
    height: 350px;
   
}
.resourceheading {color:#014769; margin-left:10px;}
.resource {margin-left:10px; margin-right: 10px;}
.resourceimage {width:100%;}
.resourceHR {border: 4px solid red; width:75px; float:left; margin-left:10px;}
a:link.resourcelink, a:visited.resourcelink   {color:#014769; text-decoration:none; font-weight: bold; float:left; margin-left:10px; border-top: 2px solid #B10021; padding-top:5px;}

.AdText a:link {color:#fff; text-decoration:underline; font-size: 1.1em;}
.AdText a:visited {color:#F9F9F9; text-decoration:underline; font-size: 1.1em;}
.listTableRowOdd { background-color:#eeeeee;}
.adminEditFormTitle {color:#000000; background-color:transparent;}
.AEFHRVolunteer_Positions_TagsSearch, .AEFHCCol1Volunteer_PositionsPreSearch2a { color:#FFF; border-radius: 4px 4px 0px 0px;}
.AEFHCCol1Volunteer_Positions_TagsSearch {color:#000;}
.AEFCCCol1Span2Volunteer_Positions_TagsSearch, .AEFCCCol1Span3Volunteer_PositionsPreSearch2a  {background-color:#FFFFFF; border-radius: 0px 0px 4px 4px; border-bottom-width:1px; border-left-width:1px; border-right-width:1px; border-top-width:0px; border-color:#DDDDDD; border-style: solid;}
.AEFCR2Volunteer_Positions_TagsSearch {padding-bottom:5px;}

.bodyListingTitle,.adminEditFormTitle {text-align:left !important; font-weight: bold; *\border-bottom: 1px solid #E39774;*\ width: 100%; display: block;}

.button {border-radius: 8px; cursor:pointer; padding: 5px 10px; border: none; background: #B10021; color:#FFFFFF; text-align: center; display: inline-block; }
.button a:link,  .button a:visited {color:#fff; text-decoration:none;}
a:link.button,  a:visited.button  {color:#fff; text-decoration:none;}

.button20 {border-radius: 8px; cursor:pointer; padding: 5px 10px; border: none; background: #014769; color:#FFFFFF; text-align: center; display: inline-block; }
.button20 a:link,  .button20 a:visited {color:#fff; text-decoration:none;}
a:link.button20,  a:visited.button20  {color:#fff; text-decoration:none;}

.button21 {cursor:pointer; padding: 10px 10px; border: none; background: #014769; color:#FFFFFF;  text-align: center; display: inline-block; }
.button21 a:link,  .button21 a:visited {color:#fff; text-decoration:none;}
a:link.button21,  a:visited.button21  {color:#fff; text-decoration:none;}

.button19 {border-radius: 8px; cursor:pointer; padding: 5px 10px; border: none; background: #007B5C; color:#FFFFFF; text-align: center; display: inline-block; }
.button19  a:link {color:#ffffff; text-decoration:none;}
.source {font-size:small;}
.button2 {border-radius: 8px; cursor:pointer; padding: 10px 24px; border: none; background: #159FD1; /* For browsers that do not support gradients */
  background: linear-gradient(#17B0E8, #159FD1, #128DBA); 
  /* Standard syntax */ color:#FFFFFF; text-align: center; display: inline-block; font-weight: bold;}
.button3 {border-radius: 8px; cursor:pointer; padding: 10px 24px; border: none; background: #F15C5C; /* For browsers that do not support gradients */
  background: linear-gradient(#F37272, #F15C5C, #EF4343); 
  /* Standard syntax */ color:#FFFFFF; text-align: center; display: inline-block; font-weight: bold;}
  

 .adminEditBorderTbl {width:100%; border:0px;} 
 .adminEditBorderTblUseridsCCADD {max-width:550px; margin:auto; padding-left:20px; background-color:#F0F0F0; border: 1px solid #cccccc;}
.AEFCTspan3, .AEFCTautocomplete {    background-color: #F5F5F5;
    padding: 10px;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

 .multBoxCheck {
     text-align: left;
    white-space: nowrap;
    float:left;
    width:35px;}

#rightcolumn2{
margin-left: 50%; /*Set left margin to LeftColumnWidth*/
padding-top:15px;
}

#leftcolumn2{
float: left;
width: 50%; /*Width of left column*/
margin-left: -100%;
padding-top:15px;}




.listTableFooterCell select[name=Bookmark] {
	margin-right: 0.5em;
}


#mybgcarousel{ 
	/* CSS for specific carousel container called #mybgcarousel. */
	width:100%;
	padding: 13.5% 0px;
}
/* ######### Shared CSS for various parts of carousel (in the event of multiple carousels) ######### */
div.bgcarousel{
	/* shared CSS for main carousel container */
	background: #F9F9F9 url(ajaxload.gif) center center no-repeat; /* loading gif while caoursel is loading */
}
div.bgcarousel div.slide{
	/* CSS for each image's DIV container within main container */
	margin-top: -13.5%;
	background-color: #F9F9F9;
	background-position: center center; /* center image within carousel */
	background-repeat: no-repeat;
	background-size: contain; /* CSS3 property to scale image within container? "cover" or "contain" */
	color: black;
}
div.bgcarousel div.selectedslide{
	/* CSS for currently selected slide */
}
div.bgcarousel div.slide div.desc{
	/* DIV that contains the textual description inside .slide */
	position: absolute;
	color: white;
	left: 40px;
	top: 100px;
	width:200px;
	padding: 10px;
	font: bold 16px sans-serif, Arial;
	text-shadow: 0 -1px 1px #8a8a8a; /* CSS3 text shadow */
	z-index:5;
}
div.bgcarousel div.selectedslide div.desc{
	/* CSS for currently selected slide's desc div */
}
div.bgcarousel div.slide div.desc h2{
	font-size:150%;
	margin:0;
}
div.bgcarousel div.slide div.desc a{
	color:yellow;
	text-decoration:none;
}

.navbox {
	width:100%;

	display: -moz-box;          /* OLD - Firefox 19- (buggy but mostly works) */
	display: -webkit-box;       /* OLD - iOS 6-, Safari 3.1-6 */
	display: -ms-flexbox;       /* TWEENER - IE 10 */
	display: -ms-flex;          /* TWEENER - IE 11 */
	display: -moz-flex;         /* NEW - Firefox */
	display: -webkit-flex;      /* NEW - Chrome */
	display: flex;              /* NEW - Spec - Opera 12.1, Firefox 20+ */

	-moz-box-wrap: wrap;         /* OLD - Firefox 19- */
	-webkit-box-wrap: wrap;      /* OLD - iOS 6-, Safari 3.1-6 */
	-ms-flexbox-wrap: wrap;      /* TWEENER - IE 10 */
	-ms-flex-wrap: wrap;         /* TWEENER - IE 11 */
	-moz-flex-wrap: wrap;        /* NEW - Firefox */
	-webkit-flex-wrap: wrap;     /* NEW - Chrome */
	flex-wrap: wrap;             /* NEW - Spec - Opera 12.1, Firefox 20+ */
}
.box1, .box2, .box3 {
	padding-top: 20px;
	text-align:center;
	width: 250px;
	display: inline-block;
}
.box1b {padding-top: 10px; text-align:center;	width: 300px; display: inline-block;}
.box2b, .box3b {
	padding-top: 10px;
	text-align:center;
	width: 250px;
	display: inline-block;
}
.box1, .box2, .box3, #p1, #p2, #p3 {
	-moz-box-flex: 1;         /* OLD - Firefox 19- */
	-webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
	-ms-flexbox: 1 0 auto;      /* TWEENER - IE 10 */
	-ms-flex: 1 0 auto;         /* TWEENER - IE 11 */
	-moz-flex: 1 0 auto;        /* NEW - Firefox */
	-webkit-flex: 1 0 auto;     /* NEW - Chrome */
	flex: 1 0 auto;             /* NEW - Spec - Opera 12.1, Firefox 20+ */
}
.fbox {float:left; min-width:370px; height:200px; padding-right:10px; padding-left:12px;}
.adminFormButtonSearch, .adminFormButtonrecherche,.adminFormButtonRechercher {
	background-color: #B10021;
	color: #ffffff;
	border: 1px outset #091c2d;
	border-radius: 4px;
	font-size: 16px;
	padding: 6px 12px;
}
.adminFormButtonSearch:hover, .adminFormButtonrecherche:hover {
	background-color: #A60000;
}
.adminFormButtonClear {
	background-color: #eaebed;
	color: #335075;
	border: 1px outset #dcdee1;
	border-radius: 4px;
	font-size: 16px;
	padding: 6px 12px;
}
.adminFormButtonClear:hover {
	background-color: #cfd1d5;
}

#maincontainer{
	width: 100%;
	text-align: center;
}
.box {border: 1px outset #dcdee1;
      min-width: 252px;
      background-color:#FFFFFF;}
.button4, .button5, .button6 {
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 20px;
	margin: 10px 24px;
	border: none;
	color:#000000;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	text-align: left;
	display: inline-block;
	max-width:354px;
	background: #FFFFFF; 
}
.button4 h2, .button5 h2, .button6 h2 {margin:15px;}
.button4 p,.button5 p,.button6 p  {margin:15px; padding-bottom:10px;}
.buttonBtext {color:#000000; text-decoration:none;}
.buttonB {
	background: #5c9ead; 
	margin:15px;
	border-radius: 4px;  border-width:1px;  border-style: solid; border-color:#DDDDDD; text-align:left; padding: 10px;
}
.titleBB {font-weight:bold; font-size: 20px; margin-left:15px;}
.bodyListingTitle		{ font-size: 25px;
				  text-align: center;
				  color: rgb(0,0,0);
				  font-weight: bold;
				}

.listingCaption			{display:none;}
.AdminBG			{background-color: #F5F5F5;}				
.AEFCT {margin-bottom:20px; margin-top: 20px;}

.Volunteer_Positions_TagsMainListing, .Resources_Diversity_PublicMainListing,.Resources_MultiGeneration_PublicMainListing {
	float: left;
	width: 58%;
	margin-bottom: 10px;
	min-width:250px;
}
  #searchFormVolunteer_Positions_TagsSearch, #searchFormResources_Diversity_PublicSearch, #searchFormResources_MultiGeneration_PublicSearch {
	float:left;
	Width:35%;
	margin-left: 20px;
	min-width:250px;
}   

.span1,.HCspan1 {width:100px;}
/* general (default) properties */

.pageFormat			{ width:  100%; }

/* general styling for nav */
ul.siteNav, ul.siteNav *, label[for=siteNav-TOP] {
	box-sizing: border-box;
}
ul.siteNav {
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 200px;
}
ul.siteNav ul {
	padding-left: 1em;
	width: 100%;
}
ul.siteNav li { 
	margin: 0px; 
	padding: 0px; 
	display: block;
	position: relative;
	z-index: auto;
}
input[id^=siteNav-] {
	display: none;
}
.listTableFooterRow		{ text-align: center; }
.listTableFooterCell		{ text-align: center; }
.listFooter			{ }

/* Footer Properties */
 
 .footerTable			{ font-size: x-small;
 				  color: rgb(0,0,0);
 				}
 a:link.footerTablelink		{ color: #000000; }

 a:visited.footerTablelink	{ color: #000000; }
 


/* special styling for first level of top nav */
ul.siteNavTOP {
	background-color: #ffffff;
	}
 /* ####### responsive layout CSS ####### */


@media (max-width: 840px){ /* 1st level responsive layout break point- drop right column down*/
/*
	#f{
		margin-left: -100%;
	}
*/
}
  
@media (max-width: 770px){ /* 2nd level responsive layout break point- drop left column down */
        
	ul.siteNav1TOP {
		width: 100%;
		text-align: left;
		font-size: medium;
		border: 0px;
	}
	.flex2 {  display: flex; flex-direction: column; width:90%;}
	.flex2-item {width:100%;}
	.resource-grid2-item {
	    width: calc(90% - 20px);
	    margin: 0 10px 20px;
	    position: relative;
	    float:left;
	    min-width: 200px;
	    max-width:400px;
	   background-color:#fff;
	        height: 350px;
	   
}
	ul.siteNav1TOP > li {
		border: 0px;
		border-top: 1px solid #999;
	}
	ul.siteNav {
		display: none;
	}
	.Resources_Diversity_PublicMainListing {
    float: left;
    width: 95%;
    margin-bottom: 10px;
    min-width: 250px;}
	.Header_options {display: none;}
	.Hcontent {margin-left:15px; margin-right:10px;}
	.desktop {display:none;}
	ul.siteNav1TOP > li > a, ul.siteNav1TOP > li > label, input#siteNav-TOP + label[for=siteNav-TOP] {
		text-align: left;
		border: none;
	}
	input#siteNav-TOP:checked + label + ul, ul.siteNavTOP input[id^=siteNav-]:checked + label + ul { 
		display: block;
	}
	ul.siteNavTOP input[id^=siteNav-]:checked + label::after {
		content: '\a0\25B4';
		line-height: 16px;
	}

	.Volunteer_Positions_TagsMainListing, #searchFormVolunteer_Positions_TagsSearch {
		float: none;
		width: 100%;
	}
	ul.siteNav {
			width: 100%;
			display: none;
		}
		ul.siteNavTOP input[id^=siteNav-]:checked + label + ul { 
			display: block;
	}
	.fbox1{width:250px; padding-right:10px; padding-left:15px;}
	.fbox2{width:250px; padding-right:10px; padding-left:15px; padding-top:20px;}
	.fbox3{width:250px; padding-right:10px; padding-left:15px; padding-top:20px;}
}
@media screen and (min-width: 770px) {
	ul.siteNavTOP {
		width: 100%;
		text-align: right;
		background-color: transparent;
	}
	.mobile  {display:none;}
	.flex2 {  display: flex;  flex-direction: row;}
	ul.siteNavTOP ul {
		padding-left: 0px;
		width: 200px;
		background-color: #ffffff;
		text-align: left;
	}
	ul.siteNavTOP ul ul {
		padding-left: 1em;
		width: 100%;
	}
	ul.siteNavTOP li {
		display: inline-block;
	}
	ul.siteNavTOP ul li {
		display: block;
	}
	ul.siteNav1TOP > li.nodisplay {display:none;}
}

/* general styling for links/labels */
ul.siteNav a, ul.siteNav label, label[for=siteNav-TOP] {
	display: block; 
	padding: 0.5em;
	margin: 0px;

	background-color: transparent;
	color: #333333;

	text-align: left;
	text-decoration: none;
	font-weight: bold;

	border: none; 
	border-bottom: 1px dotted black;
	cursor: pointer;
	width: 100%;
}
ul.siteNav ul {
	border-bottom: 1px dotted black;
}
ul.siteNav li:last-child a, ul.siteNav li:last-child label, ul.siteNav li:last-child ul, label[for=siteNav-TOP] {
	border-bottom: 0px;
}
ul.siteNav a:hover, ul.siteNav label:hover, label[for=siteNav-TOP]:hover {
	text-decoration: underline;
}
.siteNavSelected {
	font-style: italic;
}

@media screen and (min-width: 770px) {
	/* special styling for first level of top nav links/labels */
	ul.siteNavTOP a, ul.siteNavTOP label, label[for=siteNav-TOP] {
		border: none;
		/*
		background-color: #666666;
		color: #ffffff;
		border: 1px solid #999999;
		border-bottom: 0px;
		*/
	}
	ul.siteNavTOP ul a, ul.siteNavTOP ul label {
		/*
		background-color: transparent;
		color: #333333;
		*/
	}
	
	label[for=siteNav-TOP] {
		display: none;
	}

	/* other styling for secondary levels of top nav */
	ul.siteNavTOP ul {
		background-color: #ffffff;
		border: 1px solid #999999;
		position: absolute;
		z-index: 9999;	
	}
	ul.siteNavTOP ul ul {
		border: none;
		border-bottom: 1px dotted black;
		position: static;
	}
	ul.siteNavTOP ul li:last-child ul {
		border-bottom: 0px;
	}
	ul.siteNavTOP ul a, ul.siteNavTOP ul label {
		border: none; 
		border-bottom: 1px dotted black;
	}
	ul.siteNavTOP ul li:last-child a, ul.siteNavTOP ul li:last-child label {
		border-bottom: 0px;
	}

	/* allow the top nav to expand/contract */
	label[for=siteNav-TOP] + ul > li > label[for^=siteNav-]:hover + ul,
	label[for=siteNav-TOP] + ul > li > label[for^=siteNav-] + ul:hover { 
		display: block;
	}
	ul.siteNavTOP ul {
		display: none;
	}
}
input#siteNav-TOP:checked + label + ul,
ul.siteNavTOP ul input[id^=siteNav-]:checked + label + ul { 
	display: block;
}

/* insert text after labels that can expand/contract */
input#siteNav-TOP + label[for=siteNav-TOP]::after {
	content: '\2630\a0 MENU\a0\25BC';
}
input#siteNav-TOP:checked + label[for=siteNav-TOP]::after {
	content: '\2630\a0 MENU\a0\25B2';
}
ul.siteNavTOP input[id^=siteNav-] + label::after {
  content: '\a0\25BC';
}
ul.siteNavTOP input[id^=siteNav-]:checked + label::after {
  content: '\a0\25B2';
}
@media screen and (min-width: 770px) {
	ul.siteNavTOP input[id^=siteNav-] + label::after,
	ul.siteNavTOP input[id^=siteNav-]:checked + label::after {
	  content: '\a0\25B6';
	}
	ul.siteNavTOP ul input[id^=siteNav-] + label::after {
	  content: '\a0\25BC';
	}
	ul.siteNavTOP ul input[id^=siteNav-]:checked + label::after {
	  content: '\a0\25B2';
	}
		.fboxdiv {margin:auto; max-width: 1170px;}
		.fbox1{min-width:370px; float:left; height:200px; padding-right:10px; padding-left:12px;}
		.fbox2{min-width:370px; float:left; text-align:left; height:200px; padding-right:10px; padding-left:12px;}
	        .fbox3{min-width:370px; float:left; text-align:right; height:200px; padding-right:10px; padding-left:12px;}
}

.tblCell.AEFC {
    display: inline-block;
}
.tblRow .AEFR {
    display: inline-block;
}