input[type="button"], input[type="submit"], a.button { background:#737 }
a.smbutton { background:#737 }

a { color:#737 }
h1 { color:#737 }
h2 { color:#c9c }
h3 { color:#737 }
h4 { color:#737 }


.month { background:#9c9; color:#f9fff9 }
.days { color:#f9fff9 }
.days div { background:#373 }
.dates { color:#373 }
.dates a { color:#373; background:#ddd }
.dates a.booked { background:#9c9 }
.calendarevent { background:#373 }
.upcoming { background:#c9c }

.dateday { color:#373 }
.datemonth { background-color:#373 }
.dateyear { color:#373 }
.eventname { color:#373 }
.eventname a { color:#373 }
.holyday { background:#373 }




#logged { background:#e9e0e9 }
#logged div { width:900px; max-width:100%; margin:0 auto  }
#logged input[type="submit"] { background:#737 }
#social { width:100%; text-align:right; padding:7px 14px 0 7px }
#social div { width:900px; max-width:100%; margin:0 auto }
#social img { height:25px }
#top { margin:0 auto; padding:5px; width:900px; max-width:100% }
#top a { text-decoration:none }
#top img { width:533px; max-width:100% }
#sidemenu { display:none; position:fixed; top:0; left:0; z-index:999; width:300px; height:100%; background:#404; box-shadow:2px 0 3px rgba(0,0,0,.4) }
#sidemenu div { border-bottom:1px solid #c9c }
#sidemenu a { text-decoration:none; display:block; color:#fef; width:100%; padding:8px }
#sidemenu a.active { color:#404; font-weight:bold; background:#c9c }
#menuouter { background:#737; color:#fff }
#menu { margin:0 auto; width:900px; max-width:100%; white-space:nowrap; overflow:auto }
#menu a { text-decoration:none; display:inline-block; padding:10px 15px; color:#fff }
#menu a:hover { background:#959 }
#menu a.active { background:#f9f8f9; color:#737 }
#altmenu { line-height:0; padding:6px; display:none; background:#737; color:#fff; text-align:right }
#altmenu img { width:32px; padding:0; border:1px solid #fff; border-radius:3px }
#main { background:#f9f8f9; border:1px solid #f9f8f9; box-shadow:0 0 6px rgba(0,0,0,.5); margin:0 auto; width:900px; max-width:100%; padding:15px }
.m1 { float:left; width:630px }
.m2 { float:right; width:200px; margin:0 0 20px 20px }
.m3 { float:left; width:49%; margin:0 2% 15px 0 }
.m4 { float:left; width:49% }
#bot1outer { background:#c9c }
#bot1 { margin:0 auto; width:900px; max-width:100%; padding:10px; color:#404 }
#bot1 p { font:14px/14px "Open Sans", sans-serif; margin:0 0 10px 0 }
#bot1 a { color:#404; text-decoration:none }
.botcol { width:220px; padding:0 10px 10px 0; float:left }
#bot2outer { background:#737; color:#fff9ff }
#bot2 { text-align:center; margin:0 auto; width:900px; max-width:100%; padding:10px; font:14px/20px "Open Sans", sans-serif }
#bot2 a { text-decoration:none; color:#fff }

.mmessage { background:#c9c; padding:10px; box-shadow:0 0 3px rgba(0,0,0,.3); margin:0 0 20px 0; min-height:120px }
.mmessage img { float:left; margin:0 10px 0 0; height:100px }
.mmessage h1 { margin:0 0 15px 115px }
.mmessage p { margin:0 0 0 115px }
.mmessage a { color:#fff9ff }

.uniformed { text-align:center; background:#fff; padding:10px 0; box-shadow:0 0 3px rgba(0,0,0,.3); margin:0 0 20px 0 }
.uniformed img { max-width:40%; margin:0 4% }

.services thead td { color:#737 }
.services thead td a { text-decoration:none }
.services td.servicedate { color:#373 }
.service:hover { background:#f9f0f9 }

@media screen and (max-width:900px) {
	.m1 { width:100% }
	.m2 { width:100%; margin:0 }
	.sjaddress iframe, .eaddress iframe { width:65% }
}

@media screen and (max-width:800px) {
	#menuouter { display:none }
	#altmenu { display:block }
	.sjaddress iframe, .eaddress iframe { width:60% }
}

@media screen and (max-width:700px) {
	.sjaddress iframe, .eaddress iframe { width:50% }
}

@media screen and (max-width:600px) {
	.sjaddress iframe, .eaddress iframe { position:relative; width:100%; height:300px; padding:2px 0 0 0 }
}

@media screen and (max-width:500px) {
	.m3 { width:100%; margin:0 0 15px 0 }
	.m4 { width:100% }
	.mmessage img { display:none }
	.mmessage h1 { margin:0 0 15px 0 }
	.mmessage p { margin:0 }
}