/*

Faith Christian School of Margate Florida
Created By:Mike Moreau, Jr.
9-17-2007
harvestmedia.com

Section 1 - Default, Reset, and Global Styles

Section 2 - Layout

Section 3 - Home Page Specific Sytles

Section 4 - Navigation

Section 5 - Typography

Section 6 - Footer

Section 7 - Ekklessia

Section 8 - Accessibility Options

Section 9 - Sitemap

*/






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


/* Begin Eric Meyer's Recommended 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-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(/images/page-bgd.jpg) repeat-x #d2d2d2;
	color:#444444;
	font-family:Calibri, "Lucida Sans", "Lucida Grande", tahoma, verdana, Helvetica, Arial, sans-serif;
	font-size:12px;
	line-height:1.5;
}
strong{
	font-weight:bold;
}
em{
	font-style:italic;
}
hr{
	display:none;
}

/* Default Link Styles */
a{
	outline:none;
}
a:link{
	color:#13274c;
	text-decoration:underline;
}
a:visited{
}
a:hover, a:active{
	text-decoration:none;
}






/* Section 2 - Layout
_______________________________________________*/
div#container{
	background:url(/images/shadow-tile.gif) repeat-y #fff;
	height:auto;
	left:50%;
	margin:0 0 0 -387px;
	overflow:hidden;
	position:absolute;
	top:34px;
	width:775px;
}
div#masthead{
	background:url(/images/masthead.jpg) 0px 0px no-repeat;
	height:161px; /* used to be 205 */
	position:relative;
}
div#masthead h1{
	width:278px;
}
div#masthead h1 a{
	background:url(/images/masthead.png) no-repeat;
	display:block;
	height:141px;
	text-indent:-9999px;
	width:277px;
}
div#masthead p a, div#masthead a.church-link{
	display:block;
	height:20px;
	position:absolute;
	right:33px;
	text-indent:-9999px;
	top:100px;
	width:243px;
}
div#content-wrapper{
	background:url(/images/masthead.jpg) 0px -161px no-repeat;
	overflow:auto;
}
div#sidebar{
	float:left;
	margin:0 0 0 7px;
	width:221px;
}
div#content{
	float:right;
	margin:0 46px 0 0;
	width:469px;
}
div#footer{
	background:url(/images/footer.jpg) no-repeat top left;
	clear:both;
	font-size:10px;
	height:130px;
	position:relative;
}

/* Main Search Form */
form#searchForm{
	height:59px;
	right:8px;
	position:absolute;
	top:14px;
	width:222px;
}
form#searchForm fieldset{
	padding:25px 0px 0px 18px;
}
form#searchForm input{
	background-color:#fff;
	background-image:none;
	border:none;
	color:#666666;
	width:135px;
}
a#search_go:link, a#search_go:visited{
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
}
a#search_go:hover, a#search_go:active{
	color:#eee;
	text-decoration:none;
}






/* Section 3 - Home Page Specific
_______________________________________________*/
div.weather-info{
	background:url(/images/weather-box-tile.jpg) repeat-x #e9e8e6;
	border-bottom:1px solid #c21b20;
	margin:0 0 32px 0;
	min-height:25em;
	padding-bottom:1px;
	width:220px;
}
div.weather-info img{
	margin-bottom:1em;
}
div.weather-info p{
	color:#000;
	padding:0 1em 1.5em 1em;
}






/* Section 4 - Navigation
_______________________________________________*/

/* Top Level Nav Items */
ul#nav{
	padding:32px 0 32px 0;
}
ul#nav li{
}
ul#nav a{
	background:url(/images/nav.gif) repeat-y -7px 0px;
	color:#151146;
	display:block;
	font-weight:normal;
	line-height:1em;
	margin:0 0 1px 0;
	padding:1em 0 1em 25px;
	text-decoration:none;
	width:220px;
}
ul#nav a:hover, ul#nav li.current a{
	background-image:url(/images/nav-hover.gif);
	color:#224d8b;
	font-weight:bold;
}




