/* -- Congregation Homepage -- */

div#home-top {
	height: 308px;
	overflow: hidden;
	color: #333;
}

div#home-top-left {
	width: 472px;
	float: left;
}

div#home-top div#welcome {
	height: 253px;
	padding: 35px 10px 0 222px;
	overflow: hidden;
	background: url(/images/pages/congregation/rector-bg.jpg) no-repeat;
}

div#home-top div#welcome a.button-sm {
	width: 140px;
	margin-left: 35px;
}

div#home-top-right {
	width: 472px;
	float: right;
}

div#home-bottom div.box {
	width: 314px;
}

div#home-bottom div.left {
	margin-right: 5px;
}

div#home-bottom div.box-content {
	height: 227px;
}

div#home-bottom div.box-pad {
	height: 175px;
}

div#home-bottom #connect2 li {
	padding: 3px 12px;
}

div#home-bottom img.thumbnail-square {
	margin-right: 5px;
}


/* -- Congregation Homepage NEW -- */


div#home-top div#top-left {
	height: 270px;
	overflow: hidden;
	cursor: default;
}

div#home-top div#top-left .left {
	margin-right: 10px;
}

div#home-top div#sunday,
div#home-top div#news {
	height: 135px;
}

div#home-top div#news {
	padding-top: 15px;
	background: url(/images/common/dots.gif) 0 top repeat-x;
}

div#home-top div#sunday img.left,
div#home-top div#news img.left {
	margin-right: 10px;
}

div#home-top div#sunday ul,
div#home-top div#news ul {
	padding-top: 2px !important;
	float: right;
	width: 337px;
}

div#home-bottom div#connect ul li {
	display: block;
	padding: 2px 11px 3px;
	background: url(/images/common/arrow-lg.gif) 0 5px no-repeat;
	font-size: 17px;
}

div#home-bottom div#online-cong a#join {
	font-size: 17px;
}

div#home-bottom div#online-cong a#join img {
	margin-top: 6px;
}

div#home-bottom div#online-cong div#social {
	padding-top: 10px;
}

div#home-bottom div#new-to-trinity {
	background: url(/images/pages/congregation/home-cooper.jpg) right top no-repeat;
}

div#home-bottom div#new-to-trinity p {
	width: 60%;
	font-size: 12px;
	line-height: 14px;
}

/* -- Congregation page -- */

div#congregation-top div.box {
	width: 472px;
	color: #333;
}

div#congregation-top div#pews div.box-pad {
	height: 170px;
	overflow: hidden;
}

div#congregation-top div#sunday div.box-pad {
	height: 170px;
	overflow: hidden;
	background: url(/images/pages/congregation/congregation-bg.jpg) no-repeat;
}

div#congregation-top div#sunday ul li {
	display: block;
	padding: 6px 11px;
	background: url(/images/common/arrow-lg.gif) 0 9px no-repeat;
}

div#congregation-top img.right {
	margin-top: -5px;
}

div#congregation-bottom div.box {
	width: 314px;
}

div#congregation-bottom div.left {
	margin-right: 5px;
}

div#congregation-bottom div.box-pad {
	height: 165px;
	overflow: hidden;
}

div#congregation-bottom div#resources div.box-pad {
	height: 199px;
}

div#congregation-bottom div#resources ul li {
	padding-bottom: 6px;
}




/* -- Cemetery & Mausoleum -- */

div#cemetery-left img.right {
	margin-left: 10px;
	margin-bottom: 10px;
	padding: 2px;
	border: 1px solid #E0E0E0;
}


/* -- Guestbook -- */

div#guestbook .box-pad {
	background: none;
}

div#guestbook-intro {
	padding: 0 20px;
	border: 1px solid #EEE;
	margin-bottom: 10px;
	font-size: 110%;
	line-height: 130%;
	background: #F9F9F9;
}

div.guestbook-entry {
	position: relative;
	padding: 10px 20px;
	border: 1px solid #EEE;
	margin-bottom: 10px;
}

div.guestbook-entry p {
	width: 80%;
	margin: 0;
	padding: 5px 0;
}

div.guestbook-entry p.entry-info {
	font-size: 80%;
	color: #57585B;
}

div#guestbook div#comment-form-pad {
	padding: 10px 20px;
	background: #EEE;
}

div#guestbook div#comment-form-pad form {
	display: block;
	width: 500px;
}

div#guestbook input#comment-name,
div#guestbook input#comment-email,
div#guestbook input#comment-location {
	width: 498px;
}

div#guestbook textarea#comment-body {
	width: 498px;
	height: 90px;
}

div#guestbook input#comment-captcha {
	width: 170px;
}

div#guestbook div#comment-form img.right {
	background: #FFF;
	padding: 8px;
	border: 1px solid #A0A0A0;
}


/* -- Life's Big Events -- */

div#life-events div.box-pad {
	width: 922px;
	overflow: hidden;
}

div#life-events p {
	width: 625px;
	margin-top: 0;
	padding-right: 150px;
	float: right;
}

/* -- Online Congregation -- */

div#online-top div.box {
	width: 472px;
	color: #333;
}

div#online-top div#welcome div.box-pad {
	height: 270px;
	overflow: hidden;
}

div#online-top div#discussion div.box-pad {
	height: 270px;
	overflow: hidden;
}

div#online-top div#discussion div.right {
	width: 200px;
	margin-top: 5px;
	margin-left: 6px;
	padding-right: 6px;
}

div#online-top div#discussion div.right img {
	display: block;
	margin-bottom: 10px;
}

div#online-top div#discussion p#preacher {
	width: 220px;
	height: 78px;
	padding-top: 0;
	margin-top: 0;
	line-height: 14px;
	background: url(/images/common/dots.gif) left bottom repeat-x;
}

