/* General Settings */
body {margin:0; padding:0; background-image: url(inc/imgs/bgnd-red.png); background-repeat: repeat-x; background-position: left top; font-family: Lucida, Arial, Helvetica, sans-serif; font-size:.8em; color:#777;}
h1, h2, h3, h4, h5 {margin:0; padding:0;}
a {color:#2244dd; text-decoration:none; font-weight:bold;}
a:hover {text-decoration:underline;}
a:active {}
a:visited {color:#3366aa}
a img {border:0px;}
blockquote {font-style:italic; color:#555; line-height:125%;}
p {padding:8px 0; margin:0;}

/* ID */
#banner {width:678px; height:200px; margin:0 10px; background-image:url(http://www.cbcwilliamstown.com/CBCphotodir.jpg);overflow:hidden;}
#logo {float:right; width:155px; height:200px; background-image:url(http://www.cbcwilliamstown.com/stainglass.jpg);}
#youare {width:180px; color:#427fb1; font-size:120%; font-weight:bold; float:left; margin:100px 0 0 -195px; text-align:right;}
#Saf-Center {color:#2255A0; margin:10px 0px; text-align:center;}
/*#IE5Center-content {color:#427fb1; font-size:200%; font-weight:bold; text-transform:uppercase; margin:0px 0px 3px 0px;}*/
#wrap
{
	text-align: left;
	margin: 0px auto;
	padding: 0px 80px 10px 80px;
	width: 700px;
	background-color: #FFF;
	background-image: url(wrap_bgnd.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#wrap1
{
	text-align: left;
	margin: 0px auto;
	padding: 0px 80px 10px 80px;
	width: 700px;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: center top;
}
#header {padding:0px; margin:0px;}

#site-nav
{
	padding: 10px 0;
	text-align: center;
	margin: 10px 10px 0 10px;
	background-image: url(nav-bgnd.png);
	background-repeat: repeat-x;
	background-position: left top;
	border:1px solid #427fb1;
}
ul#nav {padding:0; margin:0;}
ul#nav li {list-style-type:none; display:inline;}
ul#nav a {padding:5px 6px 5px 6px; text-align:center; font-weight:normal; letter-spacing:1px; color:#fff; font-weight:bold;}
ul#nav a:hover {text-decoration:underline;}

#main-content
{
	background-color: #FFF;
	margin:0px;
	padding: 10px 10px;
}
#main-content a {color:#2244dd;}
#main-content p {line-height:150%; margin:0px;}
#main-content h3 {font-size:200%; font-weight:bold; text-transform:uppercase; margin:0px 0px 3px 0px;}
#main-content img {float:left; border:2px solid #777; margin:5px 10px 0 0; display:block;}
.main-posted {background-color:#f1f1f1;}

#search-form {margin:0px; padding:0px;}

#sub-cont {padding:0; margin:20px;}
#sub-cont-excerpts
{
	width: 340px;
	padding: 0 15px 0 0;
	float: left;
	background-image: url(inc/imgs/fade-line.png);
	background-repeat: no-repeat;
	background-position: right top;
}
#sub-cont-excerpts p {line-height:150%;}
#sub-cont-excerpts h3 {text-transform:uppercase; padding-bottom:4px; font-size:140%;}
#sub-cont-excerpts img {float:left; border:2px solid #777; margin:5px 10px 0 0; display:block;}
#sub-cont-menu {width:280px; padding:0 0 0 15px; float:left;}
#sub-cont-menu h3, h4
{
	padding: 10px 10px 0 10px;
	background-image: url(inc/imgs/horz-fade-line.png);
	background-repeat: no-repeat;
	background-position: left top;
	height:31px;
}

#sub-cont-menu ul {margin:10px 0; padding:0 0 0 10px;}
#sub-cont-menu ul li {list-style-type:none; display:block; padding:4px 6px 4px 6px;}
#sub-cont-menu ul li a {padding:4px 6px 4px 6px; text-align:center; font-weight:normal; letter-spacing:1px;}
#sub-cont-menu ul li a:hover {color:#fff; background-color:#427fb1; text-decoration:none;}

#archive-content {width: 346px;
	padding: 0 15px 20px 20px;
margin: 20px 0 0 0;
	float: left;
	background-image: url(inc/imgs/fade-line.png);
	background-repeat: no-repeat;
	background-position: right top;}

#arch-cont-menu {width:290px; padding:0 0 0 15px; float:left; background-color:white; margin:20px 0 0 0;}
#arch-cont-menu h3, h4
{
	padding: 10px 10px 0 10px;
	background-image: url(inc/imgs/horz-fade-line.png);
	background-repeat: no-repeat;
	background-position: left top;
	height:31px;
}

#arch-cont-menu ul {margin:10px 0; padding:0 0 0 10px;}
#arch-cont-menu ul li {list-style-type:none; display:block; padding:4px 6px 4px 6px;}
#arch-cont-menu ul li a {padding:4px 6px 4px 6px; text-align:center; font-weight:normal; letter-spacing:1px;}
#arch-cont-menu ul li a:hover {color:#fff; background-color:#427fb1; text-decoration:none;}

#hot-clicks {padding:0px 0px 20px 0px; margin:0px;}
#hot-clicks ul {padding:0px; margin:0px;}
#hot-clicks ul li {list-style-type:none; display:inline; padding:0px; margin:0px;}
#hot-clicks ul li a {padding:0px; margin:0px;}
#hot-clicks ul li a:hover {text-decoration:none;}

#footer {text-align:right; font-size:.8em; border-top:1px solid #bbb; margin: 0px auto;
	padding: 20px 10px 30px 10px;
	width: 650px;}
#footer p {margin:0; padding:0;}

#text {width:346px;}

/* CLASSES */
.layout-img {float:left; padding:0; margin:0; display:inline; border:0px;}
.date {margin:4px 0; padding:0;}
.top {float:left; padding:4px 10px 4px 10px; text-align:center; font-weight:normal;}
a.top {padding:4px 10px 4px 10px; text-align:center;}
a.top:hover {color:#fff; background-color:#427fb1; text-decoration:none;}
.sub-date {float:right;}
.posted {padding:10px 10px; font-size:.8em; margin:0 0 40px 0; color:#bbb;  border-bottom:1px solid #bbb; border-top:1px solid #bbb; background-color:#F1F1F1;}
.posted-main {padding:0px; text-align:right; font-size:.8em; margin:5px 0; color:#bbb; display:block; width:50%; float:right;}

/*.home {margin-right:80px;}*/
/*.active {border:1px solid #427fb1;}*/
/* For Clearing Floats */
.clearfix:after {content: "."; display: block; height: 1; clear: both; visibility: hidden;}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */