/* @override http://www.csca.us/css/styles.css */

/*
*************************************************
First Presbyterian Church - Coral Springs Academy

Author:		Scott Beatty, sbeatty@northpointdesign.com
Updated:	
Notes:		None

*************************************************
*/

* {
   margin: 0;
   padding: 0;
}

body{
   background: #324B81;
   font-size: 62.5%;
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   line-height: 1;
   text-align: center; /* IE5.5 center fix */
}

hr{
   display: none;
}

#skip{
   position: absolute;
   text-indent: -9999px;
   list-style: none;
}

*+html #skip{
   position: static;
   height: 0;
}

#container-outer {
background: #4264AB url(/images/bg_body.jpg) top center no-repeat;
}

#container{
   width: 960px;
   margin: 0 auto;
   text-align: left; /* move layout content default back to left */
}

/* =Header
---------------------------------------------------------------------
*/

#header{
   width: 950px;
   height: 200px;
   z-index: 5000;
   background: url(/images/bg_header.jpg) no-repeat top left;
   position: relative;
}

#header h1{
   width: 379px;
   height: 90px;
   background: url(/images/bg_header_h1.png) no-repeat;
   position: absolute;
   top: 40px;
   left: 10px;
}

#header h1 a{
   display: block;
   width: 379px;
   height: 90px;
   text-indent: -9999px;
}


#metanav {
   float: right;
   display: inline;
   width: 510px;
   height: 57px;
   margin-right: 10px;
   background: url(/images/bg_nav_metanav.png) no-repeat;
   position: relative;
}

#metanav ul{
   width: 304px;
   font-size: 1.1em;
   color: #555555;
   list-style: none;
   left: 10px;
   top: 5px;
   position: absolute;
}

#metanav ul li{
   float: left;
   margin: 0;
   font-size: 1.2em;
   color: #555555;
   border-right: 1px solid #CCCCCC;
}

#metanav ul li a{
   float: left;
   margin: 0;
   display: block;
   text-align: left;
   padding: 4px 6px;
   color: #555555;
   text-decoration: none;
}

#metanav ul li a:hover{
   text-decoration: underline;
   color: #000000;
}

#search{
	position: absolute;
   width: 165px;
   height: 26px;
   padding-left: 7px;
   border: 0;
   right: 5px;
   top: 5px;
}

#search form#searchForm input#search_term{
   float: left;
   width: 128px;
   border: 1px solid #BBBBBB;
   padding: 2px 4px;
   font-size: 12px;
   color: #766548;
   background: #FFFFFF;
   outline: none;
}

#search form#searchForm a#search_go{
   display: inline;
   float: left;
   display: block;
   width: 21px;
   height: 21px;
   text-indent: -9999px;
   background: url(/images/btn_search_go.gif) no-repeat;
   margin-left: 1px;
}

#metanav p.emergency {
	position: absolute;
	width: 150px;
	height: 25px;
	top: 32px;
	right: 10px;
}

#metanav p.emergency a {
	display: block;
	width: 145px;
	height: 25px;
	background: url(/images/bg_metanav_emergency.png) no-repeat 0 0;
	text-indent: -9999px;
}

#metanav p.emergency a:hover {
	background-position: 0 -37px;
}

/* =Navigation
---------------------------------------------------------------------
*/

#nav-container{
	text-align: center;
}

#nav-main{
   clear: both;
   position: absolute;
	bottom: 0;
	left: 0;
   width: 950px;
   background: url(/images/bg_nav.png) no-repeat;
   list-style: none;
}

#nav-main li{
   float: left;
   font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
   list-style: none;
   background: url(/images/bg_nav_li.gif) bottom center no-repeat;
}

#nav-main li a{
   float: left;
   color: #282662;
   font-size: 1.5em;
   text-decoration: none;
   line-height: 43px;
   text-align: center;
   margin: 0 25px;
}

#nav-main li a:hover {
   color: #CC0000;
}
/* =Container-Inner
---------------------------------------------------------------------
*/

#container-inner{
   width: 950px;
   float: left;
   padding: 0 5px;
   background: #FFFFFF;
}

/* =Top Image
---------------------------------------------------------------------
*/

#top-feature {
   clear: both;
   float:left;
   width: 950px;
   height: 100px;
}

body#home #top-feature {
   clear: both;
   float:left;
   width: 950px;
   height: 550px;
}

