/* CSS Document */
/*  based on http://mirificampress.com/permalink/pushing_the_limits_semantic_4_column_layout */
 @media only screen and (max-width: 479px) { 
 	 body { 
 	 	padding: 48px 46px 0;
		 width: 228px;
 /* Prevents Mobile Safari from bumping up font sizes in landscape */
		 -webkit-text-size-adjust: 100%;
	 }
 }
body {
    font: 1em Geneva, Verdana, Arial, Helvetica, sans-serif;
    background: #FFB;
    text-align: center; /* Centers the container */
    margin: 0;
    padding: 0;
	border: 0;
}
p {
	background:#FFB;
	margin-top: 0px;
	margin-bottom: 4px;
}
a {
	color:#369;	
	text-decoration:none;

}
a:hover {
	color:#fff;
	background:#369;
}
.navbar {
	padding:10px;
	margin:2;
	margin-top: 0px;
	margin-bottom: 4px;
	text-align:right;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:700;
	color:#FF6;
}
.navbar a {
	text-decoration:none;
}
.calendar_date {
	font-size:15px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:700;
	color:#000;
	margin-left:-20px;
	}
.calendar_event {
	font-size:12px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}
#wrapper {
    width: 780px; /* 780px is just wide enough to fill and 800px screen */
	width: 960px; /* this is 'new' standard */
    margin: 0 auto; /* It's important to set the margin to auto if you want the layout to center */
    background: #FFB;
    text-align: left;
 /*   border: 1px solid #999; */
    position: relative;
	height: 1050px;
}

#header, #column1, #column2, #column3, #column4, #footer {
    padding: 10px;  /* This sets a 10px padding on all of our content boxes */
	background: #FFB;
}

#header {
    margin: 0;
    padding 0;
}
#header a {
	text-decoration:none;
	background:none;
}
#header a:hover {
	text-decoration:none;
	background:none;
} 
.social a {
	text-decoration:none;
	background: none;
}
#column1, #column3, #column4 { 
    position: absolute; 
    top: 178px; /*59px; (my header is bigger) */
	
}
#column1 { 
    width: 173px;  /* 195 - 22 for padding and border */
	width: 128px; /* 240 - 22 for padding and border */
    border-right: 1px solid #ccc; 
    left: 0;
	width: 128px;  /* 150 - 22 for padding and border */
}
#column3 {
	width: 5px;
	/* border: 1px solid #ccc;   comment this out later */
	left: 795px;
}
#column4 {
	width:128px;
	
}
#column4 a {
	background:none;
}
#column2 {
    position: relative; /* Sets column2 to push the footer down where it should be */
    top: 0;
	left: 150px;
	width: 625px;
	/* height: 2000px; */
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	border-right: 1px solid #ccc;
	min-height: 610px; 
height:auto; 
_height: 610px; 



}
#column4 {
    left: 585px; /* 760/4 * 3 */
	left: 820px; /* 500+150*/ 
}
p.town {
	font-size:3;
	font-weight:bold;
	color:#39C;
}
P.hang {
	text-indent: -2em; padding-left:2em;
}
DIV.space {
	line-height: 1.5;
	}
span.dropcap {
	font-size : 300%;
	font-weight : bold;
	float : left;
	line-height:.85em;
	margin-right:0.03em;
	margin-bottom: -0.25em;
	color: #369;
}