/*****************************/
/*                           */
/*                           */
/*     Site design by        */
/*       Bill Blidy          */
/*       hello               */
/*                           */
/*****************************/

body { background-color: #EFEFEF; }



/* gets rid of dotted outline around image links */
a { outline: none; }

.bannertop { 
background-image: url("archbanner/2526banner.png?002");
background-size: 100%;
background-repeat: no-repeat;
width:100%;
height:145px;
}
#maintable { margin-top:30px;width:725px;}
#threestripes {margin:0;padding:0;width:40px;height:40px;position:relative;left:10px;top:10px; z-index:7}

/* News Titles Bottom of Mainpage */
.newstitles { font-family: arial, Helvetica, sans-serif; font-size: 16px; color: #999999; text-decoration:none; }
.newstitles a:link { color: #3366cc; text-decoration:none; }
.newstitles a:visited { color: #999999; text-decoration:none; }
.newstitles a:hover { color: #3366CC; text-decoration:underline; }
.newstitles a:active { color: #3366CC; text-decoration:none; }

/* News Titles for Blog Widget */
.newstitlessm { font-family: arial, Helvetica, sans-serif; font-size: 13px; color: #999999; text-decoration:none; }
.newstitlessm a:link { color: #3366cc; text-decoration:none; }
.newstitlessm a:visited { color: #999999; text-decoration:none; }
.newstitlessm a:hover { color:  #3366cc; text-decoration:underline; }
.newstitlessm a:active { color:  #3366cc; text-decoration:none; }

/* archives Links */
.archives { font-family: arial, Helvetica, sans-serif; font-size: 14px; color: #999999; text-decoration:none; }
.archives a:link { color: #3366CC; text-decoration:none; }
.archives a:visited { color: #3366CC; text-decoration:none; }
.archives a:hover { color: #3366CC; text-decoration:underline; }
.archives a:active { color: #3366CC; text-decoration:none; }

.goto { font-family: arial, Helvetica, sans-serif; font-size: 13px; color: #555555; text-decoration:none; }
.goto a:link { color: #3366CC; font-weight: normal; text-decoration:none; }
.goto a:visited { color: #3366CC; font-weight: normal;text-decoration:none; }
.goto a:hover { color: #3366CC; font-weight: normal; text-decoration:underline; }
.goto a:active { color: #3366CC; font-weight: normal; text-decoration:none; }

/* Year Titles */
.year { font-family: arial, Helvetica, sans-serif; font-size: 15px; color: #999999; line-height: 30px; text-decoration:none; }
.year a:link { color: #3366CC; font-weight: normal; text-decoration: underline; }
.year a:visited { color: #3366CC; font-weight: normal;text-decoration: underline; }
.year a:hover { color: #3366CC; font-weight: normal; text-decoration: underline; }
.year a:active { color: #3366CC; font-weight: normal; text-decoration: underline; }

/* Body Text */
.bodytext { font-family: arial, Helvetica, sans-serif; font-size: 13px; color: #999999; text-decoration:none; }
.bodytext a:link { color: #999; font-weight: normal; text-decoration:none; }
.bodytext a:visited { color: #999; font-weight: normal;text-decoration:none; }
.bodytext a:hover { color: #999; font-weight: normal; text-decoration: underline; }
.bodytext a:active { color: #999; font-weight: normal; text-decoration:none; }

/* Return Buttons */
.return { font-family: arial, Helvetica, sans-serif; font-size: 20px; color: #3366CC; font-weight: bold; text-decoration:underline; }
.return a:link { color: #3366CC; font-weight: bold; text-decoration:underline; }
.return a:visited { color: #3366CC; font-weight: bold;text-decoration:underline; }
.return a:hover { color: #3366CC; font-weight: bold; text-decoration:underline; }
.return a:active { color: #3366CC; font-weight: bold; text-decoration:underline; }

.welcome { font-family: arial, Helvetica, sans-serif; font-size: 18px; color: #555555; font-weight: normal; text-decoration: none; }
.welcomesmall { font-family: arial, Helvetica, sans-serif; font-size: 13px; color: #999999; font-weight: normal; text-decoration: none; }

.artclasstitle { font-family: arial, Helvetica, sans-serif; font-size: 19px; color: #555555; font-weight: normal; text-decoration: none; }


.border {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
}

.menu{ font-family: arial, Helvetica, sans-serif;font-size: 12px;text-decoration:none;color: #999999;font-weight: normal}
.menu a:link { font-family: arial, Helvetica, sans-serif;font-size: 12px;text-decoration:none;color: #999999;font-weight: normal }
.menu a:visited { font-family: arial, Helvetica, sans-serif;font-size: 12px;text-decoration:none;color: #999999;font-weight: normal }
.menu a:hover { font-family: arial, Helvetica, sans-serif;font-size: 12px;text-decoration:underline;color: #999999;font-weight: normal }
.menu a:active { font-family: arial, Helvetica, sans-serif;font-size: 12px;text-decoration:none;color: #999999;font-weight: bold }

.center {
	text-align:center;
	margin-left: auto;
	margin-right: auto;
}

.fb-share-button {width:100px;position:fixed;bottom:0;right:0;margin:0 20px 20px 0;}

/* this is for the thumbnails to get brighter on hover, added 3-25-22 */
.ds{	
/*box-shadow:2px 2px 2px #333;*/
-webkit-filter: brightness(100%);
}

.ds:hover {
/*	box-shadow:2px 2px 2px #333;*/
	-webkit-filter: brightness(125%);}
	
	/* this is for the home page thumbnails to get brighter on hover, added 3-25-22 */

.ds2 {
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}

.ds2:hover {
  -webkit-filter: brightness(130%);
  filter: brightness(130%);
}
/* this is for the home page thumbnails to get brighter on hover, added 3-25-22 */


#billnav { display:block; }


.sandwichfair {
	width: 100%;
	height: 40px;
	border: 1px solid #cde9f9;
	background-color: #e1f1fa;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #666666;
	text-decoration: none;
	padding: 10px;
	margin-top: 0px;
	position: fixed;
	z-index: 999;
	top: 0px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	box-sizing: border-box; /* Add this line */
}

.sandwichfair a:link{color:#666666;text-decoration:none}
.sandwichfair a:visited{color:#666666;text-decoration:none}
.sandwichfair a:hover{color:#666666;text-decoration:undeline}
.sandwichfair a:active{color:#666666;text-decoration:none}


@media only screen and (max-width: 786px) {
.bannertop { 
background-image: url("archbanner/2526banner.png");
background-size: 100%;
background-repeat: no-repeat;
width:100%;
height:145px;
}



#billnav { display:block; }	

#maintable { margin-top:30px;width:95%;}
#threestripes {margin:0;padding:0;width:60px;height:60px;position:relative;left:5px;top:0px;z-index:7}

/* Return Buttons */
.return { font-family: arial, Helvetica, sans-serif; font-size: 22px; color: #3366CC; font-weight: bold; text-decoration:underline; }
.return a:link { color: #3366CC; font-weight: bold; text-decoration:underline; }
.return a:visited { color: #3366CC; font-weight: bold;text-decoration:underline; }
.return a:hover { color: #3366CC; font-weight: bold; text-decoration:underline; }
.return a:active { color: #3366CC; font-weight: bold; text-decoration:underline; }

.artclasstitle { font-family: arial, Helvetica, sans-serif; font-size: 20px; color: #555555; font-weight: normal; text-decoration: none; }


.sandwichfair {
	width: 100%;
	height: 50px;
	border: 1px solid #cde9f9;
	background-color: #e1f1fa;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #666666;
	text-decoration: none;
	padding: 10px;
	margin-top: 0px;
	position: fixed;
	z-index: 999;
	top: 0px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	box-sizing: border-box; /* Add this line */
}

.sandwichfair a:link{color:#666666;text-decoration:none}
.sandwichfair a:visited{color:#666666;text-decoration:none}
.sandwichfair a:hover{color:#666666;text-decoration:undeline}
.sandwichfair a:active{color:#666666;text-decoration:none}



 }

 @media only screen and (max-width: 550px) {
	 .bannertop { 
background-image: url("archbanner/2223banner-mobile.jpg");
background-size: 100%;
background-repeat: no-repeat;
width:100%;
height:115px;
}
#billnav { display:block; }	/* was none */
     #maintable { margin-top:30px;width:80%;}
	#threestripes {margin:0;padding:0;width:60px;height:60px;position:relative;left:5px;top:0px;z-index:7}
	
	/* Return Buttons */
.return { font-family: arial, Helvetica, sans-serif; font-size: 24px; color: #3366CC; font-weight: bold; text-decoration:underline; }
.return a:link { color: #3366CC; font-weight: bold; text-decoration:underline; }
.return a:visited { color: #3366CC; font-weight: bold;text-decoration:underline; }
.return a:hover { color: #3366CC; font-weight: bold; text-decoration:underline; }
.return a:active { color: #3366CC; font-weight: bold; text-decoration:underline; }

.artclasstitle { font-family: arial, Helvetica, sans-serif; font-size: 24px; color: #555555; font-weight: normal; text-decoration: none; }

.sandwichfair {
	width: 100%;
	height: 60px;
	border: 1px solid #cde9f9;
	background-color: #e1f1fa;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #666666;
	text-decoration: none;
	padding: 10px;
	margin-top: 0px;
	position: fixed;
	z-index: 999;
	top: 0px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	box-sizing: border-box; /* Add this line */
}

.sandwichfair a:link{color:#666666;text-decoration:none}
.sandwichfair a:visited{color:#666666;text-decoration:none}
.sandwichfair a:hover{color:#666666;text-decoration:undeline}
.sandwichfair a:active{color:#666666;text-decoration:none}

 }