/* 
    Date        Changes
    ----        -------
    08/20/09    Cloned from church website & mangled to coffee house color scheme.
    01/27/10    Changed background color from medium brown (cc8759) to light brown (ebdbb3).  
                Kept divMainMenu with medium brown color & added a border of that color too.
    01/30/10    Changed general link color to lt. cranbury (7F0000) for hover/selected.  Still dk. cranbury (9F0000)for links.
    01/31/10    Made fieldset colors be same as hr colors (9f0000)                    
*/
/* Clean slate */
/*body, h1, h2, h3, li, p, ul { font-size: 1em; margin: 0; padding: 0; }*/
html, body {
	height: 100%;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	line-height: 16px;
	color: #000000;
	margin: 0;
}
body, #divAll {
	/*
	background-color: #CC8759;
	background-color: #dbbf90;
	*/
	background-color: #ebdbb3;
}
#divMainMenu {
	background-color: #CC8759;
	/*
	background-color: #dbbf90;
	*/
}
form {
	/*display: none;*/
	margin: 0;
	padding: 0;
}
p {
	margin-top: 0px;
	margin-bottom: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
}
p, div.subheader2, .tabbed {
	margin-left: 10px;
}
a {
	color: #7F0000;
	font-weight: bold;
	text-decoration: underline;
}

a:hover, a.menuselected {
	color: #9F0000;
}

ol {
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 10px;
	list-style-type: none;
	list-style-image: url(images/arrow.jpg);
}
li {
	line-height: 18px;
}
li.tightlist {
	line-height: normal;
}
li.announcement, li.announcement_perm {
	margin-bottom:5px;
	margin-left: -15px;
	line-height:15px;
}
li.calendarlist {
	line-height: normal;
	margin-left: -15px;
}
li.announcement_perm {
	color: #000000;
}
li.bullet, div.subsection2 ol li {
	margin-left: -15px;
}

td, tr {
	padding: 0;
	margin: 0;
}

fieldset {
	border: 2px solid #9F0000;
}

hr {
	color: #9F0000;
	border: 1px solid #9F0000;
}
#divAll {
 	position: relative;
	margin: 0 auto;
	width: 778px;
	height: 100%;
}
#divHeader, #divMainMenu, #divContent, #divFooter {
 	position: relative;
	width: 780px;
	clear: both;
}
#divHeader {
	border: 1px solid #7F3300;
}
#divMainMenu{
	border: 1px solid #cc8759;
}


#divContent #divBreadCrumbBar {
	width: 754px;
	margin-left: 4px;
	padding: 1px 8px 1px 8px;
}

/* SITE MENU */
#divSiteMenu, #divSiteMenu ul {
	width: 780px;
	height: 14px;
	margin: 0;
	padding: 0;
}
#divSiteMenu {
	padding: 3px 0 3px 0;
	margin-bottom:1px;
	margin-left: 0px;
	text-align: right;
	clear: both;
	/* Mac IE hide \*/ overflow: hidden; /* end hide */
}
#divSiteMenu ul {
	position: relative;
	top: 0px;
	list-style: none;
}
#divSiteMenu ul li {
	margin: 0;
	border: 0px solid #808080;
	text-align: center;
	display: inline;
	width: 65px;
}
#divSiteMenu ul li a, #divFooter a.menu {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	padding: 0 10px 0 10px;
	border-right: 1px solid #808080;
	width: 65px;
}
#divSiteMenu ul li.last {
	padding-right:0px;;
}
#divSiteMenu a.menu {
	color: #FFFFFF;
}
#divSiteMenu a.menu:hover, #divSiteMenu a.menuselected, #divFooter a:hover, #divFooter a.menuselected {
	color: #9F0000;
}
#divSiteMenu a.menu:hover, #divFooter a:hover {
	cursor: pointer;
}
#divSiteMenu a.menuselected, #divFooter a.menuselected {
	cursor: pointer;
}

#divHeader {
	display: block;
	height: 100px;
	background-color: #9F0000;
	/*background-image: url(../images/churchheader275_summer.jpg);*/
	background-repeat: no-repeat;
}

#divMainMenu, #divMainMenu ul {
	margin: 0;
	padding: 0;
	width: 780px;
	height: 30px;
}
#divMainMenu {
	font-size: 14px;
	/* Mac IE hide \*/ overflow: hidden; /* end hide */
}
#divMainMenu ul {
	position: relative;
	top: 0px;
	left: 0px;
	list-style: none;
}
#divMainMenu li {
	/*float the main list items*/
	margin: 0;
	float: left;
	display: block;
	margin-right: 1px;
	border: 0px solid #CC8759;
	text-align: center;
	width: 100px;
}
#divMainMenu li a {
	display: block;
	height: 30px;
	width: 100px;
	font-weight: bold;
	text-decoration: none;
	padding-top: 7px;
	padding-bottom: 6px;
    color: #FFFFBF;
	background-color: #CC8759;
}
#divMainMenu a.menu {
	width: 100%;
	color: #FFFFBF;
	background-color: #CC8759;
}
#divMainMenu a.menu:hover, #divMainMenu a.menuselected {
    color: #FFFFBF;
	background-color: #7F3300;
}
#divMainMenu a.menu:hover {
	cursor: pointer;
}
#divMainMenu a.menuselected {
	cursor: pointer;
	/*color: #FFFFBF;
	color: #FFFFFF;*/
	background-color: #7F3300;
}

#divContent {
	/*height: 100%;*/
	clear: both;
	height: 450px;
	background-color: #FFEF9F;
	border: 1px solid #808080;
	vertical-align: top;
}

#divContent .minheight {
	height: 450px;
	float: right;
	width: 1px;
	/*background-color: red;*/
}
#divContent .bottom {
	clear: both;
	height: 1px;
	overflow: hidden;
}


#divBreadCrumbBar .thispage {
	font-weight: normal;
}
#divBreadCrumbBar a {
	color: #7F0000;
	text-decoration: underline;
	font-weight: bold;
}
#divBreadCrumbBar {
	height: 16px;
	margin-top: 4px;
	background-color: #DBBF90;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}
#divHeaderLine {
	height: 20px;
	background-color: #7F0000;
}

div.header, div.headerbar {
	font-weight: bold;
	margin-bottom: 5px;
}
div.bciheader {
	font-weight: bold;
	text-align:  center;
}	font-style:  italic;
	font-size:   20px;
	color: #7F0000;
	margin-bottom: 10px;
}
a.header {
	text-decoration: underline;
}
div.section {
	margin-left: 0px;
	border: 0px solid blue;
}
div.section div.header, div.section div.headerbar {
	font-size: 14px;
	color: #7F0000;
	margin-bottom: 5px;
}
div.subsection, div.section p {
	margin-left: 10px;
}
div.subsection {
	margin-top: 5px;
	border: 0px solid green;
	clear: both;
}
div.subsection p {
	margin-bottom: 5px;
}
div.subsection div.header {
	font-size: 12px;
	color: #7F0000;
	margin-bottom: 3px;
}
div.subsection div.header .smalltext {
	font-size: 11px;
	font-weight: normal;
}
div.subsection2, div.subsection p {
	margin-left: 10px;
}
div.subsection2 {
	margin-top: 10px;
	border: 0px solid red;
}
div.subsection2 p {
	margin-bottom: 5px;
}
div.subsection2 div.header {
	font-size: 12px;
	color: #7F0000;
	margin-bottom: 3px;
	background-image: url(../images/arrow.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 15px;
}
div.readmore {
	clear: both;
	text-align: right;
	width: 99%;
	padding-top: 0px;
	margin-top: 0px;
	border:0px solid green;
}
div.readmore a{
	color: #7F0000;
	font-weight: bold;
	font-size: 12px;
	text-decoration: underline;
}
div.readmore a:hover, div.readmore a.menuselected {
	color: #9F0000;
}

.noinfo {
	color: #808080;
	font-style: italic;
}
div.verse {
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 0px;
}
span.verse {
	font-style: italic;
}

#divFullContent div.subsection, #divSubContent div.subsection {
	margin-top: 10px;
	margin-bottom: 10px;
}
#divFullContent div.subsection div.header, #divSubContent div.subsection div.header {
	margin-bottom: 10px;
}
#divSubRightCol .section .headerbar {
	font-size: 12px;
}