body#home #top-feature #home-image-rotator {
	width: 950px;
	height: 550px;
}
/*
#top-feature #top-image {
   float:left;
   width: 250px;
   height: 100px;
   background: url(/images/bg_topimage_default.jpg) no-repeat;
}
*/
#top-feature #bc-container {
   float: left;
   width: 950px;
   height: 100px;
   display: inline;  /* IE6 double margin float bug hack */
   background: url(/images/bg_topimage_h2.gif) no-repeat;
}

#top-feature #bc-container #h2-c {
	width: 950px;
	height: 70px;
}

#top-feature #bc-container #h2-c h2 {
	color:#FFFFFF;
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.0em;
	font-weight: normal;
	font-style: italic;
	padding: 10px 10px 0 10px;
}

#top-feature #bc-container p#breadbrumb {
	font-size: 12px;
	color: #FFFFFF;
	padding: 8px 0 0 10px;
}

#top-feature #bc-container p#breadbrumb a {
	text-decoration: underline;
	color: #FFFFFF;
}

#top-feature #bc-container p#breadbrumb a:hover {
	color: #FFFFFF;
	text-decoration: none;
}


/* =Content-Wrap
---------------------------------------------------------------------
*/

#content-wrap{
   clear: both;
   float: left;
   width: 950px;
   margin: 1px 0 0 0;
}

body#home #content-wrap{
   clear: both;
   float: left;
   width: 950px;
   margin: 0;
}

/* =Content
---------------------------------------------------------------------
*/

#content{
	float: right;
	width: 699px;
	display: inline;  /* IE6 double margin float bug hack */
	border-top: 1px solid #C3C3C3;
}

body#oneCol #content{
	float: none;
	width: 950px;
	display: block; 
	border-top: 1px solid #C3C3C3;
}

body#home #content{
	float: none;
	width: 950px;
	display: block; 
	border-top: 0;
}

#content #text{
	padding: 10px;
}

#content h3, body#home #recent #home-content h3{
   font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
   margin-bottom: .75em;
   color: #38368D;
   font-size: 2.3em;
}

#content h4, body#home #recent #home-content h4 {
   font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
   margin-bottom: .75em;
   color: #38368D;
   font-size: 1.9em;
}  

#content h5,
#content h6,
body#home #recent #home-content h5,
body#home #recent #home-content h6{
   font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
   margin-bottom: .75em;
   color: #38368D;
   font-size: 1.6em;
} 

#content p,
body#home #recent #home-content p,
#content li,
body#home #recent #home-content li {
   margin-bottom: 1em;
   color: #333333;
   font-size: 1.4em;
   line-height: 1.5;
}

#content ul,
body#home #recent #home-content ul,
#content ol,
body#home #recent #home-content ol{
   margin: 0 0 1em 3em;
}

#content ul#byline, body#home #recent #home-content ul#byline{
   margin-bottom: 10px;
   list-style: none;
}

#content ul#byline li, body#home #recent #home-content ul#byline li{
   font-size: 1.2em;
}

#content li, body#home #recent #home-content li{
   margin: 0;
   list-style:none;
   background: url(../images/bg_li_content.gif) no-repeat left 6px;
   padding-left: 12px;
}

#content li li, body#home #recent #home-content li li{
   font-size: 1em;
}

#content blockquote, body#home #recent #home-content blockquote{
   margin-left: 3em;
}

#content hr, body#home #recent #home-content hr{
   display: block;
   margin-bottom: 1em;
}

#content a, body#home #recent #home-content a{
   color: #38368D;
}

#content a:hover, body#home #recent #home-content a:hover{
   text-decoration: none;
}

#content img, body#home #recent #home-content img{
   float: left;
   margin: 0 10px 5px 0;
   border: 1px solid #999999;
   padding:1px;
}

#content .more {
	clear: left;
	padding: 5px;
	text-align: right;
	color: #282662;
}

#content .more a{
	color: #282662;
}

#content #schoolMap{
	width: 500px;
	height: 350px;
	border: 1px solid #DDDDDD;
	margin: 10px 0 10px 10px;
}

/* home features - buttons */

body#home #homebuttons {
	width: 950px;
	float: left;
	background: #B7B7B7 url(/images/bg_homebuttons.jpg) no-repeat;
}

body#home #homebuttons p {
	float: left;
	width: 237px;
	height: 102px;
	margin: 0;
	padding: 18px 0 0 0;
	text-align: center;
}

body#home #homebuttons img {
	float: none;
	padding: 0;
	margin: 0;
	border: 0;
}

/* home features - links */

body#home #featuredlinks {
	clear: left;
	float: left;
	width: 950px;
	background: #F0F0F0;
	padding: 10px 0;
}

