/* defaults, globals, and miscellaneous
==============================================================================*/
* { /* removes defaults from all elements */
margin: 0;
padding: 0;
}
body {
font-size: 62.5%; /* sets the stage for using ems */
text-align: center;
font: normal .7em verdana,tahoma, sans-serif;
 
}
hr {
display: none;
}
a {
text-decoration: none;
}
h1 {
position: relative;
height: 80px;
}
h1 a {
display: block;
position: absolute;
top: 30px;
width: 150px;
height: 23px;
text-indent: -5000px;
overflow: hidden;
}
#outer{width: 100%; text-align: center;
margin-left: 0;
}
#innercontainer{width: 100%; text-align: left; 
}
/* top-level navigation
==============================================================================*/
#menutop{
height: auto;
margin-bottom: 9px;
position: relative;
background: #E2E5D2;
}
#nav {
position: relative;
font-size: 100%;
top: -1px;
_top:-2px;
border-bottom: 3px solid black;
width: 100%;
height: 26px;
}

#nav li {
float: left;
margin-right: 0px;
height: 28px;
overflow: hidden; /* if text-resize, this'll keep the nav the same size */
display: inline; list-style: none;
margin-left: -4px;
}
#nav li a {
line-height: 28px;
overflow: hidden;
background-position: center top; /* horizontally centers the background image */
color: #fff;
padding-top: 5px;
padding-bottom: 7px;
padding-left: 30px;
padding-right: 30px;
background: #000;
margin-left: 5px;
margin-right: 1px;
font-family: verdana;
text-decoration: none;
font-weight: normal;
}

#nav ul{
display: inline; list-style: none;
}

#nav li a:hover {
background-position: 50% -28px;
}
#nav li a.currentSection,
#nav li a.currentSection:hover {
 line-height: 28px;
overflow: hidden;
height: 28px;
 } 
#Ministries #nav{
border-bottom: 3px solid #006633;
}
#Ministries #leftcontent h1{
color: #006633;
}
#Ministries #level233{
background-color: #006633;
}
#Ministries #level3{
background-color: #BFD9CC ;
}
#Ministries #menubottom{
background-color: #006633 ;
}
#Ministries #copyright{
background-color: #666;
}
#Worship #level3{
background-color: #FFE4BF ;
}
#Worship #menubottom{
background-color: #FF9300 ;
}
#Worship #copyright{
background-color: #666 ;
}
#Leadership #level3{
background-color: #E5F2CC  ;
}
#Leadership #menubottom{
background-color: #99CC33  ;
}
#Leadership #copyright{
background-color: #666  ;
}
#About #level3{
background-color: #E5F2F2  ;
}
#About #menubottom{
background-color: #82ADAD  ;
}
#About #copyright{
background-color: #666 ;
}
#Worship #nav{
border-bottom: 3px solid #FF9300;
}
#Members #level233{
background-color: #990099;
color: white;
}
#Members #nav{
border-bottom: 3px solid #990099;
}
#Members #level233 ul{
}
#nav li.programs{
margin-left: -5px;
}
#nav li.worship{
margin-left: -5px;
}
#nav li.leadership{
margin-left: -5px;
}
#nav li.about{
margin-left: -5px;
}
#Worship #leftcontent h1{
color: #FF9300;
}
#Worship #leftcontent h3{
color: #FF9300;
font-size: 125%;
}
#Worship #leftcontent h2{
font-size: 130%;
}
#Worship #level233{
background-color: #FF9300;
}
#Leadership #nav{
border-bottom: 3px solid #99CC33;
}
#Leadership #leftcontent h1{
color: #99CC33;
}
#Leadership #level233{
background-color: #99CC33;
}
#About #nav{
border-bottom: 3px solid #82ADAD;
}
#About #leftcontent h1{
color: #82ADAD ;
}
#About #level233{
background-color: #82ADAD ;
}
#Caring #Caring{
background-color: #BFD9CC;
padding-top: 3px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 9px;
}
#Adult-Ministries #Adult-Ministries{
background-color: #BFD9CC;
padding-top: 3px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 9px;
}
#Missions #Missions{
background-color: #BFD9CC;
padding-top: 3px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 9px;
}
#Women-s-Ministries #Women-s-Ministries{
background-color: #BFD9CC;
padding-top: 3px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 9px;
}
#Youth-Ministries #Youth-Ministries{
background-color: #BFD9CC;
padding-top: 3px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 9px;
}
#Children-s-Ministries #Children-s-Ministries{
background-color: #BFD9CC;
padding-top: 3px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 9px;
}
#Friendship-Sunday-&-Holy-Week #Friendship-Sunday-&-Holy-Week{
}
#nav2 {
position: absolute;
top: -80px;
right: 10px;
margin-left: 150px;
font: normal 1.0em/1.0em 'lucida grande',tahoma,sans-serif;
color: #FF9900;
}
#nav2 li { margin: 0; padding: 10px; display: inline; list-style: none;}
#nav2 a {
text-decoration: none;
color: #ffF;
}
#nav2 a:hover {
color: #eae7d2;
}
#menubottom {
position: relative;
clear: both;
margin-top: 20px;
padding: 20px 0;
background: #006633;
padding-left: 20px;
width: 100%;
color: #ccc;
height: 180px;
}
/* sidebar
==============================================================================*/
#About #sideBar {
margin-top: 50px;
width: 230px;
background: transparent;
text-align: center;
padding: 4px;
border: 0px solid #dddddd;
}
#sideBarPadding {
width: 220px;
padding: 5px;
background: #E7F4F4;
text-align: left;
}
#sideBar #sideBarPadding p{
font-size: 95%;
}
#sideBar #sideBarPadding {
margin-right: -10px;
}

