/* _____________________________________________

Central Christian Academy
Created By:Mike Moreau, Jr.
3-17-2008
harvestmedia.com

Section 1 - Default and Reset Styles

Section 2 - Layout

Section 3 - Typography

Section 4 - Navigation

Section 5 - Footer

Section 6 - Home Page

Section 7 - Forms

Section 8 - Ekklesia CMS

Section 9 - Sitemap

Section 10 - Accessibility Options

_____________________________________________*/






/* Section 1 - Default and Global Styles _______________________________________________ */

/* Eric Meyer's Reset Styles */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{
	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	line-height:1;
	font-family:inherit;
	text-align:left;
	vertical-align:baseline;
}

a img,:link img, :visited img{ border:0; }

table{
	border-collapse:collapse;
	border-spacing:0;
}

ol, ul{ list-style:none; }

q:before, q:after, blockquote:before, blockquote:after{ content:""; }

/* End Reset Styles */



body{
	background:url(/_img/page-bgd.png) repeat-x left top #F0CF7C;
	color:#555;
	font-size:13px;
	font-family:Calibri, "Trebuchet MS", "Lucida Grande", tahoma, Helvetica, Arial, sans-serif;
	line-height:1;
}

strong{ font-weight:bold; }

em{ font-style:italic;}

hr{ display:none;}



/* Default Link Styles */
a:link{
	color:#112946;
	font-weight:bold;
	background-color:transparent;
	outline:none;
}
a:visited{
	color:#112946;
	font-weight:bold;
	background-color:transparent;
	outline:none;
}
a:hover, a:active{
	color: #4b85d9;
	text-decoration:none;
	outline:none;
}

/* Editor Classes */
.quote{
	color:#aaa;
	font-family:Palatino, "Book Antiqua", Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}





/* Section 2 - Layout _______________________________________________*/
#header{
	height:35px;
	position:relative;
	z-index:9;
}
ul#toptabnav{
	background:url(/_img/top-tab-dropdown.png) no-repeat left top;
	left:50%;
	margin:0 0 0 110px;
	padding:20px 0 0 0;
	position:absolute;
	top:0px;
	width:270px;
}
#toptabnav li{
	display:none;
	margin:0 0 0 2px;
	width:266px
}
#toptabnav li.show{
	display:block;
}
#toptabnav li a{
	background:#E1A512;
	color:#fff;
	display:block;
	height:1em;
	padding:.5em;
	text-decoration:none;
}
#toptabnav li a:hover{
	background:#EAB908;
}
#container{
	background:url(/_img/shadow-tile.png) repeat-y transparent top right;
	height:auto;
	margin:0 auto 0 auto;
	width:798px;
	z-index:1;
}
#masthead{
	background:url(/_img/masthead.jpg) no-repeat;
	height:140px;
	position:relative;
}
#masthead h1 a{
	background:url(/_img/masthead.jpg) no-repeat;
	display:block;
	height:120px;
	text-indent:-9999px;
	width:364px;
}
#pnav{
	background:rgb(112,36,31);
	height:47px;
	margin:0 0 32px 30px;
	width:760px;
}
#photo-slideshow{
	background:url(/_img/slideshow-bgd.jpg) no-repeat left top;
	height:306px;
	width:537px;
}
#content{
	float:left;
	margin:0 0 32px 0;
	width:538px;
}
#in-content{
	padding:0 0 0 60px;
}
#sidebar{
	background:rgb(250,243,199);
	float:right;
	margin:0 40px 32px 0;
	width:190px;
}
.event-section{
	background:rgb(245,232,155);
	border-bottom:4px solid #fff;
	margin-bottom:1em;
	padding:1em 0 1em 0;
}
#footer{
	border-bottom:4px solid rgb(111,36,30);
	clear:both;
	font-size:10px;
	margin-left:30px;
	padding:1em 0 2em 0;
	width:760px;
}





