/* 
    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)
    10/04/10    Widened from ~800x600 to ~1024x768.                    
    12/10/10    Tweaked heights upward a tad (20 px) after discovering church website had taller columns due to 
                CPC 9/28/09 tweak for site menu removal & main menu switch to pulldowns.  Only affected index.html.
                Removed borders around divHeader & divMainMenu.  Changed color of divContent border to 9f0000.
                Tweaked hr style to work in Chrome & IE8 w or wo/compatibility mode.
*/
   
/* 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; /* 11px; */
	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.qna {
	margin-bottom:10px;
	margin-left: -20px;
	line-height:16px;
}
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;
}
hr {
	color: #9F0000;
	background-color: #9F0000;
	height: 1px;
	border: 1px;
}
fieldset {
	border: 2px solid #9F0000;
}

#divAll {
 	position: relative;
	margin: 0 auto;
	width: 998px;   /* 778px; */
	height: 100%;
}
#divContent, #divFooter {
 	position: relative;
	width: 998px; /* 780px; */
	clear: both;
}
#divHeader, #divMainMenu, {
 	position: relative;
	width: 1000px; /* 780px; */
	clear: both;
}
/*
#divHeader {
	border: 1px solid #7F3300;
}
#divMainMenu{
	border: 1px solid #cc8759;
}
*/
#divContent #divBreadCrumbBar {
	width: 974px;   /* 754px; */
	margin-left: 4px;
	padding: 1px 8px 1px 8px;
}

/* SITE MENU 
#divSiteMenu, #divSiteMenu ul {
	width: 1000px; /_* 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: 1000px;  /* 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: 590px; /* 570 450px; */
	background-color: #FFEF9F;
	border: 1px solid #7f0000; /* #808080; */
	vertical-align: top;
}

#divContent .minheight {
	height: 570px; /* 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: 12px; /* 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: 540px; /* 420px; */
	/*height: auto;*/
	margin-top: 10px;
	margin-bottom: 10px;
	left: 15px;
	width: 770px;   /* 550px; */
}
#divContent #divFullContent.wide {
	width: 870px;   /* 650px; */
}
#divContent #divFullContent.xtra_wide {
	width: 960px;   /* 740px; */
}

#divContent #divSubContent {
	position: absolute;
	height: 540px; /* 420px; */
	/*height: auto;*/
	margin-top: 10px;
	margin-bottom: 10px;
	left: 15px;
	width: 675px;   /* 525px; */
	padding-right: 20px;
}
#divContent #divSubRightCol {
	position: absolute;
	height: 540px; /* 420px; */
	/*height: auto;*/
	/*margin-top: 40px;*/
	margin-top: 12px;
	margin-bottom: 10px;
}
.contentbox {
	width: 270px;   /* 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: 12px; /* 11px; */
	background-color: #d7d7d7;
	border-bottom: 0px solid #808080;
	padding: 2px 2px 2px 7px;
	text-align: left;
}

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

#divContent #divLeftCol {
	left: 5px;
	width: 285px;   /* 215px; */
}
#divContent #divMiddleCol {
	left: 295px;    /* 225px; */
	width: 410px;   /* 330px; */
}
#divContent #divRightCol, #divContent #divSubRightCol {
	left: 710px;    /* 560px; */
	width: 285px;   /* 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: 275px;   /* 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: 280px; /* 270 210px; */
	margin-bottom: 0px;
}

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

.lside1,    .lside2,    .lside3,
.middle1,   .middle2,   .middle3,
.rside1,    .rside2,    .rside3
{
	height: 182px;  /* 176 136px;  */
}
.middle12, .middle23, .lside12, .lside23, .rside12, .rside23 {
	height: 375px;  /* 361 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;
}

embed.floatimgright, 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: 10px; /* 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;
}