#sideBar #sideBarTop {
display: block;
 margin-bottom: -10px;
 height: 15px;
 background: #ffffff url(bg-sidebar_top.gif) center top no-repeat;

}
#sideBar #sideBarBottom {
display: block;
margin-top: -10px;
height: 10px;
background: url(bg-sidebar_bottom.gif) center top no-repeat;
}
#sideBar h2,
#sideBar p,
#sideBar li {
margin: 1px;
font-family: 'lucida grande',tahoma,sans-serif;
color: #82ADAD;
}
#sideBar #sideBarPadding ul li {
margin-right: -10px;
font-family: 'lucida grande',tahoma,sans-serif;
list-style-image: url(2D751C18FEAE847386257219005DB2CA/$FILE/OrangeArrow.gif); 
}

#sideBar #sideBarPadding h2 {
font-size: 1.2em;
margin-left: 8px;
font-weight: bold;
text-transform: uppercase;
color: #82ADAD;
}


#sideBar ul,
#sideBar ol {
margin: 23px;
margin-top: 15px;
}
#sideBar li {
color: #777;
font-size: 1.0em;
line-height: 1.4em;
}

#copyright {
float: right;
margin-right: 40px;
width: 296px;
background: #666;
border: 1px solid #ccc;
text-align: left;
}
#copyright p {
margin: 15px 10px;
font: normal 1em/1.2em 'lucida grande',tahoma,sans-serif;
color: #eae7d2;
}
#copyright strong {
font-size: 1.2em;
font-weight: normal;
color: white;
}
#copyright a {
font-weight: bold;
color: #FF9900;
}
#copyright a:hover {
text-decoration: underline;
color: white;
}  
#storybox {
position: relative;
width: 100%;
text-align: left;
min-height: 400px;
margin:0;
padding: 0;
margin-top: 40px;
_margin-top: 0px;
border: solid 0px red;
padding-bottom: 20px;
z-index: 500;
}

#container .full {
width: 100%;
}



#storybox h1 {
clear: none;
margin: 0;
padding-bottom: 5px;
padding-top: 5px;
font: normal 2.2em/1em 'lucida grande',tahoma,sans-serif;
font-weight: bold;
color: #ff9300;
text-transform: none;
border: 0 none;
height: 25px;
position: relative;

}

#storybox h2 {
margin: 1.3em 0 0 0;
font: bolder 1em 'lucida grande',tahoma,sans-serif;
text-transform: uppercase;
color: #555;
}

#storybox h3 {
margin: 0 0 -1em 0;
font: bold 1.2em 'lucida grande',tahoma,sans-serif;
color: #555;
}

#storybox p,
#storybox li {
margin: 1.3em 0;
font: normal 1em 'lucida grande',tahoma,sans-serif;
color: #777;
}

