:root {
	--white: rgb(255, 255, 255); /* #FFFFFF */
	--black: rgb(0, 0, 0); /* #000000 */
	--navy: rgb(33, 89, 112); /* #215970 */
	--dkgrey: rgb(51, 51, 51); /* #333333 */
	--mdgrey: rgb(81, 81, 81); /* #515151 */
	--paleyellow: rgb(240, 240, 216); /* #F0F0D8 */
	--brick: rgb(138, 64, 19); /* #8A4013 */
	--plum: rgb(157, 143, 155); /* 9D8F9B */
	--plumgrey: rgb(157, 143, 155); /* 857283 menu hover orig. was lighter #9D8F9B */
	--brown: rgb(157, 143, 155); /* A0672E */
	--dkbrown: rgb(83, 57, 32); /* 533920 */
	--red: rgb(255, 0, 0); /* #FF0000 */
	--lime: rgb(178, 255, 102); /* #B2FF66 */
	--dknavy: rgb(0, 25, 51); /* #001933 */
	--teal: rgb(73, 123, 144); /* #497B90 blueish-teal*/
	--ivory: rgb(242, 238, 234); /*  ivory  */
	--beige: rgb(230, 222, 214); /* beige  */
	}
body {
	background-color: var(--white);
	margin:0px;
	padding:0px;
	font-size:13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: var(--mdgrey);
	}
a:hover { text-decoration: underline !important; }
a img {	border: 0; }
p {
	margin:0px;
	padding:0 0 5px 0;
	line-height:18px;
	text-align:justify;
	}
p.left {
	text-align:left;
	}
p.welcome{
padding:100px 0 5px 0;
font-size:13px;
color: var(--white);   /* banner text */
}
h1{
color: var(--brick);
font-size:15px;
font-weight:bold;
margin:0px;
padding:6px 0 4px 0;
}
/*-h2, h3, h4 { font-family: Verdana, Arial, Helvetica, sans-serif;margin:0; } */
h2{ font-size:16px; font-weight:bold; color: var(--mdgrey); padding:4px 0 0 0;}
h3{ font-size:14px;font-weight:bold; }
h4{ font-size:13px;font-weight:bold; }

/*----------PAGE LAYOUT --------*/
#page-container{
width:950px;
height:auto;
margin:auto;
background:url(images/banner-bkg2.jpg) no-repeat top center var(--ivory); }
/* home page box for guild title and menu image is 950wx260h change color here to match the banner image*/
#banner{  
width:895px;
height:130px;
margin:auto;
}
#banner2{  /* secondary page box for guild title and menu */
width:895px;
height:130px;
margin:auto;
}
/* ---positioning of mgna-title image in guild-title.html include file --- */
#logo{  
padding:60px 0 0 0;
float:left;
}
#middle-box{  /* home page banner photo */
width:895px;
height:278px;
clear:both;
margin:auto;
background:url(images/bannerA3.jpg) no-repeat center;
background-size:contain; /* photo 1920x596 contained middle-box */
}
#middle-box2{  /* secondary page banner */
width:895px;
height:200px;
clear:both;
margin:auto;
background:url(images/banner2.jpg) no-repeat center;
}
.middle-box-content{  /* home page banner text */
width:370px;
padding:20px 0 0 30px;
}
#center-content{  /* box to hold content */
width:895px;
margin:auto;
}
.welcome {
color: var(--navy); background:url(images/welcome.svg) no-repeat left;background-size:190px;background-position:0px 30px;
}

/*---MENU---------*/
#menu{
width:460px;
height: auto;
float:left;
padding:105px 0 0 70px;
}
#menu ul{
list-style:none;padding:0px;margin:0px;display:block; font-weight:bold;
}
#menu ul li{
list-style:none;display:inline;float:left;width:auto;height:12px;padding:0px;font-size:12px;
}
#menu ul li a{
height:12px; width: auto;float:left;text-decoration:none;padding:0 8px 0 17px; margin:0px;color:#9D8F9B; font-weight:bold; 
}
#menu ul li a:hover{
height:12px;width: auto;text-decoration:none;color: var(--plumgrey); background:url(http://marigoldguildofneedlearts.ca/images/menu-checked.gif) no-repeat left;
}
#menu ul li a.current{
height:12px;width: auto;float:left;text-decoration:none;padding:0 8px 0 17px;color: var(--plumgrey); background:url(http://marigoldguildofneedlearts.ca/images/menu-checked.gif) no-repeat left;
}