/* Section 3 - Typography _______________________________________________*/
h2{
	color:rgb(81,73,44);
	font-family:Palatino, "Book Antiqua", Georgia, "Times New Roman", Times, serif;
	font-size:2em;
	line-height:2em;
	margin-bottom:1em;
}
h3{
	color:rgb(112,36,31);
	font-family:Palatino, "Book Antiqua", Georgia, "Times New Roman", Times, serif;
	font-size:1.5em;
	line-height:1.5em;
}
h4{
	color:#000000;
	font-weight:bold;
	font-size:1.1667em;
	line-height:1.286em;
	margin:1em 0 0 0;
}
h5{
	color:#333333;
	font-weight:bold;
}
h6{
	font-weight:bold;
	color:#CC6600;
}
p{
	line-height:1.6em;
	margin-bottom:1.6em;
}
ul{
	line-height:1.6em;
	margin:0 0 1.6em 0;
}
ol{
	list-style-position:outside;
	list-style-type:decimal;
	margin:0 0 1.6em 3em;
}
ul li, ol li{
	line-height:1.6em;
	margin-bottom:.5em;
}
table{
	margin-bottom:1.6em;
	width:98%;
}

/* Main Content Area */
#content table tr{
	border-top:1px solid #ddd;
}
#content table td, #content table th{
	padding:.2em .2em .5em .2em;
}
#content table th{
	color:#111;
	width:30%;
}
#content table caption{
	color:#777;
	padding:0 0 .5em 0;
	text-transform:uppercase;
}
#content table caption.total{
	color:#000;
	font-size:1.2em;
	font-weight:bold;
}
#content table td p{
	line-height:1.2em;
	margin:0;
}
#content ul{
	list-style-position:outside;
	list-style-type:disc;
	margin-left:3em;
}
#content p.note{
	font-size:10px;
	font-style:italic;
}


/* Sidebar Typography */
#sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6, #sidebar p{
	margin-left:8px;
	margin-right:8px;
}
#sidebar h2{
	border-bottom:1px solid rgb(217,209,170);
	font-size:1.2em;
	line-height:1em;
	margin-bottom:.5em;
	padding:0 0 8px 0;
}
#sidebar h3{
	font-size:1em;
	font-family:"Trebuchet MS", Calibri, "Lucida Grande", tahoma, Helvetica, Arial, sans-serif;
	font-weight:bold;
}
#sidebar p, #sidebar ul, #sidebar ol{
	font-size:.83333em;
}
#sidebar ul{
	list-style-position:outside;
	list-style-type:disc;
	margin-left:2em;
}
#siebar ul ul, #sidebar ol ol{
	font-size:1em;
}
p.article-notes a:link, p.article-notes a:visited{
	text-decoration:none;
}
p.article-notes a:hover, p.article-notes a:active{
	text-decoration:underline;
}

/* Event listing in Sidebar and Main Content Area Under Calendar */
.event-box{
	margin:0 8px 1em 8px;
	overflow:hidden;
}
.event-box .calendar-page{
	background:#fff;
	border:3px double rgb(217,209,170);
	color:rgb(81,73,44);
	display:block;
	float:left;
	padding:.25em 0 .25em 0;
	text-decoration:none;
	text-align:center;
	width:2.5em;
}
.event-box h3{
	font-family:Calibri, "Trebuchet MS", "Lucida Grande", tahoma, Helvetica, Arial, sans-serif;
	font-size:1.2em;
	margin:0 0 0 3.5em;
}
#sidebar .event-box h3{
	font-size:.8333em;
	margin:0 0 0 4.3em;
}
#content .event-box{
	border-top:1px solid #ccc;
	margin:0 0 1em 0;
	padding:1.6em .5em 0 0;
}


/* Staff Bios */
.bio-box{
	border-top:1px solid #ccc;
	overflow:hidden;
	padding-top:1.6em;
}
.bio-box img{
	float:right;
	margin:0 0 .5em 1em;
}
.bio-box h3{
	margin-bottom:0;
}
.bio-box h4{
	font-style:italic;
	font-weight:normal;
}


/* Article Listing */
.article-box{
	border-top:1px solid #ccc;
	overflow:hidden;
	padding:1.6em .5em 0 0;
}
.article-box .date{
	color:#777;
	float:left;
	line-height:2.25em;
	width:90px;
}
.article-box h3, .article-box p{
	margin-left:100px;
} 
.article-box h3{
	margin-bottom:0;
}
.article-box .author{
	font-weight:normal;
	font-style:italic;
}
.article-box .summary{
	color:#777;
	font-size:11px;
}