body#home #featuredlinks ul {
	list-style: none;
	margin: 0;
}

body#home #featuredlinks ul li {
	float: left;
	display: inline;
	width: 230px;
	background: none;
	padding: 0;
	margin: 0 0 0 5px;
}

body#home #featuredlinks ul li#calendar {
	background: url(/images/li_home_featuredlinks_calendar.gif) no-repeat left top;
}

body#home #featuredlinks ul li#crusader {
	background: url(/images/li_home_featuredlinks_news.gif) no-repeat left top;
}

body#home #featuredlinks ul li#athletics {
	background: url(/images/li_home_featuredlinks_athletics.gif) no-repeat left top;
}

body#home #featuredlinks ul li#ethics {
	background: url(/images/li_home_featuredlinks_ethics.gif) no-repeat left top;
}

body#home #featuredlinks ul li h5 {
   font-family: Arial, Helvetica, sans-serif;
   margin: 0 0 2px 0;
   color: #333333;
   font-size: 1.1em;
   padding: 0 0 0 60px;
}

body#home #featuredlinks ul li p{
	padding: 0 5px 0 60px;
	margin: 0;
	line-height: 1.2em;
	font-size: .9em;
}
 
body#home #featuredlinks ul li p a{
	color: #CC0000;
}
  
body#home #featuredlinks ul li p a:hover{
	text-decoration: none;
}

/* home features - recent events, news, and renweb */

body#home #recent {
	clear: left;
	float: left;
	width: 950px;
	background: url(/images/bg_recent_home.jpg) no-repeat; 
	padding: 10px 0;
}

body#home #recent #upcoming-events, body#home #recent #recent-news, body#home #recent #home-content  {
	float: left;
	display: inline;
	width: 235px;
	margin-left: 20px;
	padding: 0; 
}

body#home #recent #home-content table  {
	overflow: hidden;
}

body#home #recent #home-content table td  {
	vertical-align: top;
	padding: 3px;
}

body#home #recent #home-content img, body#home #recent #home-content table td img  {
	border: 0;
	padding: 0;
	margin: 0;
	float: none;
}

body#home #recent #upcoming-events h5, body#home #recent #recent-news h5 {
   font-family: Arial, Helvetica, sans-serif;
   margin-bottom: 0;
   color: #333333;
   font-size: 1.4em; 
   font-weight: normal;
   text-transform: uppercase;
   border-bottom: 1px solid #FFFFFF;
   padding-bottom: 8px;
}

body#home #recent #upcoming-events .event, body#home #recent #recent-news .news {
	width: 235px;
	border-bottom: 1px solid #D7D7D7;
	padding-top: 10px;
}

body#home #recent #upcoming-events .event h6, body#home #recent #recent-news .news h6 {
   float: left;
   font-family: Arial, Helvetica, sans-serif;
   margin: 0 0 5px 0;
   color: #282662;
   font-size: 1.2em;
   padding: 0 18px 0 0;
   background: url(/images/bg_arrow_events.gif) no-repeat right top;
   text-align: left;
}

body#home #recent #upcoming-events .event h6 a, body#home #recent #recent-news .news h6 a{
   color: #282662;
   font-size: 1em;
   text-decoration: none;
}

body#home #recent #upcoming-events .event h6 a:hover, body#home #recent #recent-news .news h6 a:hover{
   text-decoration: underline;
}

body#home #recent #upcoming-events .event p, body#home #recent #recent-news .news p {
   clear: left;
   margin: 0;
   color: #333333;
   font-size: 1.2em;
   line-height: 1.2;
   padding: 0 0 10px 0;
}

body#home #recent #recent-news .news p span.date {
	color: #6E6E6E;
}

body#home #renweb {
	float: left;
	display: inline;
	margin-left: 10px;
	width: 410px;
}

body#home #renweb-frame {
	width: 390px;
	padding: 10px;
	border: 4px solid #DDDDDD;
	background: #FFFFFF;
}

body#home #renweb-frame h5 {
	width: 263px;
	height: 45px;
	background: url(/images/logo_renweb.jpg) no-repeat;
	margin: 0 auto 1em auto;
}

body#home #renweb-frame h5 a {
	display: block;
	width: 263px;
	height: 45px;
	text-indent: -9999px;
}

body#home #renweb-frame p {
	color: #333333;
	line-height: 1.2em;
	margin-bottom: .75em;
	text-align: left;
}

