/* Body Properties */
body {
	margin:0;
}
body,p,div,li,td,th,span,table {color:#575F66;}
.youthimage {
  display:block;
  margin-left: auto;
  margin-right: auto;
}
.mainBodyContentRow {padding-right:0px; width:100%; }
.bottom{ 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-orient: vertical;      /* OLD - Firefox 19- */
	-moz-box-direction: normal;     /* OLD - Firefox 19- */
	-webkit-box-orient: vertical;   /* OLD - iOS 6-, Safari 3.1-6 */
	-webkit-box-direction: normal;  /* OLD - iOS 6-, Safari 3.1-6 */
	-ms-flex-direction: column;     /* TWEENER - IE 10-11 */
	-moz-flex-direction: column;    /* NEW - Firefox */
	-webkit-flex-direction: column; /* NEW - Chrome */
	flex-direction: column;         /* NEW - Spec - Opera 12.1, Firefox 20+ */ }
.adminEditBorderTbl {width:100%; min-width:250px; max-width:1000px; margin: auto; border:0px;}
.blue_field {background-color: #DCDCDC;}
.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: 360px;
   
}
.EventMainList {
    min-height: 115px;
    border: 1px solid #199FBC;
    margin-bottom: 15px;
    border-radius: 8px;
    padding: 5px;
    margin-right: 10px;
    width: 300px;
    float: left;
}
.listingReport_front {max-width:1000px; margin:auto;}
.resourceheading {color:#007256; margin-left:10px;}
.resourceHelper {display: inline-block;height: 100%;vertical-align: middle;}
.resourceDiv {width:100%;height: 200px;text-align: center;}
.AEFFieldVolunteer_PositionsASearchAgency_Number,.AEFFieldVolunteer_PositionsSearchAgency_Number {max-width:250px;}
.resource {margin-left:10px; margin-right: 10px;}
.Volunteer_Positions_VirtualMainListing, .Volunteer_Positions_GroupMainListing,.Volunteer_Positions_VirtualYouthMainListing {max-width:900px; min-width:250px; margin:auto;}
.resourceimage {    width: 100%;    height: 100%;    object-fit: contain;}
.resourceHR {border: 4px solid #199FBC; width:75px; float:left; margin-left:10px;}
a:link.resourcelink, a:visited.resourcelink   {color:#007256; text-decoration:none; font-weight: bold; float:left; margin-left:10px; border-top: 2px solid #199FBC; padding-top:5px;}

.flexContainer,
.AEFCCVolunteer_PositionsPreSearch2aAreasOfInterest > .multBoxTable > .tblRow,
.AEFCCVolunteer_Positions_Youth2Search > .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,
.AEFCCVolunteer_Positions_Youth2Search > .multBoxTable > .tblRow > .tblCell,
.AEFCCVolunteer_PositionsPreSearch2aAreasOfInterest > .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_PositionsPreSearch2aAreasOfInterest > .multBoxTable > .tblRow > .tblCell
{
	max-width: 100%;
}


.AEFCCVolunteer_PositionsPreSearch2aAreasOfInterest > .multBoxTable
{
	table-layout: fixed;
}
.AEFCCVolunteer_PositionsPreSearch2aAreasOfInterest > .multBoxTable > .tblRow > .tblCell

{
	width: auto!important;
}
.listingReportDB {max-width:900px; margin:auto;}

.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;
	background-color:#FFF;
	text-align:center;
	cursor: pointer;

	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+ */
}
.Membership_Mission_Statement {max-width:900px; margin:auto; text-align:left;}
.Searchbutton {border-radius: 8px; cursor:pointer; padding: 10px 24px; border: none; background: #199FBC; color:#FFFFFF; text-align: center; display: inline-block; min-width:300px; font-size:large; font-weight: bold;}
.Searchbutton2 {border-radius: 8px; cursor:pointer; padding: 10px 24px; border: none; background: #FFB941; color:#575F66; text-align: center; display: inline-block; min-width:250px; font-size:large; font-weight: bold;}
.Searchbutton3 {border-radius: 8px; cursor:pointer; padding: 10px 24px; border: none; background: #199FBC; color:#FFFFFF; text-align: center; display: inline-block; min-width:250px; font-size:large; font-weight: bold;}
.button2 {border-radius: 8px; cursor:pointer; padding: 10px 24px; border-color: #BA0A1F; border-style: solid; background: #FFFFFF; 
  color:#BA0A1F; text-align: center; display: inline-block; font-weight: bold;}
.button3 {border-radius: 8px; cursor:pointer; padding: 6px 12px; border: none; background: #9CD8E0; /* For browsers that do not support gradients */
  color:#000; text-align: center; display: inline-block; font-weight: bold; float:right;}
.button {border-radius: 8px; cursor:pointer; padding: 10px 24px; border: none; background: #FFB941;  color:#575F66; text-align: center; display: inline-block; font-weight: bold;}
.button2 {border-radius: 8px; cursor:pointer; padding: 10px 24px; border-color: #BA0A1F; border-style: solid; background: #FFFFFF; 
  color:#BA0A1F; text-align: center; display: inline-block; font-weight: bold;}
a:link.button2, a:visited.button2 {color:#BA0A1F; font-weight: bold;}  
  
.box1{min-width:20%; max-width:40%; float:left;padding-left:20%;}
.box2{max-width:25%; float:left;}
.box3{max-width:17%; float:left;}
.logintext {font-size:medium;}
h2 {font-family: 'DM Sans', sans-serif;; color:#199FBC; }
.topNavTableTR {
	color: #FFFFFF;
	margin: 5px;  margin:auto; 	
}
.AdImage {margin-right:5px;}
.AdText {font-size:18px;}
.mwidth,.AEFFieldVolunteer_Positions_Youth2SearchPostal_Code {max-width:250px;}
.AEFField {border-radius:5px; padding:6px;}
ul li, ol li											{text-indent: 0em;  margin-left: 0em;}
li												{text-indent: -1.2em; margin-left: 1.2em;}
li.navLinkTable1ContentTOP, div.navLinkTable1ContentTOPDiv, div.NavLIContents1TOP		{display: inline; clear: none; vertical-align: top;}
td 												{vertical-align:top;}
span.logonCell 											{text-align: left; clear: none; display: inline-block; color: #000000; margin: 0px 4px 4px 0px;}
.headerTablelt											{padding-left:10%; padding-top:0px; width: 100%; min-width: 300px;}
.rightHandListingDiv 										{float:right;width:35%;}
.leftHandListingDiv 										{float:left;width:60%;}				 
.mainHeaderTable {background-color: #199FBC;}
.navsurround{max-width: 1100px; margin:auto; }
.preTopNavTable {background-image: url(design/blank.png); float:left; }
.bodyHomeTablePrintableVersion {display:none;}

.AEFCCVolunteer_PositionsAdminAdd, .AEFCCVolunteer_PositionsMembersAdminAdd  {display:none;}
.AddButton {display:block; float:right; padding-right:50px;}
.HomePageCompleteTableSurroundCell 								{text-align:center; vertical-align:middle;}
.notQuiteAsDarkGreenBack									{background-color: #B5B5B5;}
.greenText											{color: #000000;}
.blueText, .bluetext										{color: #199FBC;}
.listingDescription, .whiteText, a:visited.whiteText, a:link.whiteText				{color: #FFFFFF;}
.greenBack,.blueBack										{background-color: #199FBC;}
.lightGreenBack											{background-color: #969696;}
.headerTableRight				 						{width:50%;}
.headerCommunityLinkMenuTOP, .AJAXDiv, .navTable {display:none ;}
.SaveAsCSV											{display:block;}
.SelectAllDivskill_requiredCat,.SelectAllDivskill_required, .SelectAllDivskill_developed,.SelectAllDivskill_developedCat, .SelectAllDivAreasOfInterest	{display:none;}
.topNavTable											{width: 100%; padding-top: 0px; padding-bottom: 8px;  display:block;}
.navLinkTable											{text-align:left; padding-top: 15px; }
.navLinkTable1											{padding-top:5px;}
.navLinkTable1 div										{vertical-align:Top; font-size: xx-small; font-weight: bold;  color: transparent;}
.navLinkTable1Content										{border-bottom: 0px; border-left: 0px; text-align:left; padding: 8px;}
.navLinkTable1ContentTop, .navLinkTable1ContentTopDiv						{vertical-align:Middle; text-align:centre;}
.navLinkTable2											{width: 0px; font-size:0.5px;}
.navLinkTable2Content, .navLinkTable3Content							{text-align:left; width:250px;}
.footertext											{color:#FFFFFF;	padding: 25px;}
.footerTablePartner										{color: #FFFFFF !important; background-color: #199FBC; width:100%;}
body, p, div, li, td, th, span, table {font-family:'DM Sans', sans-serif; }
.partners											{background-image: url('newgraphics/footer.png'); background-repeat: no-repeat; background-position: top center; width:100%; }
.headerTableltTOP										{color:#FFFFFF;}
.leftbox			{width:32%; background-image: url('design/left.png'); float:left; text-align:left;}
.rightbox			{width:32%; background-image: url('design/right.png');float:right;}
.centerbox			{width:32%; background-image: url('design/mid.png');float:left;}
.SelectAllDivskill_developed0,.SelectAllDivskill_developed1,.SelectAllDivskill_developed2,.SelectAllDivskill_developed3,.SelectAllDivskill_developed4,
.SelectAllDivskill_developed6,.SelectAllDivskill_developed7,.SelectAllDivskill_developed8,.SelectAllDivskill_developed9,
.SelectAllDivskill_developed5 {display:none;}
.SelectAllDivskill_required0,.SelectAllDivskill_required1,.SelectAllDivskill_required2,.SelectAllDivskill_required3,.SelectAllDivskill_required4,
.SelectAllDivskill_required6,.SelectAllDivskill_required7,.SelectAllDivskill_required8,.SelectAllDivskill_required9,
.SelectAllDivskill_required5 {display:none;}
.updates {background-image: url('newgraphics/updates.png'); background-repeat: no-repeat; background-position: top center; width:235px; height:285px; padding-left:3px;}
.PrintableVersion a:link, .PrintableVersion a:visited,a:link.PrintableVersion,a:visited .PrintableVersion 
												{text-decoration: underline; color: #000000;} 
.listTableFooterCell a:link,.listTableFooterCell a:visited,.listFooter a:link ,.listFooter a:visited,a:link.Searchlink,a:visited.Searchlink				
												{text-decoration: underline; color: #000000;}
a:link, a:visited										{text-decoration: underline;}
a:active, a:hover										{text-decoration: none; }
a:visited.footerTable,a:link.footerTable							{color: #FFFFFF; text-decoration: underline;}
a:link.test, a:visited.test									{text-decoration: none; font-size: small; font-weight: bold; color: #FFF000;}				  
a:link.navLink1,a:visited.navLink1								{text-decoration: none; font-size: small; font-weight: bold; color: #FFFFFF;}
a:active.navLink1, a:hover.navLink1								{text-decoration: underline; font-size: small; font-weight: bold;}
a:link.navLink2,a:visited.navLink2								{text-decoration: none; font-size: small; font-weight: bold; color: #FFFFFF;}
a:active.navLink2, a:hover.navLink2								{text-decoration: underline; font-size: small; font-weight: bold;}								
a:link.navLink3, a:visited.navLink3, a:link.navLink4, a:visited.navLink4			{text-decoration: none; font-size: xx-small; font-weight: normal; color: #FFFFFF;}
a:active.navLink3,a:hover.navLink3, a:active.navLink4, a:hover.navLink4				{text-decoration: underline; font-size: xx-small; font-weight: normal;}
.insidecell a:link, .firstcell a:link, .endcell a:link,.insidecell a:visited, .firstcell a:visited, .endcell a:visited {color:#FFF; text-decoration: none !important; 
font-weight: bold;}

.NavLIContents2											{padding-left: 5px; padding-top: 10px;}
.requiredField 											{background-color : #FFE4E1; }
.bodyPageTitle,.rightHandContent								{display:none;}
.bodyHomeTable, .mainBodyPageTable,.bodyTable							{font-size: x-small; background-color: transparent; color:#000000; border-left: 0px; width:100%; }									

.homepagecontent 										{background-color: transparent; color:#FFFFFF; padding:5px;}
.homepagecontentcells 										{padding: 15px; color: #FFFFFF;} 			
.searchprompt											{font-style: italic; }
.noHand												{cursor: default;}
.Hand												{cursor: pointer;}
.SearchMembershipAdminDetailsVAC 								{text-align:left;}
.headerCommunityLinkTextLogon 									{float: right; font-size: x-small; font-size-adjust: none; color: #000000; background-color: transparent; padding: 14px; border-top: 0px; text-align: left;}
.headerCommunityLinkTextLogon a 								{color: #000000}
/* Search Form Properties  */
.adminEditFormTbl										{color: #000000; background-color: #FFFFFF;}
.adminEditFormTitle										{color: #FFFFFF; background-color: #199FBC;}
.adminFormHeaderVolunteer_PositionsPreSearch2							{display:none; }
.adminFormContents										{color: #000000; background-color: #FFFFFF;}
.adminFormContents td										{vertical-align: top;}
.adminFormFooter										{color: #555555; background-color: #199FBC;}
.adminFormButtonSearch,.adminFormButtonSubmit,.adminFormButtonAdd				{border-radius: 8px; cursor:pointer; padding: 6px 12px; border: none; background: #00a0bb; /* For browsers that do not support gradients */ color:#FFFFFF; text-align: center; display: inline-block; font-weight: bold;}

/* Listing Properties  */
.listTable											{border-collapse: collapse; border: 1px solid black; margin:auto; width: 100%; max-width:860px;}
.listHeader,.listHeaderSortText									{color: #FFFFFF; background-color: #199FBC;}
.listTableRowOdd										{color: #000000; background-color: #CCCCCC;}
.listTableRowEven										{color: #000000; background-color: #E3E3E3;}
.listTableFooterRow,.listCell									{}
.listTableHeaderRow 										{position: sticky; position: -webkit-sticky; top: 0px; z-index: 999;}
.listTableFooterCell,.listCellNoMatch								{color: #000000; }
.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: #199FBC;
	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;
}


/* Report Properties  */
.ReportBody 											{width:100; max-width:860px; margin:auto;}
.reportVolunteer_PositionsCol2, .reportVolunteer_Positions_SpecialCol3,.reportVolunteer_Positions_SpecialCol2,.reportVolunteer_PositionsCol3,.reportEntryValue, .reportNote 
												{color: #000000; }
.reportHeader, 	.reportSubHeader, .reportFooter							{color: #FFFFFF; background-color: #199FBC; }
.reportVolunteer_PositionsCol1, .reportVolunteer_Positions_SpecialCol1, .reportMembershipCol1	{font-weight: bold; }
.reportVolunteer_PositionsCol1, .reportVolunteer_Positions_SpecialCol1,.reportEntryName		{color: #000000;  }
.adminBottomNavigationCopyrTD 									{background-color: #199FBC; color: #FFFFFF;}
.LeftDivs											{float:left;}
.update												{color:#FF030D;}
.orginal											{color:#00688B;}
.helpTip											{text-align: left; }
.AEBTBGColorVolunteer_PositionsSearch						{color: #000000;}
.AEFTitleVolunteer_PositionsPreSearch2a,.AEFTitleVolunteer_PositionsPreSearch2b,.AEFTitleVolunteer_PositionsPreSearch2c,.AEFTitleVolunteer_PositionsPreSearch3			{color: #FFFFFF;}
.adminFormButtonSearch,.adminFormButtonSubmit {font-weight: bold;}
.AEFCR15Volunteer_PositionsMembersAdmin,.AEFHR15Volunteer_PositionsMembersAdmin,
.AEFCR16Volunteer_PositionsMembersAdmin,.AEFHR16Volunteer_PositionsMembersAdmin,
.AEFCR17Volunteer_PositionsMembersAdmin,.AEFHR17Volunteer_PositionsMembersAdmin,
.AEFCR18Volunteer_PositionsMembersAdmin,.AEFHR18Volunteer_PositionsMembersAdmin,
.AEFCR19Volunteer_PositionsMembersAdmin,.AEFHR19Volunteer_PositionsMembersAdmin,
.AEFCR20Volunteer_PositionsMembersAdmin,.AEFHR20Volunteer_PositionsMembersAdmin,
.AEFCR21Volunteer_PositionsMembersAdmin,.AEFHR21Volunteer_PositionsMembersAdmin,
.AEFCR22Volunteer_PositionsMembersAdmin,.AEFHR22Volunteer_PositionsMembersAdmin,
.AEFCR23Volunteer_PositionsMembersAdmin,.AEFHR23Volunteer_PositionsMembersAdmin,
.AEFCR24Volunteer_PositionsMembersAdmin,.AEFHR24Volunteer_PositionsMembersAdmin,
.AEFCR25Volunteer_PositionsMembersAdmin,.AEFHR25Volunteer_PositionsMembersAdmin,
.grey_field,.HCgrey_field									{background-color: #CCCCCC;  }
.gold_field											{background-color: #FFB941; color:#000 !important;}
.adminFileSelectColName,.adminFileSelectColView,.adminFileSelectColSize,.adminFileSelectColModified	
												{background-color: #FFFFFF; }
/* Properties for popup menus */
.anylinkcss 											{border: 1px solid #cccccc;	background-color: #ffffff;color: #666666;}
.anylinkcss ul li a										{color: #666666; border-bottom: 1px dotted #cccccc;}
.anylinkcss a:link, .anylinkcss a:active, .anylinkcss a:visited					{color: #ffffff; color: #2C3D6E;}
.anylinkcss a:hover										{background-color: #199FBC; color: #ffffff;}

.partnerFader{
	font-weight: bold;
	margin: 0px;
	margin-bottom: 1em;
}
.partnerFader div{
	width:175px;
	height:87px;
	padding: 5px;
}
.partnerFader img{
	width:175px;
	height:87px;
	position:absolute;
}
/* general styling for nav */
ul.siteNav, ul.siteNav *, label[for=siteNav-TOP] {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	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;
}

/* special styling for first level of top nav */
ul.siteNavTOP {
	background-color: #ffffff;
}
@media screen and (min-width: 740px) {
	ul.siteNavTOP {
		width: 100%;
		text-align: center;
		padding-top: 20px;
		background-color: transparent;
	}
	
	.WWA2text {margin-top:70px; margin-bottom:30px; text-align:center;}
	
	
	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;
	}
	.firstcell {color:#fff; padding-right:10px; padding-left:35px;}
	.insidecell {color:#fff; padding-right:10px; padding-left:10px;}
	.endcell {color:#fff; padding-left:10px;}
	.sitemaptable {width:100%; border-left-style:solid; border-left-color:#fff; border-left-width:1px;}

}

/* general styling for links/labels */
ul.siteNav a, ul.siteNav label {
	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%; 
}
label[for=siteNav-TOP] {color: black;}
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 {
	border-bottom: 0px;
}
ul.siteNav a:hover, ul.siteNav label:hover, label[for=siteNav-TOP]:hover {
	text-decoration: underline;
}
.siteNavSelected {
	font-style: italic;
}
.HelpDiv {
    font-weight: normal;
}
.tblRow {
    clear: both;
    width: 100% !important;
    display: inherit;
    margin: auto;
}

@media screen and (min-width: 740px) {
	/* special styling for first level of top nav links/labels */
	.banner {display:none;}
	ul.siteNavTOP a, ul.siteNavTOP label, label[for=siteNav-TOP] {
		background-color: transparent;
		color: #199FBC;
		border: 0px solid #999999;
		border-bottom: 0px;
		font-size: medium;
	}
	.Volunteer_PositionsAMainListing,.Volunteer_PositionsMainListing, .MembershipMainListing, .Volunteer_Positions_Youth2MainListing{    float: right; width: 40%;   margin-right:20%; margin-bottom: 10px;}
	#searchFormVolunteer_PositionsASearch,#searchFormVolunteer_PositionsSearch, #searchFormMembershipSearch, #searchFormVolunteer_Positions_Youth2Search {    float: left;   margin-left:20%;  Width: 20%; min-width:250px;}
	.MainList {min-height:115px;border: 1px solid #199FBC; margin-bottom: 15px; border-radius: 8px; padding: 10px; margin-right:10px;  min-width:250px;margin-left: 6px;}
	.MainListEvent {min-height:115px;border: 1px solid #199FBC; margin-bottom: 15px; border-radius: 8px; padding: 10px; margin-right:10px; max-width:300px; min-width:250px; float:left;}
	.MainList2 {min-height:115px;border: 1px solid #199FBC; margin-bottom: 15px; border-radius: 8px; padding: 10px; margin-right:10px; min-width:250px; float:left;}
	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: 740px) {
	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';
	}
}

@media screen and (max-width: 740px) {
	ul.siteNav {
		width: 100%;
		display: none;
	}
	.Volunteer_PositionsAMainListing, .Volunteer_PositionsMainListing, .MembershipMainListing. Volunteer_Positions_Youth2MainListing {   min-width:250px;  width:90%; margin-right: 15px;}
	.MainList {min-height:208px;border: 1px solid #199FBC; margin: 0px 5px 15px 5px; border-radius: 8px; padding: 10px;}
	.AdImage {margin-bottom:10px;}
	.ad {margin:auto; width:100%;text-align:center;}
	.headerCommunityLinkTitle {display:none;}
	ul.siteNavTOP input[id^=siteNav-]:checked + label + ul { 
		display: block;
	}
	.firstcell {color:#fff; padding-right:2px; padding-left:2px;text-align:center;}
	.insidecell {color:#fff; padding-right:2px; padding-left:2px;text-align:center;}
	.endcell {color:#fff; padding-left:2px;text-align:center;}
	.sitemaptable {width:100%; }

}
.headerboxYouth {width:100%; float:left;  background-image: url('design/youthBG.jpg'); background-repeat: no-repeat; background-position: top left;}
.WWA {width:100%; height:100%; overflow: hidden; background-image: url('design/darker background imagine for website-01.jpg'); background-repeat: no-repeat; background-size: cover; background-position: bottom left;}
.NVW {width:100%; height:100%; overflow: hidden; background-image: url('design/222.png'); background-repeat: no-repeat; background-size: cover; background-position: bottom left;}
.WWA2 {width:100%; height:225px; overflow: hidden; background-image: url('design/homepage3.jpg'); background-repeat: no-repeat; background-size: cover; background-position: top left;}

#divider {width:100%; height:10px; float:left; background-color: #c10820 ; }
#maincontainer{
width: 990px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin: 0 310px 0 310px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 310px; /*Width of left column in pixel*/
margin-left: -990px; /*Set margin to that of -(MainContainerWidth)*/
}

#rightcolumn{
float: left;
width: 310px; /*Width of right column*/
margin-left: -310px; /*Set left margin to -(RightColumnWidth)*/
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

#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;

}


/* ####### responsive layout CSS ####### */

@media (max-width: 840px){ /* 1st level responsive layout break point- drop right column down*/
	#maincontainer{
	width: 100%;
	}
	
	.WWA2text {margin-top:70px; margin-bottom:30px; text-align:center;}
	.WWA_text {margin-left:10px; margin-right:10px;}
	.NVW_text {margin-left:10px; margin-right:10px;}
	#leftcolumn{
	margin-left: -100%;
	}

	#rightcolumn{
	float: none;
	width: 100%;
	margin-left: 0;
	clear: both;
	}

	#contentcolumn{
	margin-right: 0;
	}
	#Fmaincontainer{
		width: 100%;
		}
	
		#Fleftcolumn{
		margin-left: -100%;
		}
	
		#Frightcolumn{
		float: none;
		width: 100%;
		margin-left: 0;
		clear: both;
		}
	
		#Fcontentcolumn{
		margin-right: 0;
	}
	
		#leftcolumn2{
		float: none;
		width: 100%;
		margin-left: 0;
		}
		
		#rightcolumn2{
		margin-left: 0;
	}
}

@media (max-width: 740px){ /* 2nd level responsive layout break point- drop left column down */
	#leftcolumn{
		float: none;
		width: 100%;
		clear: both;
		margin-left: 0;
	}
    .display_image {display:none;}
	#contentcolumn{
		margin-left: 0;
	}
	#Fleftcolumn{
		float: none;
		width: 100%;
		clear: both;
		margin-left: 0;
	}
	#Fcontentcolumn{
		margin-left: 0;
	}
	.footerElement {
		width: 100% !important;
        	padding: 0px !important;
	}
	.footerBlock {
		width: 100% !important;
		float: none !important;
		margin: auto;
		padding: 10px 0px 0px 0px !important;
	}
	.preTopNavTable{	
		width: 100%;
		text-align: center;
	}
	img#vacLogo {
		padding-left: 0px !important;
	}
}

#Fmaincontainer{
width: 840px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
padding-top:10px;
}

#Fcontentwrapper{
float: left;
width: 100%;
}

#Fcontentcolumn{
margin: 0 280px 0 280px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#Fleftcolumn{
float: left;
width: 280px; /*Width of left column in pixel*/
margin-left: -840px; /*Set margin to that of -(MainContainerWidth)*/
}

#Frightcolumn{
float: left;
width: 280px; /*Width of right column*/
margin-left: -280px; /*Set left margin to -(RightColumnWidth)*/
}
.Finnertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
color:#FFFFFF;
}