/* Section 5 - Typography
_______________________________________________*/
h2{
	color:#13274c;
	font-family:Palatino, "Book Antiqua", Georgia, "Times New Roman", Times, serif;
	font-size:2em;
	line-height:2em;
	margin-bottom:.5em;
}
div#sidebar h2{
	color:#aaa;
	font-family:Calibri, "Trebuchet MS", tahoma, Helvetica, Arial, sans-serif;
	font-size:1em;
	margin:1.5em 0 .5em 0;
	text-transform:uppercase;
}
div.text h3{
	color:#13274c;
	font-family:Palatino, "Book Antiqua", Georgia, "Times New Roman", Times, serif;
	font-size:1.5em;
	line-height:1.5em;
}
div.text h3 a{
	font-size:1em;
}
div.text h4{
	color:#be191e;
	font-weight:bold;
	font-size:1.1667em;
	line-height:1.286em;
	margin:1em 0 0 0;
}
div.text h5{
	font-size:1em;
	font-weight:bold;
}
div.text h6{
	font-size:1em;
	font-weight:bold;
	color:#CC6600;
}
div.text p{
	line-height:1.5em;
	margin-bottom:1.5em;
}
div.text ul{
	line-height:1.5em;
	list-style-position:outside;
	list-style-image:url(/images/bullet_yellow.png);
	margin:0 0 1.5em 3em;
}
div.text ol{
	list-style-position:outside;
	list-style-type:decimal;
	margin:0 0 1.5em 3em;
}
div.text ul li, div.text ol li{
	line-height:1.5em;
	margin-bottom:.5em;
}
div.text table{
	background:#eee;
	border-collapse:collapse;
	font-weight:bold;
	margin-bottom:1.5em;
	width:98%;
}
div.text table td {
	border:1px solid #fff;
	padding:4px;
	vertical-align:top;
}


/* Sidebar Text Div's - in addition to styles above */
div#sidebar div.text h3, div#sidebar div.text h4, div#sidebar div.text h5, div#sidebar div.text h6{
	font-family:Calibri, "Trebuchet MS", tahoma, Helvetica, Arial, sans-serif;
	font-size:1.25em;
	font-weight:bold;
	margin-left:18px;
}
div#sidebar div.text p{
	font-size:.9em;
	line-height:1.875em;
	margin:0 0 1.875em 18px;
}
div#sidebar div.text ul, div#sidebar div.text ol{
	font-size:.9em;
	line-height:1.875em;
}





/* Section 6 - Footer
_______________________________________________*/
div#footer p{
	color:#fff;
	font-size:14px;
	left:50%;
	margin:0;
	margin-left:-350px;
	position:absolute;
	top:40px;
	width:700px;
}





/* Section 7 - Ekklessia
_______________________________________________*/
/* Large Calendar */
#calendar-container table.calendar{
   border-collapse:collapse;
   background:#fff;
   width:98%;
}
#calendar-container table.calendar caption{
   color:#000;
   font-size:1.5em;
   padding-bottom:.8em;
}
#calendar-container table.calendar caption span{
  	color:#8A4700;
	font-size:1em;
}
#calendar-container table.calendar th{
	background:#912804;
	color:#fff;
	padding:3px;
	text-align:center;
}
#calendar-container table.calendar td{
   border:1px solid #ccc;
   color:#aaa;
   height:64px;
   text-align:center;
   vertical-align:middle;
   width:14%;
}
#calendar-container table.calendar td.empty{
}
#calendar-container table.calendar td a{
   color:#000;
   display:block; 
   font-size:2em;
   text-decoration:none;
   text-align:center;
}
#calendar-container table.calendar td a:hover{
	text-decoration:underline;
}

/*Pop-up Box when you hover over a date on home page*/
#traildiv{
   position:absolute;
   top:0px;
   left:0px;
   z-index:999;
   visibility:hidden;
   width:100px;
   height:100px;
   color:#FFF;
}
#traildiv ul{
   padding:0.75em;
   background-color:#575757;
   font-size:1.1em;
}

#traildiv li{
   color:#FFF;
   margin-bottom:.75em;
}

#traildiv a{
   color:#FFF;
   text-decoration:none;
}

/* Detail Table on Event Pages */
table.detail{
	border:1px solid #fff;
	border-collapse:collapse;
	margin-bottom:1.5em;
	width:98%;
}
table.detail caption{
	color:#000;
	font-weight:bold;
	font-size:1.1667em;
	line-height:1.286em;
}
table.detail caption a{
	color:#000;
	text-decoration:none;
}
table.detail caption a:hover{
	text-decoration:underline;
}
table.detail td{
	border:1px solid #ccc;
	padding:.25em;
	vertical-align:top;
}
table.detail td.leftcol{
	background-color:#dedede;
	font-weight:bold;
	text-align:right;
	width:25%;
}
table.detail td:hover{
	background-color:#f6ddc8;
	border:1px solid #f6ddc8;
}





/* Section 8 - Accessibility Options
_______________________________________________*/
ul#skip{
	position:absolute;
	top:0px;
	left:-20em;
	width:10em;
}