/* 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;
	}
.fb_block {
	font-size:12px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	
	width:100%;
	
}
#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;
}

#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;
} 
#column1, #column3 { 
    width: 173px;  /* 195 - 22 for padding and border */
	width: 128px; /* 240 - 22 for padding and border */
    border-right: 1px solid #ccc; 
}
#column4 {
	width:128px;
}
#column4 a {
	background:none;
}

#column1, #column3, #column4 { 
    position: absolute; 
    top: 178px; /*59px; (my header is bigger) */
}

#column1 {
    left: 0;
	width: 128px;  /* 150 - 22 for padding and border */
}
#column2 {
    position: relative; /* Sets column2 to push the footer down where it should be */
    top: 0;
	left: 150px;
	width: 428px;
	height: 640px;
}
span.dropcap {
	font-size : 300%;
	font-weight : bold;
	float : left;
	line-height:.85em;
	margin-right:0.03em;
	margin-bottom: -0.25em;
	color: #369;
}
#column3 {
	left: 600px; /* 150+350 */
	width: 150px;
}
#column4 {
    left: 585px; /* 760/4 * 3 */
	left: 800px; /* 500+150*/ 
}