body#home #renweb-frame a.login {
	display: block;
	width: 85px;
	height: 27px;
	background: url(/images/bg_btn_login_renweb.gif) no-repeat;
	text-indent: -9999px;
	margin-top: 5px;
	margin-left: 135px;
}

body#home #renweb-frame a.newusers {
	display: block;
	width: 85px;
	height: 27px;
	background: url(/images/bg_btn_newusers_renweb.gif) no-repeat;
	text-indent: -9999px;
    margin-top: 5px;
	margin-left: 135px;
}

body#home #renweb img {
   float: none;
   margin: 5px 10px 0 10px;
   border: 0;
   padding: 0;
}

body#home #logos {
	clear: both;
	padding: 10px;
}

body#home #logos img {
   float: none;
   margin: 5px 10px 0 10px;
   border: 0;
   padding: 0;
}

/* sermons */

#content .sermonbox{
   margin-bottom: 2px;
   padding: 15px;
   background: #F5F5F5;
   border-bottom: 2px solid #DDDDDD;
}

#content .sermonbox:hover{
	background: #FFFFFF;
	border-bottom-color: #FFFFFF;
}

#content .sermoninfo h4{
   margin-bottom: 10px;
   font-size: 1.6em;
   color: #555555;
}

#content .sermoninfo p{
   padding: 0;
   margin: 0;
}

#content .sermoninfo p.sermonlink{
   margin-top: 10px;
}

#content .sermoninfo p.eventtime{
   margin-bottom: 0;
}

#content .mediabox{
   float: right;
   display: inline;
   width: 125px;
   padding: 5px 5px 0;
   list-style: none;
}

#content .mediabox li{
   margin-bottom: 8px;
   font-size: 1.3em;
   padding-left: 10px;
   background: none;
}

#content .mediabox li a{
   display: block;
   height: 22px;
   padding-left: 25px;
   background-repeat: no-repeat;
   text-decoration: none;
   color: #38368D;
}

/* #content .mediabox li.mb_print a{
   background-image: url(/_img/mb_print.gif);
} */

#content #mediabox li.mb_video a{
   background-image: url(/images/mb_video.gif);
}

#content .mediabox li.mb_download a{
   background-image: url(/images/mb_download.gif);
}

/* #content .mediabox li.mb_notes a{
   background-image: url(/_img/mb_notes.gif);
} */

#content .mediabox li.mb_jukebox a{
   background-image: url(/images/mb_listen.gif);
}

#content .mediabox li.mb_podcast a{
   background-image: url(/images/mb_podcast.gif);
}

p#pagination{
   margin: 0;
}

p#pagination a#off{
   display: none;
}

p#pagination a{
   margin: 0 5px;
   color: #031827;
   text-decoration: underline;
}

p#pagination a:hover{
   text-decoration: none;
}

p#pagination a#current{
   color: #999999;
   text-decoration: none;
   cursor: default;
}

/* calendar */

#content table.calendar{
   margin: 0 auto 25px auto;
   padding: 6px;
   border: 1px solid #CCCCCC;
   border-right: 0;
   border-bottom: 0;
   border-collapse: collapse;
}

#content table.calendar caption{
   padding-bottom: .4em;
   color: #38368D;
   font-size: 1.7em;
   font-weight: bold;
}

#content table.calendar caption span{
   color: #38368D;
}

#content table.calendar caption span img{
   vertical-align: top;
}

#content table.calendar th{
   padding: 6px 0;
   background: #282662;
   color: #FFF;
   font-size: 1.2em;
   font-weight: normal;
   text-align: center;
}

#content table.calendar td{
   width: 125px;
   height: 125px;
   padding: 2px;
   border: 1px solid #CCCCCC;
   border-left: 0;
   border-top: 0;
   background: #EEEEEE;
   color: #313131;
   font-size: 1.1em;
   vertical-align: top;
}

#content table.calendar td.linked-day a {
   color: #38368D;
}

#content table.calendar td.empty{
   background: #DDDDDD;
}

#content table.calendar td ul{
   margin: .5em 0 0 0;
   font-size: 1em;
   list-style: none;
}

#content table.calendar td li{
   margin: 0 0 .5em 0;
   background:none;
   padding-left: 0;
   line-height: 1em;
}

#content table.calendar td li a{
   color: #38368D;
   font-size:.7em;
   line-height: normal;
}

#content table.calendar td li a:hover{
   text-decoration: none;
}

/* gallery */

#content .gallery {
	padding:10px 0;
	border-bottom:1px solid #CCCCCC;
}

#content .gallery img {
	float:none;
}

#content .gallery-thumbnail {
	float:none;
}