span.subheader3 {
	font-weight: bold;
	font-size: 12px;
	color: #7F0000;
	height: 18px;
	padding-left: 15px;
	margin-top: 5px;
	text-decoration: none;
	background-image: url(../images/arrow.gif);
	background-position: left-center;
	background-repeat: no-repeat;
}
.subheader3 p {
	padding-left: 20px;
}
/*.bullet {
	color: #9F0000;
	font-weight: bold;
	text-decoration: underline;
}*/

#divContent div, p {
	vertical-align: top;
}

#divContent #divFullContent {
	position: absolute;
	height: 420px;
	/*height: auto;*/
	margin-top: 10px;
	margin-bottom: 10px;
	left: 15px;
	width: 550px;
}
#divContent #divFullContent.wide {
	width: 650px;
}
#divContent #divFullContent.xtra_wide {
	width: 740px;
}

#divContent #divSubContent {
	position: absolute;
	height: 420px;
	/*height: auto;*/
	margin-top: 10px;
	margin-bottom: 10px;
	left: 15px;
	width: 525px;
	padding-right: 20px;
}
#divContent #divSubRightCol {
	position: absolute;
	height: 420px;
	/*height: auto;*/
	/*margin-top: 40px;*/
	margin-top: 12px;
	margin-bottom: 10px;
}
.contentbox {
	width: 200px;
	height: auto;
	margin-bottom: 15px;
	border: 1px solid #808080;
}
.contentbox .section .headerbar {
	background-color: #CC8759;
	border-bottom: 1px solid #808080;
	padding: 2px 2px 2px 2px;
}
div.subsection2 div.headerbar {
	width: 160px;
	height: 15px;
	font-size: 11px;
	background-color: #d7d7d7;
	border-bottom: 0px solid #808080;
	padding: 2px 2px 2px 7px;
	text-align: left;
}

#divContent #divLeftCol, #divMiddleCol, #divRightCol {
	position: absolute;
	height: 440px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#divContent #divLeftCol {
	left: 5px;
	width: 215px;
}
#divContent #divMiddleCol {
	left: 225px;
	width: 330px;
}
#divContent #divRightCol, #divContent #divSubRightCol {
	left: 560px;
	width: 215px;
}
.lsidetop, .lsidebottom, .lsidefull, .lside1, .lside2, .lside3, .lside12, .lside23, 
.rsidetop, .rsidebottom, .rsidefull, .rside1, .rside2, .rside3, .rside12, .rside23,  
.middle1, .middle2, .middle3, .middle12, .middle23, .middle123, .middletop, .middlebottom {
	position: relative;
	padding: 5px;
}
.lsidetop, .lsidebottom, .lsidefull, .lside1, .lside2, .lside3, .lside12, .lside23,  
.rsidetop, .rsidebottom, .rsidefull, .rside1, .rside2, .rside3, .rside12, .rside23 {
	width: 205px;
}
.lsidetop, .lsidebottom, .lsidefull, .lside1, .lside2, .lside3, .lside12, .lside23 {
	border-right: 1px solid #9F0000;
}
.rsidetop, .rsidebottom, .rsidefull, .rside1, .rside2, .rside3, .rside12, .rside23 {
	border-left: 1px solid #9F0000;
}
.lsidetop, .lsidebottom, .rsidetop, .rsidebottom, .middletop, .middlebottom {
	height: 210px;
	margin-bottom: 0px;
}

.lsidefull, .rsidefull, .middle123 {
	height: 430px;
}
.middle1, .middle2, .middle3, .middle12, .middle23, .middle123, .middletop, .middlebottom  {
	width: 320px;
}

