/* CSS Document */

/* Determines general styles of each page - font color, size, face and background colour and image*/
body {
	background:#fff url(images/ssjm_Background.gif) fixed 0 0;
	color:#000;
	margin:0;
	padding:0;
	text-align:center;
	font-family:Georgia, "Palatino", Times New Roman, Times, serif;
	font-size:x-small;
	voice-family:"\"}\"";
	voice-family:inherit;
	font-size:small;	
	}

/* Determines styles for links - font color, size, face and background colour*/
a:visited {
	color:#936;
	background-color:transparent;
	text-decoration:none;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}

a:hover {
	color:#936;
	background-color:transparent;
	text-decoration:underline;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}

a:link {
	color:#936;
	background-color:transparent;
	text-decoration:none;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}

/* Determines styles for links that are inline - font color, size, face and background colour*/
.inline:visited {
	color:#936;
	background-color:transparent;
	text-decoration:none;
	font-weight:bold;
	font-family:Georgia, "Palatino", Times New Roman, Times, serif;
	}

.inline:hover {
	color:#936;
	background-color:transparent;
	text-decoration:underline;
	font-weight:bold;
	font-family:Georgia, "Palatino", Times New Roman, Times, serif;
	}

.inline:link {
	color:#936;
	background-color:transparent;
	text-decoration:none;
	font-weight:bold;
	font-family:Georgia, "Palatino", Times New Roman, Times, serif;
	}

/* Determines positions, sizes, borders, margins for div holders*/
div#top {
	left:0;
  	top:0;
	border-bottom:1px solid #999;
	width:100%;
	height:127px;
	voice-family:"\"}\"";
	voice-family:inherit;
	height:149px;
	}

div#banner {
	position:absolute;
	top:0;
	left:0;
  	padding:0 100px 0 100px;
  	text-align:left;
	height:127px;
	}
			
div#mid {
  	position:relative;
  	width:100%;
  	}

div#left {
  	position:absolute;
  	top:0;
  	left:0;
  	width:67%;
	text-align:left;
	margin:0 20px 0 0;
  	}

div#right {
	position:absolute;
	top:0;
	left:67%;
	width:32%;
	text-align:left;
	border-left:1px solid #ccc;
	}

div#content {
	padding:0 20px 0 100px;
	}

div#nav {
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.8em;
	padding:0 2em 0 0;
	font-size:x-small;
	voice-family:"\"}\"";
	voice-family:inherit;
	font-size:small;
	}

div#nav a {
	display:block;
	margin:0;
	padding:2px 0px 2px 2em;
	border-bottom:#ccc solid 1px;
	}
	
div#nav a:hover {
	display:block;
	margin:0;
	padding:2px 0px 2px 2em;
	border-right:5px solid #936;
	background-color:#fff;
	}

div#nav a#home {
	margin:0;
	padding:2px 5px 2px 2em;
	background-color:#eee;
	border-right:#B49D42 solid 5px;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}

div#nav a span.acckey {
	text-decoration:underline;
	}
	
div#address {
	padding:15px 10px 0px 40px;
	}

h1 {
	font-weight:bold;
	margin:1.25em 0 0 0;
	background-color:transparent;
	color:#36c;
	font-size:small;
	voice-family:"\"}\"";
	voice-family:inherit;
	font-size:medium;
	}
	
h2 {
	font-size:small;
	font-weight:bold;
	margin:1.25em 0 0 0;
	background-color:transparent;
	color:#333;
	}
	
h3 {
	font-size:small;
	font-weight:bold;
	margin:1.25em 0 0 0;
	background-color:transparent;
	color:#666;
	}

hr {
	height:1px;
	color:#ccc;
	margin:0px;
	}

img {
	border:0px;
	}

img.float {
	float:left;
	margin:8px 10px 0px 0px;
	}

img#floatleft {
	float: left;
	margin: 8px 10px 0px 0px;
	}

.left {
	float:left;
	}

.pad {
	padding:0 0 0 2em;
	}

.quote {
	margin:20px 0 0 0;
	padding:.25em;
	color:#936;
	background-color:transparent;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:italic;
	text-align:center;
	}

#schools #content img, #groups #content img {
	float: right;
	padding: 7px 0 0 25px;
	}

.small {
	color:#000;
	background-color:transparent;
	font-family:Arial, Helvetica, sans-serif;
	font-size:x-small;
	voice-family:"\"}\"";
	voice-family:inherit;
	font-size:small;
	}

span#right {
	float:right;
	}

.tiny {
	color:#000;
	background-color:transparent;
	font-family:Arial, Helvetica, sans-serif;
	font-size:xx-small;
	voice-family:"\"}\"";
	voice-family:inherit;
	font-size:x-small;
	}
	
p {
	font-family:Georgia, "Palatino", Times New Roman, Times, serif;
	margin:.5em 0;
	padding:0 10px 0 0;
	line-height:1.6em;
	}
	
p.clergy {
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:x-small;
	voice-family:"\"}\"";
	voice-family:inherit;
	font-size:small;
	}
	
table#services {
	margin:20px 0 20px 0;
	width:100%;
	border:0;
	}
	
td.sacrament {
	width:20%;
	text-align:right;
	font-weight:bold;
	padding:2px 2px 2px 2px;
	}
	
td.day {
	width:33%;
	text-align:left;
	padding:2px 2px 2px 20px;
	}
	
td.time {
	width:47%;
	text-align:left;
	padding:2px 2px 2px 20px;
	}