body{font-family:verdana,arial,sans-serif;font-size:11px;line-height:1.2;background-color:#E3E3E3;padding:0;border:0;margin:0;-webkit-text-size-adjust:100%}
p{margin:0 0 8px 0}
p.green,p.white{display:inline;margin:0}
a.green:link,.green a:link,span.green{background-color:#ceff9e}
button{cursor:pointer}
img{border:none;display:block}
h1,h2{font-weight:normal;font-size:11px;text-align:center;margin:0 0 3px 0;white-space:nowrap;overflow:hidden;position:relative}
ul,ol{padding-left:24px;margin:0}
.christmas{position:absolute;top:6px;left:8px;background:url(/photo/sprite6.jpg);width:23px;height:35px}
.easter{position:absolute;top:6px;left:8px;background:url(/photo/sprite6.jpg) -25px 0;width:28px;height:35px}
.newyears{position:absolute;top:6px;left:8px;background:url(/photo/sprite6.jpg) -55px 0;width:28px;height:35px}
.thanksgiving{position:absolute;top:6px;left:8px;background:url(/photo/sprite6.jpg) -85px 0;width:32px;height:35px}
.halloween{position:absolute;top:6px;left:8px;background:url(/photo/sprite6.jpg) -119px 0;width:38px;height:35px}
.stpatricks{position:absolute;top:6px;left:8px;background:url(/photo/sprite6.jpg) -159px 0;width:38px;height:35px}
.flag{position:absolute;top:6px;left:8px;background:url(/photo/sprite6.jpg) -199px 0;width:38px;height:35px}
.valentines{position:absolute;top:6px;left:8px;background:url(/photo/sprite6.jpg) -239px 0;width:36px;height:35px}
.labor{position:absolute;top:6px;left:8px;background:url(/photo/sprite6.jpg) -275px 0;width:36px;height:35px}
.memorial{position:absolute;top:6px;left:8px;background:url(/photo/sprite6.jpg) -311px 0;width:36px;height:35px}
.dad{position:absolute;top:6px;left:8px;background:url(/photo/sprite6.jpg) -347px 0;width:41px;height:35px}
.mom{position:absolute;top:6px;left:8px;background:url(/photo/sprite6.jpg) -388px 0;width:41px;height:35px}
.mlk{position:absolute;top:6px;left:8px;background:url(/photo/sprite6.jpg) -429px 0;width:35px;height:35px}
.haunted{position:absolute;top:6px;left:8px;background:url(/photo/sprite6.jpg) -464px 0;width:37px;height:35px}
a:focus{outline:none}
a:link{color:#0023de}
.bargray a:link,.bargray a:visited{color:#FFFFFF}
a:visited{text-decoration:none;outline:none}
a:hover{text-decoration:underline}
.bluehead,.grayhead{text-align:center;font-weight:bold;font-size:14px;color:#323232;border-top:1px solid #999999;margin:0;padding:2px 0 5px}
.bluehead{background-color:#A9E3FF}
.grayhead{background-color:#DCDBDB}
.blueblock{background-color:#E3F6FF;border-bottom:1px solid #E3F6FF;padding:4px 4px 0 8px}
.grayblock{background-color:#E3E3E3;font-size:12px;padding:9px 8px 1px 12px}
.bargray{position:relative;clear:both;height:29px;padding-top:4px;background-color:#676767;text-align:center;font-family:arial,verdana,sans-serif;font-size:20px;color:#FFFFFF;letter-spacing:1px;margin:0}
.bargray-left{position:absolute;top:4px;left:0;width:33%}
.bargray-right{position:absolute;top:4px;right:0;width:33%}
.barcity{min-height:298px;line-height:1.6;font-size:20px;text-align:center;background-color:#676767;color:#FFFFFF;border-top:1px solid #999999;position:relative}
.barmonth{line-height:1.6;font-size:20px;text-align:center;background-color:#A9E3FF;border-top:1px solid #999999}
.desktoptext{font-size:16px;padding-bottom:4px}
.mobiletext{padding-bottom:4px}
.event,.qq{border-top:1px solid #999999;position:relative;padding:4px 4px 8px 8px;display:block}
.event,.qq,.group,#box1,#box2,#box3{-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid;-o-column-break-inside:avoid;-ms-column-break-inside:avoid;column-break-inside:avoid}
.title{text-align:center;margin-bottom:0;font-weight:bold;font-size:12px}
.date{text-align:center;margin-bottom:0;color:#992528}
.qq .date{color:#949494}
.miles{text-align:center;margin-bottom:0}
.bold{font-weight:bold}
.center{text-align:center}
.italic{font-style:italic}
.red{color:red}
.large{font-size:12px;line-height:1.4}
.noline{border-bottom:0;border-top:0}
.errorhead{text-align:center;font-size:14px;font-weight:bold;padding-top:8px}
.fb{display:inline-block;position:absolute;top:4px;margin-left:12px;overflow:hidden}
.nodesktop,.mobiletext,.barmonth,.printonly,.menu-mobile-bot,.menu-mobile-top,.gohome,.qq,.menu6across,#past-on,#past-js{display:none}
#tester{display:none}
#box1{display:block;width:300px;height:250px;margin:0 auto;padding:6px 0}
#box2{display:none;width:300px;margin-top:-262px;margin-left:auto;margin-right:auto;position:relative;padding:6px 0}
#box3{display:block;width:300px;height:250px;margin:0 auto;padding-bottom:8px}
#box4{display:none;width:300px;margin-top:-258px;margin-left:auto;margin-right:auto;position:relative;padding-bottom:8px}
#top{position:relative;background-color:#FFFFFF;
	-webkit-box-shadow: 0px 0px 4px 3px rgba(189,189,189,1);
	-moz-box-shadow: 0px 0px 4px 3px rgba(189,189,189,1);
	box-shadow: 0px 0px 4px 3px rgba(189,189,189,1);}
.columns{-webkit-column-width:320px;
	-moz-column-width:320px;
	column-width:320px;
	-webkit-column-gap:2px;
	-moz-column-gap:1px;
	column-gap:1px;
	-webkit-column-rule:2px solid #c8c8c8;
	-moz-column-rule:1px solid #999999;
	column-rule:1px solid #999999;}
.imagebox{margin:3px -4px 3px -8px}
.photowrap{max-height:236px;max-width:314px;margin:0 auto;overflow:hidden;position:relative}
.photobox{position:relative;padding-bottom:75%;height:0}
.photo{width:314px;height:236px;background-size:100% 100%;position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat}
.menu{clear:both;background-color:#DCDCDC;font-size:12px;text-align:center;border-top:solid 10px #DCDCDC;float:center}
.menu3{width:1%;display:inline-block}
.menu29,.now,.month-big,.month-small,.month-home{width:29%;border:solid 1px #999999;padding:4px 0 4px 0;margin-bottom:10px;overflow:hidden;
	position:relative;
	display:inline-block;
	outline:none;
	zoom:1;/* for ie7 */
	*display:inline;/* for ie7 */
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius:.5em; 
	-moz-border-radius:.5em;
	border-radius:.5em;
	-webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,.15);
	-moz-box-shadow: 0 3px 3px 0 rgba(0,0,0,.15);
	box-shadow: 0 3px 3px 0 rgba(0,0,0,.15)}
.menu29{background-color:#e5e5e5}
.menu29:hover{background-color:transparent;text-decoration:none}
.month-big,.month-small{width:20%;background-color:#FFFFFF}
.month-home{width:20%;background-color:#FFFFFF}
.month-big:hover,.month-small:hover,.month-home:hover{background-color:#676767;color:#FFFFFF;text-decoration:none}
.month-now{background-color:#676767;color:#FFFFFF}
.now:hover{background-color:#e5e5e5;text-decoration:none}

/* wider: menu 6 across and margin */
	@media only screen and (min-width:586px){
	.month-big,.month-small{width:14%}
	.month-home{width:17%}
	.menu4across{display:none}
	.menu6across{display:inline}
	#top{margin:0 1%}
}
/* wider: menu all across */
	@media only screen and (min-width:944px){
	.month-big{width:8%}
	.month-small{width:6%}
	.month-home{width:10%}
	.menu3{width:0.5%}
	.menu6across{display:none}
}
/* touchscreen: stop hover sticking */
	@media only screen and (max-device-width:1024px){
	.bargray a:hover{color:#FFFFFF;text-decoration:none}
	.now:hover{background-color:transparent;text-decoration:none}
	.menu29:hover{background-color:#e5e5e5}
}
/* narrower: enlarge font */
	@media only screen and (max-width:654px){
	.event,.qq,.grayblock{font-size:12px;line-height:1.4}
}
/* narrower: cellphone */
	@media only screen and (max-width:479px){
	h1,h2{margin:3px;white-space:normal}
	.event,.qq,.grayblock{padding-left:10px;padding-right:8px}
	.grayblock{background-color:#E3F6FF}
	ul li{margin-top:8px}
	.zero ul li{margin-top:0}
	p.white,p.green{display:block;margin-top:5px}
	.mobiletext,.barmonth{display:block}
	.nodesktop{display:inline}
	.bargray,h1,.desktoptext,.nomobile{display:none}
	.barcity{font-size:18px;overflow:hidden}
	.fb{top:2px}
	.photowrap{height:236px;width:314px}
	.menu-mobile-bot{clear:both;display:block;background-color:#FFFFFF;font-size:12px;text-align:center;float:center}
	.menu-mobile-top{clear:both;display:block;background-color:#FFFFFF;font-size:12px;text-align:center;float:center;margin-top:10px}
	.menu3{width:2%}
}
/* print: restyle */
	@media print{
	.qq .date{color:#992528}
	a:link,a:visited{text-decoration:none;color:#005699}
	.barcity{color:#CCCCCC}
	.bargray,.bargray a:link{color:#000000;background-color:transparent}
	h1,h2,.menu,.noprint,.photobox,.photowrap,.fb,#box1,#box2,#box3,#box4{display:none}
	.barcity{min-height:62px}
	.printonly{display:inline}
}