/*
Theme Name: Fallbrook Christian Academy
Theme URI: http://www.fallbrookacademy.com
Description: The design for the Fallbrook Christian Academy.
Version: 1.0
Author: Xavier Porter
Author URI: http://www.injoi-mydesign.com/


This theme was designed and built by Xavier Porter,
whose portfolio you will find at www.injoi-mydesign.com

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/

/* CSS Document */

* {margin:0; padding:0;}
body {
	background: #f8f9fb url(images/bg.gif) top repeat-x;
}

body,p {
	font-family:Trebuchet MS, Tahoma;
	font-size:11px;
	color:#64686c;
}

p {
	line-height:16px;
	padding-bottom:5px;
}

h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.0em;
	font-weight:bold;
	text-transform:uppercase;
	color:#27c0f3;
}

h3, h2 {
	color:#27c0f3; 
}

hr {
        background-color:#eeeeee; border:0; height:1px;
}


#content li ul, #content li ol {margin:0 1.5em;}
#content ul, #content ol {margin:0 1.5em 1.5em 1.5em;}
#content ul {list-style-type:disc;}
#content ol {list-style-type:decimal;}
#content table {margin-bottom:1.4em;width:100%;}
#content th {font-weight:bold;}
#content thead th {background:#c3d9ff;}
#content th, #content td, #content caption {padding:4px 10px 4px 5px;}
#content tr.even td {background:#e5ecf9;}

strong { font-size:1.2em; }

#wrapper {
	width:1100px;
	background: url(images/sidekids.gif) left no-repeat;
	margin:0 auto;
}
#header {
	width:950px;
	background:url(images/header_bg.gif) top no-repeat;
	height:150px;
	margin:0 auto;
}
#sub-header {
	width:950px;
	background:url(images/header_bg.gif) top no-repeat;
	height:118px;
	margin:0 auto;
	position:relative;
}
#logo {
	padding-top:15px;
	float:left;
}

#logo h1 {
	display:block;
	background:url(images/fallbrookchristianacademy.gif);
	text-indent:-9000px;
	width:147px;
	height:81px;
}
#phrase {
	padding-top:15px;
	float:right;
}

#phrase h2 {
	display:block;
	background:url(images/phrase.gif) no-repeat;
	text-indent:-9000px;
	float:right;
	width:207px;
	height:78px;
}
#destination {
	width:930px;
	height:81px;
	padding:20px 10px;
	margin:0 auto;
	background-color:#FFFFFF;
}

#destination .fca {
	padding-right:115px;
	width:225px;
	float:left;
}

#destination .bap {
	padding-right:15px;
	width:225px;
	float:left;
}
#destination .sdc {
	width:225px;
	float:right;
}

/* THE HEADER DROP DOW TO CHOOSE LOCATIONS */

#destinations {
	width:930px;
	height:81px;
	padding:20px 10px;
	margin:0 auto;
	background-color:#f8f9fb;
}

#destinations .logos {
	width:225px;
	float:right;
	border-left:1px solid #d0cfd4;
	padding-left:5px;
}

#destinations .fca {
	padding-right:10px;
	width:225px;
	float:left;
}

#destinations .bap {
	padding-right:10px;
	width:225px;
	float:left;
}
#destinations .sdc {
	width:220px;
	float:left;
}

#title {
	width:930px;
	margin:0 auto;
	height:47px;
	background:url(images/titlebg.gif) no-repeat;
	padding-left:10px;
	padding-right:10px;
}
#title h2.fca_page {
	display:block;
	background: url(images/fca_page_title.gif) no-repeat center;
	text-indent:-9000px;
	width:541px;
	height:44px;
	float:left;
}
#title h2.sdc_page {
	display:block;
	background: url(images/sdc_page_title.gif) no-repeat left;
	text-indent:-9000px;
	width:541px;
	height:44px;
	float:left;
}
#title h2.bap_page {
	display:block;
	background: url(images/bap_page_title.gif) no-repeat center;
	text-indent:-9000px;
	width:561px;
	height:44px;
	float:left;
}
#title span {
	float:right;
	padding-top:15px;	
}
#title a:link, #title a:visited {
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.0em;
	text-decoration:none;
}
#menu {
	width:930px;
	margin:0 auto;
	padding:10px;
	background-color:#df1b21;
}

#menu ul {
	padding-left:10px;
}

#menu ul li {
	display: inline;
	list-style-type: none;
	padding-right: 25px;
}

#menu ul li a:link, #menu ul li a:visited {
	text-decoration:none;
	color:#fcec94;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
} 
#page_image {
	width:950px;
	margin:0 auto;
}