div#online-top div#discussion p#preacher strong {
	display: block;
	padding: 12px 0 4px;
}


div#online-top div#discussion p#preacher img {
	display: block;
	float: left;
	margin-right: 6px;
}

div#online-top div#discussion div#discuss-buttons {
	height: 40px;
	padding-top: 15px;
	padding-left: 17px;
	overflow: hidden;
}

div#online-top div#discussion div#discuss-buttons a.button {
	margin-right: 6px !important;
}

div#online-bottom div.box {
	width: 314px;
}

div#online-bottom div.left {
	margin-right: 5px;
}

div#online-bottom div.box-pad {
	height: 165px;
	overflow: hidden;
}

div#online-bottom ul#staff-list {
	width: 100%;
	overflow: hidden;
}

div#online-bottom ul#staff-list li {
	display: block;
	float: left;
	width: 140px;
	height: 36px;
	padding-top: 9px;
	font-size: 11px;
}

div#online-bottom ul#staff-list li img {
	float: left;
	margin-top: -9px;
	margin-right: 4px;
}

div#online-bottom img#services-img {
	display: block;
	padding: 2px;
	border: 1px solid #D1CDCC;
}

div#online-bottom #postcards ul {
	padding-left: 36px;
	margin-top: -2px;
}

div#online-bottom #postcards ul li {
	display: block;
	float: left;
	width: 186px;
	padding: 14px 13px 25px;
	background: url(/images/pages/webcasts/postcard-bg.gif) no-repeat;
}

div#online-bottom #postcards .postcard-img {
	display: block;
	vertical-align: bottom;
	height: 80px;
}

div#online-bottom #postcards ul li a {
	color: #FFF;
}

div#online-bottom #postcards ul li a span {
	display: block;
	margin: 0;
	width: 170px;
	height: 18px;
	overflow: hidden;
	padding: 5px;
	text-align: center;
	background: #713356;
	cursor: pointer;
}

div#online-bottom #postcards ul li a:hover span {
	background: #8D3F6C;
}

div#online-bottom #postcards ul li span img {
	display: inline;
	vertical-align: middle;
}


/* -- Snapshot Diaries -- */

div#diary-columns {
	width: 100%;
	overflow: hidden;
}

div#diary-left {
	width: 690px;
	float: left;
}

div#diary-right {
	width: 250px;
	float: right;
}

a#create-diary {
	display: block;
	width: 200px;
	height: 1px;
	padding-top: 32px;
	overflow: hidden;
	margin: 5px 0 5px 10px;
	background: url(/images/congregation/common/create-diary.gif) no-repeat;
}

a#create-diary:hover {
	background: url(/images/congregation/common/create-diary.gif) 0 -33px no-repeat;
}

p#diary-disclaimer {
	color: #888;
	font-size: 85%;
	font-style: italic;
}

div#diary-wrap {
	padding: 10px 0 0 18px;
}

ul#diary-list {
	width: 100%;
	overflow: hidden;
	padding-bottom: 15px;
}

ul#diary-list li {
	display: block;
	float: left;
	width: 136px;
	height: 175px;
	padding: 10px;
	text-align: center;
	overflow: hidden;
}

ul#diary-list li img {
	margin-bottom: 3px;
}

ul#diary-build-list {
	width: 100%;
	overflow: hidden;
	padding-bottom: 15px;
}

ul#diary-build-list li {
	display: block;
	float: left;
	width: 165px;
	text-align: center;
	padding: 9px;
	font-size: 11px;
	color: #888;
}

ul#diary-build-list li img {
	display: block;
	margin: 0 auto;
	padding: 1px;
	border: 1px solid #CCC;
	margin-bottom: 3px;
}

ul#diary-build-list a {
	margin: 0 4px;
}


/*-- Sunday Sermon -- */

div#sunday-list {
	width: 588px;
	background: #EEE;
	border: 1px solid #C2C2C2;
	padding: 15px;
	margin-left: 160px;
	text-align: center;
}


/*-- Staff -- */

div#staff-left {
	float: left;
	width: 312px;
}

div#staff-left ul {
	margin-top: 8px;
}

div#staff-left ul li {
	padding: 10px 0;
	height: 35px;
	background: url(/images/common/dots.gif) left bottom repeat-x;
}

div#staff-left ul li.last {
	background: none;
}

div#staff-left ul li img.left {
	margin-top: -8px;
	margin-right: 8px;
}

div#staff-right {
	float: right;
	width: 605px;
	padding-right: 15px;
	line-height: 130%;
	font-size: 1.1em;
}

div#staff-right h2 {
	padding: 8px 0 5px;
}

div#staff-right img.right {
	margin: 0 5px 10px 15px;
}

div#staff-right .staff-name {
	display: block;
	font-size: 15px;
}


/* -- Membership Form -- */


div#membership {
	margin: 50px 100px;
}

div#membership h2 {
	font-size: 23px;
	color: #713356;
	margin-bottom: 0;
	font-weight: normal;
}

div#membership h3 {
	color: #79797C;
	font-weight: normal;
}

p#membership-intro {
	font-size: 100%;
	line-height: 110% !important;
	margin: 10px 50px 25px 0;
}

div#membership label {
	display: block;
	padding-bottom: 2px;
}

div#membership input.input {
	width: 340px;
}

div#membership textarea {
	width: 340px;
	height: 70px;
}

div#membership-left {
	width: 50%;
	float: left;
}

div#membership-right {
	width: 47%;
	float: right;
}

div#membership p#mem-age {
	float: left;
	padding-right: 16px;
	margin-top: 0;
}

div#membership p#mem-age input.input {
	width: 160px;
}

div#membership p#mem-gender {
	float: left;
	margin-top: 0;
}

div#membership p#mem-gender select {
	width: 160px;
}