.lside1,    .lside2,    .lside3,
.middle1,   .middle2,   .middle3,
.rside1,    .rside2,    .rside3
 {
	height: 136px;
}
.middle12, .middle23, .lside12, .lside23, .rside12, .rside23 {
	height: 290px;
}
.middle1, .middle2, .middle12, .lsidetop, .rsidetop, .middletop,
.lside1, .lside2, .lside12, 
.rside1, .rside2, .rside12 {
	border-bottom: 1px solid #9F0000;
}

#divFooter {
	clear: both;
	height: 20px;
	font-size: 11px;
	font-weight: bold;
	color: #7F0000;
	/*background-color: #CCCCCC;*/
	text-align: center;
}
#divFooter span {
	line-height: 20px;
	vertical-align: middle;
}
#divFooter td {
	line-height: 16px;
	padding: 0;
	margin: 0;
}
img.floatimgright {
	float: right;
	margin: 0px 5px 5px 5px;
	_margin-bottom:-6px;
}
img.floatimgleft {
	float: left;
	margin: 0px 10px 5px 5px;
	/*_margin-bottom:-6px;*/
}

th {
	border-bottom: 1px solid #808080;
}
td {
	text-align: center;
	vertical-align: center;
	/*padding: 5px;
	margin-top: 40px;
	margin-left: 40px;
	margin-right: 40px;
	margin-bottom: 40px;
	padding-bottom: 2px;*/
}
table.tightlist {
	border-top: 1px solid #7F0000;
	border-left: 1px solid #7F0000;
	margin-top: 4px;
	border-bottom: 1px solid #7F0000;
	border-right: 1px solid #7F0000;
}
td.tightlist {
	text-align: left;
	padding: 1px 2px 1px 2px;
	border-bottom: 1px solid #7F0000;
	border-right: 1px solid #7F0000;
}
td.ctightlist {
	/*font-weight: bold;*/
	font-size: 14px;
	line-height: 30px;
	text-align: center;
	padding: 1px 2px 1px 2px;
	border: 1px solid #7F0000;
	/*border-top: 1px solid #7F0000;
	border-left: 1px solid #7F0000;
	border-bottom: 1px solid #7F0000;
	border-right: 1px solid #7F0000;*/
}
th.left, td.left {
	text-align: left;
}
th.left {
	padding-left: 0px;
}
td.left {
	padding-left: 10px;
}
th.right, td.right {
	text-align: right;
}
th.right {
	padding-right: 0px;
}
td.right {
	padding-right: 10px;
}
td.divider {
	text-align: left;
	background-color: #CC8759;
	padding-left: 5px;
	font-weight: bold;
}
td .smalltext {
	font-size: 9px;
}

#sundayschoolclasses, #sundayschoolWORM, #calendar {
	border: 1px solid #000000;
}
#sundayschoolclasses td, #sundayschoolWORM td, #calendar td {
	padding: 2px 5px 2px 5px;
	text-align: left;
	background-color: #f7f7f7;
	border-bottom: 1px solid #000000;
}
#sundayschoolWORM th {
	background-color: #d7d7d7;
	border-bottom: 2px solid #000000;
}
#calendar th {
	background-color: #CC8759;
	border-bottom: 2px solid #000000;
	color: #000000;
	font-size: 12px;
}
#sundayschoolclasses td.grade {
	width: 100px;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	padding: 5px 5px 5px 5px;
}
#sundayschoolclasses td.grade, #sundayschoolWORM th, #sundayschoolWORM td, #calendar th, #calendar td {
	border-right: 1px solid #000000;
}
.classtitle {
	font-weight: bold;
	font-style: italic;
}
.biblebook {
	font-style: italic;
}

#calendar .month {
	background-color: #d7d7d7;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
}
#calendar .datetime {
	font-weight: bold;
	text-align: center;
}
#calendar .evt_cl {
}
#calendar .event {
	font-weight: bold;
}