#storybox a {
color: #07B;
font-weight: bold;
text-decoration: none;
}
#storybox a:hover {
color: #07B;
text-decoration: underline;
}
/* inline images
==============================================================================*/
img {
border: 0; /* removes border in case images get have anchor around them */
}
.inlineImage {
text-align: center;
font: normal 1.0em 'lucida grande',tahoma,sans-serif;
color: #999;
}
.inlineImage img {
padding: 3px;
border: 1px solid #ccc;
}
.noStyle img {
padding: 0;
border: 0 none;
}
.right {
float: right;
margin: 1.3em 0 0 2em;
}
.left {
float: left;
margin: 1.3em 2em 0 0;
}
.center {
position: relative;
margin-left: auto;
margin-right: auto;
}
body {
background: url(cepcbackground.png) repeat-x;
}
body #view{
background: white;
}
/* sub navigation
==============================================================================*/
#level233 {
position: relative; 
height: 25px;
display: block;
top: -11px;
padding: 0;
}
#level233 li {
float: left;
list-style: none;
height: 20px;
}
#level233 .last {
background: none;
}
#level233 li a {
margin-left: 16px;
position: relative;
top: -3px;
font: normal 1em/2.7em 'lucida grande',tahoma, sans-serif;
font-family: verdana;
text-decoration: none;
color: white;
height: auto;
margin-right: 10px;
}
#level233 li a:hover {
text-decoration: underline;
color: white;
}
#level233 li a:active {
text-decoration: none;
}
#level3 {
position: relative; 
height: 68px;
top: -8px;
margin-top: -5px;
z-index: 500;
}
#level3 ul {
position: absolute;
width: 200px;
right: 10px;
top: 100px;
height: 300px;
}
#level3 li {
position: relative;
float: left;
list-style: none;
height: auto;
margin-left: 3px;
display: list-item;
}
#level3 .last {
background: none;
}
#level3 li a {
margin-left: 10px;
margin-right: 10px;
text-decoration: underline;
color: blue;
height: 23px;
position: relative;
top: 2px;
font-family: verdana;
z-index: 500;
}
#level3 li a:hover {
text-decoration: underline;
color: blue;
}
#level3 li a:active {
text-decoration: none;
}
#subnav{
}
#subnav ul {
position: relative;
width: 220px;
top:30px;
padding-left: 33px;
padding-bottom: 103px;
height: auto;
z-index: 600;
border: 0px red solid;
float: right;
}
#subnav li {
position: relative;
list-style: none;
height: auto;
margin-left: 3px;
margin-bottom: 5px;
width: 200px;
text-align: left;
list-style-image: url(2D751C18FEAE847386257219005DB2CA/$FILE/OrangeArrow.gif); 
}
#subnav a, #subnav a:visited, #subnav a:link   {
color: #07B;
font-weight: bold;
text-decoration: none;
}
#subnav a:hover {
color: #07B;
text-decoration: underline;
}
#logo{position: relative; top: 0; left: 0; height: 90px;
background: url(cepcmasthead.png) left top no-repeat;
display:block;
}
#menubox{
padding-top: 0px; padding-bottom: 0px;
height: 127px;
position: relative;
}
#breadcrum{
position: relative;
height: auto;
margin: 0;
padding: 7px;
display: block;
z-index: 7;
background: #ccc;
text-align: right;
visibility: hidden;
display: none;
}
#breadcrum a, #breadcrum a:hover, #breadcrum a:visited{text-decoration: underline;
color: #2388ff;
margin:0;
}
#breadcrum a:hover {
text-decoration: underline;
color: #2388ff;
}
#breadcrum span{margin-left: 7px;}
#breadcrum p{position: relative;
top: -8px;}
#viewPanel{
overflow: hidden;
margin-top: 30px;
margin-left: 30px;
}
#tableContainer TABLE {
font-family: verdana;
font-size: 8pt;
border-collapse: collapse;
width: 600px;
}
#viewPanel TR, #viewPanel TD, #viewPanel TH  {
border-bottom: solid #ccc 1px;
margin: 10px;
padding: 5px;
padding-bottom: 10px;
padding-top: 10px;
}
#viewPanel TABLE TABLE TR, #viewPanel TABLE TABLE TD, #viewPanel TABLE TABLE TH {
border-bottom: none;
}
.blockicon{
width: 40px;
height: 90px;
display: inline;
}
.blocktext{
margin-left: 49px;
}
#event{
margin: 15px;
margin-top: 61px;
font-size: 110%;
}
.labels{
font-weight: bold;
padding-right: 10px;
width: 180px;
min-width: 180px;
margin: 0;
display: block;
border: 0px solid red;
padding-top: 5px;
}
#event h1{
color: white;
}
.calendartitle{
		color:#489694;
		font-weight: bold;
font: bolder 1.1em 'lucida grande',tahoma,sans-serif;
}
#calendar{
height: 395px;
width: 100%;
overflow: auto;
}
span#print{
position: absolute;
top: 95px;
right: 25px;
text-align: center;
}
table, td, a {
	color: #000;
	font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif
}
/* define height and width of scrollable area. Add 16px to width for scrollbar          */
/* allow WinIE to scale 100% width of browser by not defining a width                   */
div.tableContainer {
	clear: both;
	border: 1px solid #000;
	height: 480px;
	overflow: auto;
	position: relative;
	margin-right: 0 px; 
}
/* WinIE 6.x needs to re-account for it's scrollbar. Give it some padding */
\html div.tableContainer/* */ {
	padding: 0 0px 0 0
}
/* clean up for allowing display Opera 5.x/6.x and MacIE 5.x */
html>body div.tableContainer {
	height: auto;
	padding: 0;
/*	width: 624px*/
}
/* Reset overflow value to hidden for all non-IE browsers. */
/* Filter out Opera 5.x/6.x and MacIE 5.x                  */
head:first-child+body div[class].tableContainer {
	height: 485px;
	overflow: hidden;
/*	width: 640px */
}
/* define width of table. IE browsers only                 */
/* if width is set to 100%, you can remove the width       */
/* property from div.tableContainer and have the div scale */
div.tableContainer table {
	float: left;
	width:100%;
}
/* WinIE 6.x needs to re-account for padding. Give it a negative margin */
\html div.tableContainer table/* */ {
	margin: 0 -16px 0 0
}
/* define width of table. Opera 5.x/6.x and MacIE 5.x */
html>body div.tableContainer table {
	float: none;
	margin: 0;
/*	width: 624px */
}
head:first-child+body div[class].tableContainer table {
/*	width: 640px */
}
thead.fixedHeader tr {
	position: relative;
	/* expression is for WinIE 5.x only. Remove to validate and for pure CSS solution      */
	top: expression(document.getElementById("tableContainer").scrollTop)
}
head:first-child+body thead[class].fixedHeader tr {
	display: block
}
/* make the TH elements pretty */
thead.fixedHeader th {
	background: #006633;
	border-left: 1px solid #006633;
	border-right: 1px solid #006633;
	border-top: 1px solid #006633;
	font-weight: normal;
	padding: 4px 3px;
	text-align: left
	color: #FFF;
	font-weight: bold;
}
thead.fixedHeader th {
	color: #FFF;
}
thead.fixedHeader a:hover {
	color: #FFF;
	display: block;
	text-decoration: underline;
	width: 100%
}
head:first-child+body tbody[class].scrollContent {
	display: block;
	height: 462px;
	overflow: auto;
	width: 100%
}
tbody.scrollContent td, tbody.scrollContent tr.normalRow td {
	background: #FFF;
	border-bottom: 1px solid gainsboro;
	border-left: 0px solid #ccffff;
	border-right: 1px solid gainsboro;
	border-top: 0px solid #ccffff;
	padding: 2px 3px
}
tbody.scrollContent tr.alternateRow td {
	background: #EEE;
	border-bottom: 1px solid gainsboro;
	border-left: 0px solid #ccffff;
	border-right: 1px solid gainsboro;
	border-top: 0px solid #ccffff;
	padding: 2px 3px
}
head:first-child+body thead[class].fixedHeader th {
	width: 200px
}
head:first-child+body thead[class].fixedHeader th + th {
	width: 240px
}
head:first-child+body thead[class].fixedHeader th + th + th {
	border-right: none;
	padding: 4px 4px 4px 3px;
	width: 316px
}
head:first-child+body tbody[class].scrollContent td {
	width: 200px
}
head:first-child+body tbody[class].scrollContent td + td {
	width: 240px
}
head:first-child+body tbody[class].scrollContent td + td + td {
	border-right: none;
	padding: 2px 4px 2px 3px;
	width: 300px
}
#viewPanel h2 {
font-family: verdana;
color: gray;
font-size: 7pt}