#content .gallery-large {
	float:none;
}

/* =Sidebar
---------------------------------------------------------------------

*/

#sidebar {
	float: left;
	display: inline;
	width: 251px;
	background: url(/images/bg_sidebar.gif) no-repeat;
	border-top: 1px solid #C3C3C3;
}

#sidebar h3 {
	padding: 10px;
	font-size: 1.6em;
	color: #555555;
	text-align: center;
}

/* sidebar navigation */

#sidebar #subnav-wrap {
	width: 251px;
}

#sidebar #subnav-wrap h3 {
	display: block;
   	padding: 7px 0 7px 15px;
   	background: url(/images/bg_sidebar_nav_li_arrow.gif) no-repeat left center;
   	color: #555555;
   	font-size: 1.2em;
   	text-decoration: none;
	border-bottom: 1px solid #DDDDDD;
	text-align: left;
	font-weight: normal;
}

#sidebar #subnav-wrap h3 a{
   	color: #555555;
   	text-decoration: none;
	font-weight: normal;
}

#sidebar #subnav-wrap h3 a:hover{
   	text-decoration: underline;
}


#subnav {
	list-style:none;
}

#subnav li{
	width: 250px;
}

#subnav li a {
	display: block;
   	padding: 7px 0 7px 15px;
   	background: url(/images/bg_sidebar_nav_li_arrow.gif) no-repeat left center;
   	color: #555555;
   	font-size: 1.2em;
   	text-decoration: none;
	border-bottom: 1px solid #DDDDDD;
}

#subnav li a:hover {
	text-decoration: underline;
}

#subnav ul{
	list-style:none;
}

#subnav li li{
	display: none;
	width: 235px;
	margin-left: 15px;
}

#subnav li.current li{
   display: block;
}

#subnav li li a {
	display: none;
   	padding: 7px 0;
	text-indent: 0;
   	background: none;
   	color: #38368D;
	font-size:1.2em;
	border-bottom: 1px dashed #DDDDDD;
}

#subnav li li a{
   display: block;
}

#subnav li li li{
	width: 220px;
	margin-left: 15px;
}

#subnav li li li li{
	width: 205px;
	margin-left: 15px;
}
/* sermon page filter */

#sidebar p#filter{
   	padding: 10px;
	font-size: 1.2em;
	color: #FFFFFF;
	background: #282662;
}

#sidebar p#filter a{
	color: #FFFFFF;
}

#sidebar p#filter a:hover{
	text-decoration: none;
}

#sidebar p#filter select {
   width: 200px;

   margin: 10px 0;
   padding: 1px;
   border: 1px solid #CCCCCC;
   color: #010101;
   font-size: .9em;
   font-weight: bold;
   font-family: Arial, Helvetica, sans-serif;
}
/* =Forms
---------------------------------------------------------------------
*/

.monkForm .text label{
  float: left;
  margin-right: 10px;
  line-height: 22px;
}

.monkForm .text input{
  height: 16px;
}

.monkForm fieldset fieldset legend{
  font-size: 1.4em;
  line-height: 2;
  margin-bottom: 0;
}

.monkForm textarea{
  width: 679px;
}

/* =Footer
---------------------------------------------------------------------
*/

#footer {
   clear: both;
   background: #324B81;
}

#footer-inner {
	width: 950px;
	margin: 0 auto;
	padding: 5px;
	background: #FFFFFF;
}

#copyright {
	width: 950px;
	background: #CCCCCC;
}

#copyright p{
	font-size: 1.2em;
	color: #555555;
	padding: 10px;
	text-align: right;
}

#footer-bottom{
	width: 960px;
	margin: 10px auto 0 auto;
	height: 150px;
}

#footer-bottom a{
	color: #B3D1FF;
	text-decoration: none;
}

#footer-bottom a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}

#footer-bottom #powered{
	float: left;
	display: inline;
	width: 325px;
}

#footer-bottom #powered p{
	padding: 5px;
	border-right: 1px solid #263A64; 
	color: #FFFFFF;
	text-align: left;
	font-size: 1.2em;
}

#footer-bottom #quicklinks{
	float: right;
	display: inline;
	width: 625px;
}

#footer-bottom #quicklinks p{
	text-align: left;
	padding: 5px;
	color: #FFFFFF;
	font-size: 1.2em;
}

#footer-bottom #quicklinks span.ql-title{
	font-family: "Times New Roman", Times, serif;
	color: #FFFFFF;
	font-size: 1.2em;
}

/* clearfix rules */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */