/* CSS Document */

/* grid.css */
html { flow: scroll;}
body { background-color: #FFFFFF;}
.container {width:750px; margin:0 auto; border-left:thin; border-left-color:#cfe0a7; border-left-style:solid; border-right:thin; border-right-color:#cfe0a7; border-right-style:solid;}
/*  background-image: url(media/750_grid.gif); */

/* top navigation */
#sideLeft { float:left; width:500px; height:35px; background-color:#447c74; padding-left:0px;}
#middleSection { float:left; border-right:thin solid #3f3108; width: 115px; margin-left:10px;}
#sideRight { float:left; width:110px; margin-left:10px;}

/* global gird */
#bodyContent { width:750; padding-top:7em;}
#homeContent { float:right; position:relative; right:25px; height:0px; width:350px;}
#topNav  {width:500px;}
#quote { width:374px; background:#628b85; color:#628b85; margin: 2em 0px; padding-top: 0.5em; padding-bottom:1.5em; padding-right: .1em;}
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5 {float:left;}
div.last {margin-right:0;}
.span-1 {width:125px;}
.span-2 {width:250px;}
.span-3 {width:375px;}
.span-4 {width:500px;}
.span-5 {width:625px;}
.append-10 {padding-right:10px;}
.append-20 {padding-right:20px;}
.append-30 {padding-right:30px;}
.append-1 {padding-right:50px;}
.append-2 {padding-right:125px;}
.append-3 {padding-right:250px;}
.append-4 {padding-right:400px;}

.prepend-10 {padding-left:10px;}
.prepend-20 {padding-left:20px;}
.prepend-30 {padding-left:30px;}
.prepend-1 {padding-left:50px;}
.prepend-75 {padding-left:75px;}
.prepend-125 {padding-left:125px;}
.prepend-175 {padding-left:175px;}
.prepend-2 {padding-left:125px;}
.prepend-3 {padding-left:250px;}
.prepend-4 {padding-left:0px;}
.prepend-5 {padding-left:400px;}
.prepend-6 {padding-left:500px;}
div.border {padding-left:4px;margin-right:5px;border-right:1px solid #eee;}
div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #eee;}
.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr { background:#ddd; color:#ddd; height:.1em; border:none; text-decoration: none;}
hr.space { background:#fff; color:#336600; font-size: .7em; text-decoration: none;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}
 /* image */
#homeimage { width:375px; height:539px; float: left; background-image:url(media/imageHome.jpg);}
/*#homeimage { width:375px; height:539px; float: left;background-image:url(media/ChristmasSing_12-2017.png);}*/
#readingRoomimage { width:375px; height:402px; float:left; background-image:url(media/imageReadingRoom.jpg);}
#servicesimage { width:375px; height:567px; float:left; background-image:url(media/imageServices.jpg);}
#contactimage { width:375px; height:500px; float:left; background-image:url(media/imageContact.jpg);}
#linksimage { width:377px; height:139px; float:left; background-image:url(media/imageLinks.jpg); margin-bottom:10px;}
/* downloadtimage is in downloads below */

/* text.css */
body {font-size:75%;color:#464133; font-family:Helvetica, Arial, sans-serif;}

/* logo */
.twenty {font-size:1.5em;}
.thSuper {
	font-size:.5em;
	vertical-align: super;
}

/* small logo */
.logoCS { font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; color:#e9fac0; margin-left:49px;}
.logoVenice { font-size:14px; color:#e9fac0;}
.smTwenty { font-size:26px;}
.smThSuper { font-size:12px; vertical-align:super;}

/* top nav home page only */
#nav { height: 35px; width: 500px; background: #CCCCCC; position:absolute; top:0px;}
#nav ul li { font-size: 10px; color: #464133; list-style:none; display:inline;}
#nav ul li a { color: #464133; text-decoration:none;}
/*#nav a: { color:#464133;}*/
#nav a:visited { color:#464133;}
#nav a:hover {color:#464133;}
.navKeyline { padding-left:3px; padding-right:4px; border:#336600 thin; border-right-style:solid;}
.navPaddingRt { padding-left:3px;}

/* top nav home pages */
#homeNav { font-size: 10px; color: #e9fac0; padding-left:48px; padding-top:12px;}
#homeNav ul li { list-style:none; display:inline;}
#homeNav ul li a { color: #e9fac0; text-decoration:none; font-weight:bold;}
/* #homeNav a: {color:#464133;}*/
#homeNav a:visited { color:#e9fac0;}
#homeNav a:hover { color:#bdc175;}
.homeNavKeyline { padding-left:3px; padding-right:4px; border:#aacdc8 thin; border-right-style:solid;}

/* top nav all pages */
#header {  position:absolute; top:0px; width:750px; background-color:#cfe0a7; padding-bottom:.5em;}
#pageNav { font-size: 9px; color: #464133; padding-left:48px; padding-top:14px;}
#pageNav ul li { list-style:none; display:inline;}
#pageNav ul li a { color: #464133; text-decoration:none; font-weight:bold;}
/*#pageNav a: { color:#464133;}*/
#pageNav a:visited { color:#464133;}
#pageNav a:hover { color:#4f7578;}
.pageNavKeyline { padding-left:3px; padding-right:4px; border:#336600 thin; border-right-style:solid;}

/* top address & times */
.leftAddress { border-right:thick; border-left-color: #464133}
.rightAddress { margin-left:5px;}
.navAddress { font-size:10px; color:#464133; line-height:1.4em;}

/* links list */
#linksContent {width:750px; padding-top:8em;}
#links ul li {font-size:1em; line-height:1.8em; text-decoration:none; margin-left:50px; width:325px;}
/*#links a: { text-decoration:none;}*/
#links a:visited { text-decoration:none;}
#links a:hover { text-decoration:none;}
#linksLeft { float:left; width:374px;}
#linksRight { float:left; width:375px;}
.linksSuphead { margin-left:30px; margin-top:1.5em;}

/* announcements */
#announcementsContent {width:750px; padding-top:8em;}
#announcementsLeft { float:left; width:75px;}
#announcementsRight { float:left; width:675px;}
.announcementsTime { margin-left:175px; font-weight:bold;}
.announcementsContent { margin-left:175px;}

/* downloads */
#downloadsContent {width:750px; padding-top:8em;}
#downloadsLeft { float:left; width:500px;}
#downloadsRight { float:left; width:250px;}
#downloadsBody { padding-top:1.5em;}
.downloadsIntro { margin-left:50px;}
.downloadsImage { margin-left:10px; width:239px; height:114px; background-image:url(media/imagedownloads.jpg)}
.downloadsContent { margin-left:125px;}

/* regular text */

h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#464133;}
h1 { font-size:3em; line-height:1.2em; font-family: Georgia, "Times New Roman", Times, serif; margin-left: 20px;}
h2 { font-size:1.5em; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; margin-bottom:.5em; margin-left: 50px;}
h3 { font-size:0.90em; line-height:1em; margin-left: 20px;}
h4 { font-size:2.5em; line-height:1em; font-family: Georgia, "Times New Roman", Times, serif; margin-left: 20px; margin-bottom:0.5em;}
h5 	{font-size:1.7em; color:#FFFFFF; line-height:1.6em; font-family: Georgia, "Times New Roman", Times, serif; margin-left: 20px; margin-top:10px; margin-bottom:10px;}
h6 { font-size:1.1em; font-weight:bold; margin-bottom:3px;}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {font-size: 1em; margin:0 0 0em; line-height: 1.8em;}
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#464133;}
a {color:#464133;text-decoration:none;}
blockquote { font-size:2em; line-height:1.2em; font-family: Georgia, "Times New Roman", Times, serif; padding: 0px; margin-left: 20px;}
.quotes { font-size:2em; color:#FFFFFF; line-height:1.2em; font-family: Georgia, "Times New Roman", Times, serif; margin-left:20px; margin-top:10px; margin-bottom:10px;}
.smBlockquote { font-size:1em; color:#628b85; padding-left: 20px; line-height: 2em;}
.leftFifty { padding-left:50px;}
.footer {margin:1.5em; text-align: center; font-size: 1em; font-style: italic;}
.imagefponame {text-align:center; vertical-align: middle; color:#FFFFCC;}
.strong {font-weight:bold;}
.italic { font-style:italic}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
#quote a:link, #quote a:hover, #quote a:visited { cursor: url(media/curserMagnify.gif), help; color:#FFFFFF; font-weight:normal; font-style:italic; text-decoration:none}
#homeContent a:link, #homeContent a:hover, #homeContent a:visited { font-weight:normal; font-style:normal; text-decoration:none}
.linkUnderline { text-decoration:underline;}
a:link {font-weight: bold; color: #464133; text-decoration: none;}
a:hover { color: #464133}
a:visited { color: #464133}
.magCurser { cursor: url(media/curserMagnify.gif), help;}
caption {background:#eee;}
.small {font-size:.90em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}