/*----MAIN CONTENT----*/
.left-content{
width:480px;
height:auto;
float:left;
padding:10px 10px 15px 0;
}
.right-content{
width:390px;
height:auto;
float:left;
padding:10px 0 0 10px;
}
.left-content2{
width:580px;
height:auto;
float:left;
padding:10px 10px 15px 0;
}
.left-content-wide{
width:870px;
height:auto;
float:left;
padding:10px 10px 15px 0;
}
.right-content2{
width:250px;
height:auto;
float:left;
padding:10px 10px 15px 40px;
}
.left-content3{
width:390px;
height:auto;
float:left;
padding:10px 10px 15px 0;
}
.right-content3{
width:440px;
height:auto;
float:left;
padding:10px 10px 15px 40px;
}
.dashed-tab{
padding:10px 0 5px 0;
margin:0px;
text-align:justify;
line-height:14px;
border-bottom:1px var(--mdgrey) dashed;  
}
.news-details{
padding:5px 0 0 0;
text-align:right;
font-size:11px;
font-weight:bold;
}
.title-activity {
height:35px;font-size:16px;font-weight:bold;padding:5px 0 0 35px;color: var(--black); background:url(http://marigoldguildofneedlearts.ca/images/icon-activity2.svg) no-repeat left;background-size:30px;background-position:0px 0px;
}
.title-contact {
height:35px;font-size:16px;font-weight:bold;padding:5px 0 0 35px;color: var(--black); background:url(http://marigoldguildofneedlearts.ca/images/icon-contact2.svg) no-repeat left;background-size:30px;background-position:0px 0px;
}
.title-event {
height:35px;font-size:16px;font-weight:bold;padding:5px 0 0 35px;color: var(--black);
background:url(http://marigoldguildofneedlearts.ca/images/icon-event2.svg) no-repeat left;background-size:30px;background-position:0px 0px;
}
.title-eyelet {
height:35px;font-size:16px;font-weight:bold;padding:5px 0 0 35px;color: var(--black); background:url(http://marigoldguildofneedlearts.ca/images/icon-eyelet2.svg) no-repeat left;background-size:30px;background-position:0px 0px;
}
.title-join {
height:35px;font-size:16px;font-weight:bold;padding:5px 0 0 35px;color: var(--black); 215970;background:url(http://marigoldguildofneedlearts.ca/images/icon-join2.svg) no-repeat left;background-size:30px;background-position:0px 0px;
}
.title-link {
height:35px;font-size:16px;font-weight:bold;padding:5px 0 0 35px;color: var(--black); background:url(http://marigoldguildofneedlearts.ca/images/icon-link2.svg) no-repeat left;background-size:30px;background-position:0px 0px;
}
.title-lock {
height:35px;font-size:16px;font-weight:bold;padding:5px 0 0 35px;color: var(--black); background:url(http://marigoldguildofneedlearts.ca/images/icon-lock2.svg) no-repeat left;background-size:30px;background-position:0px 0px;
}
.title-meeting{
height:35px;font-size:16px;font-weight:bold;padding:5px 0 0 35px;color: var(--black); background:url(http://marigoldguildofneedlearts.ca/images/icon-meeting2.svg) no-repeat left;background-size:30px;background-position:0px 0px;
}
.title-members{
height:35px;font-size:16px;font-weight:bold;padding:5px 0 0 35px;color: var(--black); background:url(http://marigoldguildofneedlearts.ca/images/icon-members2.svg) no-repeat left;background-size:30px;background-position:0px 0px;
}
.title-movie{
height:35px;font-size:16px;font-weight:bold;padding:5px 0 0 35px;color: var(--black); background:url(http://marigoldguildofneedlearts.ca/images/icon-movie2.svg) no-repeat left;background-size:30px;background-position:0px 0px;
}
.title-photo{
height:35px;font-size:16px;font-weight:bold;padding:5px 0 0 35px;color:var(--black); background:url(http://marigoldguildofneedlearts.ca/images/icon-photo2.svg) no-repeat left;background-size:30px;background-position:0px 0px;
}
span.contentSmall{ font-size:9.5px; }
a.pdf{ 
   padding-right: 20px;
   background: transparent url(images/icon-pdf.gif) no-repeat center right;
}
ul#spaced li {
   margin-bottom: .5em;
}
span.date{
color: var(--brown);
}
img.photo{
padding:10px;
}
.clear{
clear:both;
}
/* ---FORM protection--- */
#antispam { visibility:hidden; display:none; }

/* ---WHAT-WE-DO--- */

.checklist ul{
list-style:none;padding:0px 10px 10px 0px;margin:0px; 
}
.checklist ul li{
list-style:none;width: auto;height: auto;padding:0px;
}

/*
.checklist ul li a{
height: 16px; width: auto; display:block;padding:0 0 0 
20px; margin:10px;color:var(--brown);text-align:left; font-weight:bold; font-size:12px;
background:url(http://marigoldguildofneedlearts.ca/images/list-checked.gif) no-repeat
left; background-position:0px 0px;text-decoration:none;
}
*/

.checklist ul li a{height: 16px;width: auto; display:block;padding:0 0 0 20px;margin:10px;color: var(--brown);text-align:left; font-weight:bold;font-size:12px;
background:url(http://marigoldguildofneedlearts.ca/images/list-checked2.svg) no-repeat left;background-size:12px;background-position:0px 0px;
}

.checklist ul li a:hover{
height: 16px; width: auto;text-decoration:none;color: var(--dkbrown); 
}

#footerOLD{
width:895px;
height:85px;
margin:auto;
color:var(--teal);
border-top:1px dashed var(--brick); 
background:url(http://marigoldguildofneedlearts.ca/images/eac.png) no-repeat left;
}
#footer{
width:895px;
height:115px;
margin:auto;
color:var(--teal);
border-top:1px dashed var(--brick); 
background:url(http://marigoldguildofneedlearts.ca/images/2023EAC-ACB-Logo-Cheryl.svg) no-repeat left;background-size:95px;
}

.footer-left {
float:left;
padding:30px 0 0 110px;
}

.footerOLD-left {
float:left;
padding:30px 0 0 80px;
}
.footer-right {
font-size:12px;
float:right;
padding-right:10px;
padding-top:30px;
}
.footer-date {
font-size:10px;
float:right;
}
/* ---STRIPED TABLE---  */
#striped
{
font-family:"Geneva", Arial, Helvetica, sans-serif;
width:100%;
border-collapse: collapse;
}
#striped td, #striped th 
{
font-size:.9em;
background-color: var(--ivory);
border:1px solid var(--navy);
padding:2px;
}
#striped th 
{
font-size:1em;
text-align:center;
padding:2px;
background-color: var(--navy);
color: var(--white);
}
#striped tr.alt td 
	{
	color: var(--black);
	background-color: var(--white);
	}
#striped tr.alt2 td 
	{
	color: var(--dknavy);
	background-color: var(--ivory);
	}
.red {
	color: var(--red);
	font-weight: bold;
}