header h1 {
	visibility: hidden;
	padding-bottom: 80px;
}
.hdrcol3 a {
	margin-left: 45%;
}
.hdrcol1 img {
	max-width: 130px;
}
.hdrcol3 img {
	max-width: 118px;
}
#navbar {
	background-color: #781010;
	height: 3.5em;
}
nav {
	position: absolute;
	top: 10.42em;
	margin-left: 20%;
}
nav h2 {
	display: none;
}
.grid {
	margin-bottom:0em;
	text-align: justify;
	display: inline-block;
	vertical-align:middle;
	width: 100%;
}

.grid-item {
	display: inline-block;
	background: #eee;
	background-image:url('../img/splot.png');
	width: 5.3em;
	padding-top: 0.7%;
	padding-bottom: 0.7%;
	margin: 0.5em;
	text-align: center;
	vertical-align:middle;
  background: #781010;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #781010), color-stop(50%, #781010), color-stop(100%, #ddd));
  background: -moz-linear-gradient(bottom, #781010 0, #781010 50%, #ddd 100%);
  background: -o-linear-gradient(bottom, #781010 0, #781010 50%, #ddd 100%);
  background: -ms-linear-gradient(bottom, #781010 0, #7810105 50%, #ddd 100%);
  background: linear-gradient(bottom, #781010 0, #781010 50%, #ddd 100%);
  -webkit-box-shadow: inset 0 0px 5px white; -moz-box-shadow: inset 0 0px 5px white; box-shadow: inset 0 0px 5px white;
-webkit-border-radius: 0.4em 0.4em 0.4em 0.4em; -moz-border-radius: 0.4em 0.4em 0.4em 0.4em; border-radius: 0.4em 0.4em 0.4em 0.4em

}
.grid-item:hover {
	  background: -webkit-gradient(linear, left top, left top, color-stop(0, #781010), color-stop(50%, #781010), color-stop(100%, #ddd));
  background: -moz-linear-gradient(top, #781010 0, #781010 50%, #ddd 100%);
  background: -o-linear-gradient(top, #781010 0, #781010 50%, #ddd 100%);
  background: -ms-linear-gradient(top, #781010 0, #7810105 50%, #ddd 100%);
  background: linear-gradient(top, #781010 0, #781010 50%, #ddd 100%);
}
.grid-item a {
	color: #fff;
	font-size: 1.0em;
	line-height: 1.8em;
}
.grid:after {
	content:'';
	display: none;

}
.tooltip {
	margin-left: 17px;
	margin-right: 17px;
}

img.fb {
	width: 25px;
	height: 25px;	
	background-image: url(../img/sm2.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
img.in {
	width: 25px;
	height: 25px;
	background-image: url(../img/sm2.png);
	background-repeat: no-repeat;
	background-position: -25px 0px;
}
.highlight {
	color: black;
}

.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}
.main3col {
	padding-bottom: 30px;
	background-color: #5E0E0D;
}


.main3col .colmid {
	right:24%;		/* width of the right column */
}
.main3col .colleft {
	right:24%;      /* width of the middle column */
}
.main3col .col1 {
	width:20%;			/* width of center column content (column width minus padding on either side) */
	left:101%;			/* 100% plus left padding of center column */
}
.main3col .col2 {
	width:44%;			/* Width of left column content (column width minus padding on either side) */
	left:32%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.main3col .col3 {
	width:20%;			/* Width of right column content (column width minus padding on either side) */
	left:62%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}
.list {
	border: 1px solid #777;
	opacity: 0.9;
	filter: alpha(opacity=90);
	z-index:3000;
	color: #DDDDDD;
	line-height: 1.2em;
	padding-top: 3%;
	padding-bottom: 3%;
	margin: 1.3%;
	text-align: center;
	background: #781010;
	background: -webkit-gradient(linear, left top, left top, color-stop(0, #781010), color-stop(50%, #781010), color-stop(100%, #ddd));
	background: -moz-linear-gradient(top, #781010 0, #781010 50%, #ddd 100%);
	background: -o-linear-gradient(top, #781010 0, #781010 50%, #ddd 100%);
	background: -ms-linear-gradient(top, #781010 0, #7810105 50%, #ddd 100%);
	background: linear-gradient(top, #781010 0, #781010 50%, #ddd 100%);
	-webkit-box-shadow: inset 0 0px 5px white; -moz-box-shadow: inset 0 0px 5px white; box-shadow: inset 0 0px 5px white;
	-webkit-border-radius: 0.4em 0.4em 0.4em 0.4em; -moz-border-radius: 0.4em 0.4em 0.4em 0.4em; border-radius: 0.4em 0.4em 0.4em 0.4em
}

/**********************************************/
/* Jatt (Just Another Tooltip) overall */
.tooltip, .preview, .screenshot { cursor: pointer; }

/* tooltip only, don't add a default width to
preview/screenshot tooltips or the image won't fit inside */
#tooltip { width: 250px; }

/* basic tooltip style */
#tooltip, #preview {
 color: #dddddd;
 background: #444;
 border: 1px solid #777;
 padding: 8px;
 display: none;
 opacity: 0.9;
 filter: alpha(opacity=90);
 text-align: left;
 border-radius: .5em;
 -moz-border-radius: .5em;
 -webkit-border-radius: .5em;
 z-index: 1000;
}

/* close button (span) */
#tooltip .close, #preview .close {
 position: absolute;
 top: 3px;
 right: 3px;
 display: none;
 cursor: pointer;
 text-indent: -9999px;
 background: url(../images/close.gif) center center no-repeat;
 width: 16px;
 height: 16px;
}

/********************************************************/


.atip {
	display: none;
}
.splotholder {
	position: relative;
	height: 100px;
	width: 100px;
	cursor: pointer;
}
.splot {
	height: 100px;
	width: 100px;
	color: #f00;
	display: table;
}

.splot h3 {
	display: table-cell;
	vertical-align:middle;
	text-align: center;
}
#pensioner{
	background-image: url(../img/splot.png);
	background-repeat: no-repeat;
}
#specials{
	background-image: url(../img/splot4.png);
	background-repeat: no-repeat;
}
#health{
	background-image: url(../img/splot3.png);
	background-repeat: no-repeat;
}
#gifts{
	background-image: url(../img/splot5.png);
	background-repeat: no-repeat;
}
#hours{
	background-image: url(../img/splot4.png);
	background-repeat: no-repeat;
}

.caption {
	padding-top: 2em;	
	text-align: center;
}
.mappy {
	margin: 0;
	padding-top: 1em;
}
.whited {
	width: 60%;
	min-width: 750px;
	margin-top: 4em;
	margin-bottom: 4em;
}

.whiteb {
	width: 60%;
	margin-top: 4em;
	margin-bottom: 4em;
}

.whited form {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
}
.half {
	width:50%;
}
.emailtxt {
	width: 80%;
}


.bold {
	font-weight: 700;
}
.line {
	padding-bottom: 10px;
	border-bottom: solid;
}

.ctb .half .table {
	padding-bottom: 5px;
	border-bottom: none;
}
.whitec {
	width: 50%;
	margin-top: 5em;
	margin-bottom: 5em;
}
.cntr4 {
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	-moz-column-count:    4;
	-moz-column-gap:      15px;
	column-count:         4;
	column-gap:           15px;
}
.cntr4 img {
	/* Just in case there are inline attributes */
	width: 100% !important;
	height: auto !important;
}
.cntr3 {
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	-moz-column-count:    3;
	-moz-column-gap:      15px;
	column-count:         3;
	column-gap:           15px;
}
.cntr3 img {
  /* Just in case there are inline attributes */
  width: 100% !important;
  height: auto !important;
}
#length-restricted {
	width: 80%;
}

.spacer {
	margin-top: 5em;
}

.expand {
	background: #781010;
	background: -webkit-gradient(linear, left bottom, left bottom, color-stop(0, #781010), color-stop(50%, #781010), color-stop(100%, #ddd));
	background: -moz-linear-gradient(bottom, #781010 0, #781010 50%, #ddd 100%); 
	background: -o-linear-gradient(bottom, #781010 0, #781010 50%, #ddd 100%);
	background: -ms-linear-gradient(bottom, #781010 0, #7810105 50%, #ddd 100%);
	background: linear-gradient(bottom, #781010 0, #781010 50%, #ddd 100%);			

	-webkit-box-shadow: inset 0 0px 2px white; -moz-box-shadow: inset 0 0px 2px white; box-shadow: inset 0 0px 2px white;
	-webkit-border-radius: 0.4em 0.4em 0.4em 0.4em; -moz-border-radius: 0.4em 0.4em 0.4em 0.4em; border-radius: 0.4em 0.4em 0.4em 0.4em
}
	
.expand.expanded {
	background: url(expand_arrows.png) no-repeat right bottom;
	border-bottom: 1px solid #eee;	
	background-image: url(expand_arrows.png),-webkit-gradient(linear, left top, left bottom, color-stop(0, #781010), color-stop(50%, #781010), color-stop(100%, #ddd));
	background-image: url(expand_arrows.png),-moz-linear-gradient(top, #781010 0, #781010 50%, #ddd 100%); 
	background-image: url(expand_arrows.png),-o-linear-gradient(top, #781010 0, #781010 50%, #ddd 100%);
	background-image: url(expand_arrows.png),-ms-linear-gradient(top, #781010 0, #7810105 50%, #ddd 100%);
	background-image: url(expand_arrows.png),linear-gradient(top, #781010 0, #781010 50%, #ddd 100%);			
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}
		
.expand:hover {
	background: #781010;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #781010), color-stop(50%, #781010), color-stop(100%, #ddd));
	background: -moz-linear-gradient(top, #781010 0, #781010 50%, #ddd 100%); 
	background: -o-linear-gradient(top, #781010 0, #781010 50%, #ddd 100%);
	background: -ms-linear-gradient(top, #781010 0, #7810105 50%, #ddd 100%);
	background: linear-gradient(top, #781010 0, #781010 50%, #ddd 100%);			
	cursor: pointer;
}
		
.expand.expanded:hover {
	background-position: right bottom;
	background-image: url(expand_arrows.png),-webkit-gradient(linear, left top, left bottom, color-stop(0, #781010), color-stop(50%, #781010), color-stop(100%, #ddd));
	background-image: url(expand_arrows.png),-moz-linear-gradient(top, #781010 0, #781010 50%, #ddd 100%); 
	background-image: url(expand_arrows.png),-o-linear-gradient(top, #781010 0, #781010 50%, #ddd 100%);
	background-image: url(expand_arrows.png),-ms-linear-gradient(top, #781010 0, #7810105 50%, #ddd 100%);
	background-image: url(expand_arrows.png),linear-gradient(top, #781010 0, #781010 50%, #ddd 100%);			
}
.map {
	width: 3em;
	padding: 8px 16px;
	display: block;
	border-top: 1px solid #ddd;	
	border-bottom: 1px solid #fff;	
	line-height: 1em;
	background: url(expand_arrows.png) no-repeat right top;
	background-image: url(expand_arrows.png),-webkit-gradient(linear, left top, left bottom, color-stop(0, #A6A6A6), color-stop(50%, #A6A6A6), color-stop(100%, #ddd));
	background-image: url(expand_arrows.png),-moz-linear-gradient(top, #A6A6A6 0, #A6A6A6 50%, #ddd 100%); 
	background-image: url(expand_arrows.png),-o-linear-gradient(top, #A6A6A6 0, #A6A6A6 50%, #ddd 100%);
	background-image: url(expand_arrows.png),-ms-linear-gradient(top, #A6A6A6 0, #A6A6A6 50%, #ddd 100%);
	background-image: url(expand_arrows.png),linear-gradient(top, #A6A6A6 0, #A6A6A6 50%, #ddd 100%);			

	-webkit-box-shadow: inset 0 0px 2px white; -moz-box-shadow: inset 0 0px 2px white; box-shadow: inset 0 0px 2px white;
	-webkit-border-radius: 0.4em 0.4em 0.4em 0.4em; -moz-border-radius: 0.4em 0.4em 0.4em 0.4em; border-radius: 0.4em 0.4em 0.4em 0.4em
}
	
.map.mapvisible {
	background: url(expand_arrows.png) no-repeat right bottom;
	border-bottom: 1px solid #eee;	
	background-image: url(expand_arrows.png),-webkit-gradient(linear, left top, left bottom, color-stop(0, #A6A6A6), color-stop(50%, #A6A6A6), color-stop(100%, #ddd));
	background-image: url(expand_arrows.png),-moz-linear-gradient(top, #A6A6A6 0, #A6A6A6 50%, #ddd 100%); 
	background-image: url(expand_arrows.png),-o-linear-gradient(top, #A6A6A6 0, #A6A6A6 50%, #ddd 100%);
	background-image: url(expand_arrows.png),-ms-linear-gradient(top, #A6A6A6 0, #A6A6A6 50%, #ddd 100%);
	background-image: url(expand_arrows.png),linear-gradient(top, #A6A6A6 0, #A6A6A6 50%, #ddd 100%);			
	-webkit-box-shadow: inset 0 0px 2px white; -moz-box-shadow: inset 0 0px 2px white; box-shadow: inset 0 0px 2px white;
	-webkit-border-radius: 0.4em 0.4em 0.4em 0.4em; -moz-border-radius: 0.4em 0.4em 0.4em 0.4em; border-radius: 0.4em 0.4em 0.4em 0.4em
}
		
.map:hover {
	background: #781010 url(expand_arrows.png) no-repeat right top;
	background-image: url(expand_arrows.png),-webkit-gradient(linear, left top, left bottom, color-stop(0, #781010), color-stop(50%, #781010), color-stop(100%, #ddd));
	background-image: url(expand_arrows.png),-moz-linear-gradient(top, #A6A6A6 0, #A6A6A6 50%, #ddd 100%); 
	background-image: url(expand_arrows.png),-o-linear-gradient(top, #A6A6A6 0, #A6A6A6 50%, #ddd 100%);
	background-image: url(expand_arrows.png),-ms-linear-gradient(top, #A6A6A6 0, #A6A6A6 50%, #ddd 100%);
	background-image: url(expand_arrows.png),linear-gradient(top, #A6A6A6 0, #A6A6A6 50%, #ddd 100%);			
	cursor: pointer;
}
		
.map.mapvisible:hover {
	background-position: right bottom;
	background-image: url(expand_arrows.png),-webkit-gradient(linear, left top, left bottom, color-stop(0, #781010), color-stop(50%, #781010), color-stop(100%, #ddd));
	background-image: url(expand_arrows.png),-moz-linear-gradient(top, #A6A6A6 0, #A6A6A6 50%, #ddd 100%); 
	background-image: url(expand_arrows.png),-o-linear-gradient(top, #A6A6A6 0, #A6A6A6 50%, #ddd 100%);
	background-image: url(expand_arrows.png),-ms-linear-gradient(top, #A6A6A6 0, #A6A6A6 50%, #ddd 100%);
	background-image: url(expand_arrows.png),linear-gradient(top, #A6A6A6 0, #A6A6A6 50%, #ddd 100%);			
}
#placemap {
	text-align: center;
}