h3.sdc_title {
	background:url(images/sdc_title.png) no-repeat transparent;
	display:block;
	width:160px;
	height:15px;
	text-indent:-9000px;
	color:#CC3366;
	font-size:1.2em;
}

h3.bap_title {
	background:url(images/bap_title.png) no-repeat transparent center;
	display:block;
	width:200px;
	height:15px;
	text-indent:-9000px;
	color: #66CC66;
	font-size:1.2em;
}

h3.fca_title {
	background:url(images/fca_title.png) no-repeat transparent center;
	display:block;
	width:190px;
	height:15px;
	text-indent:-9000px;
	color: #66CCFF;
	font-size:1.2em;
}

h3.message {
	background:url(images/messagefromthedirector.gif) no-repeat transparent;
	display:block;
	width:228px;
	height:27px;
	text-indent:-9000px;
	color: #66CCFF;
	font-size:1.2em;
}

.page-1 h3 {
	font-size:1.6em;
}

.page-2 h2, .page h2 {
	font-size:2.4em;
}
#mainimage {
	padding:0px 10px;
	background-color:#FFFFFF;
	width:930px;
	margin:0 auto;
	
}
#news {
	min-height:160px;
	background:#FFFFFF url(images/news_bg.gif) repeat-y top;
	width:930px;
	margin:0 auto;
	padding:0px 10px;
}

#news .desc {
	width:348px;
	padding-top:20px;
	float:left;
}
#news .recentUpdates {
	float:left;
	padding-left:30px;
	position:relative;
	width:269px;
}

.viewall {
	padding:5px; 
	padding-left:10px;
}

.viewall a {
	color: #6699FF; 
	text-decoration:none;
}

#news .recentUpdates strong {
	font-size:1.2em;
	color:#00b6dd;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#news .recentUpdates ul {
	padding:10px;
	margin-left:20px;
}

#news .recentUpdates ul li {
	list-style-image:url(images/blue_diamond.gif);
}

#news .recentUpdates .header {
         position:absolute; 
	left:31px;
         top:-49px;
	z-index:1;
}

#news .header {
	position:absolute; 
	top:-49px;
	z-index:1;
}

#news .importantNews {
	float:left;
	padding-left:10px;
	position:relative;
	width:258px;
}
#news .importantNews ul, #news .importantNews li, #menu ul, #content .importantNews ul, #content .importantNews li {margin:0;}

#news .importantNews strong {
	font-size:1.2em;
	color:#585858;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#news .importantNews ul, #content .importantNews ul {
	padding:10px;
}

#news .importantNews ul li, #content .importantNews ul li {
 list-style:none;
 border-bottom:1px solid #ffdc52;
 margin-bottom:15px;
}

.important { background:url(images/important_news_hdr.png) transparent; }

#news .downloads {
	background-color:#a1e1f6; 
	width:248px; 
	min-height:50px; 
	padding:10px;
}

#content {
	min-height:160px;
	width:930px;
	margin:0 auto;
	padding:0px 10px;
	background-color:#ffffff;
}

#content .header {
	position:absolute; 
	top:-49px;
	z-index:1;
}

#content .importantNews {
	float:left;
	position:relative;
	width:268px;
	background-color:#ffcc00;
}

#content .downloads {
	background-color:#ffdc52;
	padding:10px;
}

#content .page {
	width:647px;
	min-height:169px;
	padding-left:15px;
padding-top:15px;

	float:left;
}

#content .page-1 {
	width:226px;
	padding:15px;
	float:left;
}

#content .page-2 {
	width:368px;
	padding:15px;
	float:right;
}

#content .page p, #content .page-2 p {
   color:#64686C;
font-family:Tahoma;
font-size:1.1em;
line-height:18px;
padding-bottom:15px;
}

#content .page-2 li, #content .page li {
  color:#64686C;
font-family:Tahoma;
font-size:1.1em;
line-height:18px;
}
#content .page h3 { font-size:16px;}

.wbg {
	background:url(images/double_line.gif) repeat-y; 
}

#footer_wrap {
	margin:0 auto;
	background-color:#FFFFFF;
	width:950px;
	padding-bottom:5px;
}

#footer {
	width:910px;
	background-color:#eeeeee;
	padding:20px 10px;
	margin:0 auto;
}

#footer .copyright {
	width:316px;
	float:left;
	padding-right:20px;
}

#footer p {
	color:#aeaeae;
}

#footer .links {
	float:right;
	text-align:right;
	color:#3ac5f3;
	font-size:1.2em;
}

#footer a:link, #footer a:visited {
	color:#3ac5f3;
	text-decoration:none;
}

#footer a:hover {
	color:#FFCC00;
	text-decoration:underline;	
}