/* Testimonial */
.testimonial-box{
	border-top:1px solid #ccc;
	overflow:hidden;
	padding:1.6em .5em 0 0;
}







/* Section 4 - Navigation _______________________________________________*/
/* Top Level Nav Items */
#nav{
	margin:0 0 0 19px;
}
#nav li{
	float:left;
	margin:0;
	padding:0;
	position:relative;
}
#nav a{
	color:rgb(204,195,194);
	display:block;
	float:left;
	font-size:15px;
	font-weight:normal;
	margin:8px 19px 0px 0px;
	padding:7px;
	text-decoration:none;
}
#nav a:hover, #nav li.current a, #nav li.stick a{
	background:rgb(150,54,47);
	color:#fff;
}

/* 2nd Level Drop Down Menus - positioned off the page to hide until moused over */
#nav ul{
	background:rgb(150,54,47);
	left:-9999em;
	margin:0;
	padding:0;
	position:absolute;
	top:35px;
	width:14em;
}
#nav ul li{
	float:none;
}
#nav ul a,  #nav li.current ul a{
	float:none;
	font-size:12px;
	margin:0px;
}
#nav ul a:hover, #nav li.current ul a:hover{
	background:rgb(142,36,28);
	font-weight:bold;
}

/* Show 2nd Level Menus when mousing over top level menu item */
#nav li ul.show{
	left:0px;
}






/* Section 5 - Footer _______________________________________________*/
#footer address{
	border-top:1px solid #ccc;
	margin:0 30px 0 30px;
	padding:1em 0 1em 0;
}








/* Section 6 - Home Page _______________________________________________*/
.icon-box{
	overflow:hidden;
	padding:0 .25em 0 0;
}
.icon-box img{
	border:3px double #ccc;
	float:left;
}
.icon-box h3, .icon-box h4, .icon-box h5, .icon-box p{
	margin-left:120px;
	margin-top:0;
}
.home-slideshow{
	height:307px;
	width:537px;
}




/* Section 7 - Forms _______________________________________________*/



/* Section 7 - Ekklesia CMS _______________________________________________*/
#sidebar table{
	background:#fff;
	border-collapse:collapse;
	border:1px solid rgb(217,209,170);
	margin:0 8px 1em 8px;
	width:173px;
}
#sidebar table caption{
	padding-bottom:.5em;
	text-align:center;
}
#sidebar table th{
	background:rgb(217,209,170);
	text-align:center;
}
#sidebar table td{
	height:1.6em;
	text-align:center;
	width:14%;
	vertical-align:middle;
}
#sidebar table td a{
	background:rgb(217,209,170);
	color:rgb(81,73,44);
	display:block;
	text-align:center;
	text-decoration:none;
}


/* Large Calendar */
#content .calendar{
   border:1px solid #ccc;
   border-top:none;
}
#content .calendar caption{
   padding-bottom:10px;
   color:rgb(112,36,31);
   font-size:1.5em;
}
#content .calendar caption span{
	font-size:1em;
   color:#8A4700;
}
#content table.calendar th{
   padding:3px;
   background:rgb(112,36,31);
   color:#fff;
   width:auto;
}
#content .calendar td{
   width:14%;
   height:64px;
   border:1px solid #ccc;
   border-left:0;
   border-top:0;
   background:#fff;
   color:#aaa;
}
#content .calendar td.empty{
   background:#eee;
}
#content .calendar td a{
	color:rgb(112,36,31);
	display:block;
	font-size:1.25em;
	text-decoration:none;
}
#content .calendar td a:hover{
	text-decoration:underline;
}
#content .calendar td ul{
   margin:.5em;
   list-style:none;
}
#content .calendar td li{
   margin-bottom:.75em;
}
#content .calendar td ul li a{
   color:#8A4700;
}

/* Calendar Pop UP */
#traildiv{
	background:#dedede;
	font-size:.8em;
	line-height:1.2em;
	padding:3px;
	position:absolute;
	z-index:99;
}
#traildiv ul li{
	margin:.3em;
}
#traildiv ul li a{
	text-decoration:none;
}

/* Google Map API */
#gmap{
	border:1px solid #ccc;
	height:350px;
	margin:0 0 1.6em 0;
	width:450px;
}




/* Section 10 - Accessibility Options _______________________________________________*/
#skip{
	display:none;
}