/*

Created by:Mike Moreau, Jr.
of:harvestmedia.com
for:Faith Baptist School of Longmont Colorado

Section 1 - Default Styles and Global Classes

Section 2 - Container and Layout Boxes

Section 3 - Main Navigation

Section 4 - Sub Content Typography

Section 5 - Main Content Typography

Section 6 - Footer Typography

Section 7 - Google Map API

Section 8 - Ekklesia Presentation

*/



/* 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{
	color:#515151;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.5;
	background-attachment:scroll;
	background-color:white;
	background-image:url(/images/pagetile.gif);
	background-repeat:repeat-x;
	background-position:50% 0px;
}
strong{
	font-weight:bold;
}
em{
	font-style:italic;
}
hr{
	display:none; /* For when style sheets are disabled */
}

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

img.floatleft{ float:left; margin-right:1em; }
img.floatright{ float:right; margin-left:1em; }






/*
Section 2 - Container and Layout Boxes
________________________________________________________*/
div#masthead{
	width:750px;
	margin-left:-377px;
	position:absolute;
	left:50%;
	top:0px;
	height:340px;
	z-index:1;
	background-attachment:scroll;
	background-color:transparent;
	background-image:url(/images/container-top.gif);
	background-repeat:no-repeat;
	background-position:0px 170px;
}
img#mascot{
	position:absolute;
	left:-52px;
	top:34px;
}
img#logotype{
	position:absolute;
	right:0px;
	top:90px;
}
div#container{
	width:750px;
	height:auto;
	margin-left:-377px;
	overflow:hidden;
	position:absolute;
	left:50%;
	top:200px;
	z-index:100;
}
div#banner{
	width:460px;
	margin-bottom:30px;
	height:170px;
	z-index:1;
}
body#home div#banner{
	margin-bottom:0;
}
div#video{
	margin-bottom:30px;
	width:460px;
}
div#student-life-gallery{
	width:460px;
	height:332px;
	margin-bottom:12px;
}
div#main{
	width:461px;
	margin-bottom:30px;
	margin-left:260px;
	height:auto;
	z-index:1;
}
div#sub{
	float:left;
	height:auto;
	width:230px;
	margin-top:44px;
	margin-bottom:30px;
	z-index:500;
}
div#announcements{
	margin-left:30px;
	padding-top:0em;
	padding-right:1em;
	padding-bottom:0em;
	padding-left:1em;
}
div#sidebar{
	margin-left:30px;
	background-attachment:scroll;
	background-image:url(/images/nav_bottomgrad.gif);
	background-repeat:repeat-x;
	background-position:0px 0px;
	padding:1em;
}	
div#footer{
	width:750px;
	background-attachment:scroll;
	background-image:url(/images/footer.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	height:47px;
	clear:both;
}





/*
Section 3 - Main Navigation
________________________________________________________*/
ul#nav{ 
	display:block;
	height:auto;
	list-style:none;
	margin:0 0 12px 12px;
	padding:0;
	position:relative;
	width:218px;
	z-index:30000;
}
ul#nav li{ 
	display:block;
	position:relative;
}
ul#nav a{
	background:url(/images/nav_bgd.gif) repeat-x;
	border-bottom:1px solid #fff;
	color:#000000;
	display:block;
	height:21px;
	font-size:12px;
	font-weight:normal;
	line-height:12px;
	margin:0 0 0 18px;
	padding:10px 0 0 10px;
	text-transform:uppercase;
	text-decoration:none;
	width:190px;
}
ul#nav a:hover, ul#nav li.current a{
	background-image:url(/images/nav_hover.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	color:#FFFFFF;
	margin-left:0px;
	padding-left:28px;
}

/*Drop-down Subnav*/
ul#nav ul{
	display:none;
	margin:0 0 0 18px;
	background-color:#666666;
}
ul#nav ul.show, ul#nav li.current ul{
	display:block;
}
ul#nav ul a, ul#nav li.current ul a{
	background-image:none;
	border:0px;
	color:#FFFFFF;
	padding:10px 0 0 10px;
	margin:0;
	width:189px;
}
ul#nav ul a:hover{
	background-color:#333333;
	background-image:none;
	padding:10px 0 0 10px;
	margin:0;
}





/*
Section 4 - Sub Content Typography
________________________________________________________*/
div#sidebar h3, div#announcements h3{
	color:#810030;
	font-size:1.5em;
	font-weight:bold;
	margin-top:.5em;
	margin-bottom:0.5em;
	padding-bottom:0.25em;
	border-bottom:1px solid #CCCCCC;
}
div#sidebar h4, div#announcements h4{
	font-size:1.2em;
	font-weight:bold;
	margin-top:2em;
	margin-bottom:0.5em;
}
div#sidebar p{
	font-size:0.8em;
	line-height:1.875em;
	margin-bottom:1.875em;
}
div#sidebar ul{
	font-size:0.8em;
	line-height:1.875em;
	margin-bottom:1.875em;
}
div#sidebar ul ul{
	font-size:1em;
}
div#sidebar ul li{ margin-bottom:.3em; }




/*
Section 5 - Main Content Typography
________________________________________________________*/
div#main h3{
	color:#000;
	font-size:3em;
	font-weight:normal;
	background-color:transparent;
	letter-spacing:-0.01em;
	line-height:1.5em;
	margin-bottom:0.18em;
	padding-bottom:0.12em;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#ccc;
}
div#main h4{ font-size:2em; font-weight:bold; margin-top:2em; }
div#main h5{ font-size:1.5em; font-weight:bold; color:#B22812; }
div#main h6{ font-size:1.2em; font-weight:bold; }
div#main p, div#announcements p{ color:#515151; margin-bottom:1.5em; }
div#main ul, div#announcements ul{
	color:#515151;
	margin-bottom:1.5em;
	margin-left:2em;
	list-style-position:outside;
	list-style-image:url(/images/arrow-box.png);
}
div#main ul li ul li, div#main ol li ol li{
	list-style-type:square;
	list-style-image:none;
	list-style-position:outside;
}
div#main ol, div#announcements ol{ color:#515151; margin-bottom:1.5em; margin-left:2em; list-style-type:decimal; list-style-position:outside; }
div#main div.text img{
	/*float:right;*/
	/*margin-left:1em;*/
}
div#main img.header-image{
	float:none;
	margin:0px;
}
div#main table td{
	vertical-align:top;
}


/* Contact Form on Request Info Page */
div#main form.request-info label{
	display:block;
	font-weight:bold;
}
div#main form.request-info input, div#main form.request-info textarea, div#main form.request-info select{
	display:block;
	padding:.1em;
	border:1px solid #cccccc;
	margin-bottom:2em;
}
div#main form.request-info input.submit-form{
	background-repeat:repeat-x;
	background-image:url(/images/submit-button.gif);
	background-color:#FFFFFF;
}


/* Special Icons on the Home Page */
div#icons ul{
	margin-top:2em;
	margin-left:0px;
	border-top:1px solid #CCCCCC;
}
div#icons ul li{
	list-style-image:none;
	height:105px;
	padding-top:1em;
	margin-bottom:1em;
}
div#icons ul li a:link, div#icons ul li a:visited{
	width:98%;
	font-size:2em;
	text-decoration:none;
	display:block;
	margin-bottom:.5em;
}
div#icons ul li a:hover, div#icons ul li a:active{
}
div#icons ul li a img{
	float:left;
	margin-right:.75em;
}
div#icons ul li p{
	
}





/*
Section 6 - Footer Typography
________________________________________________________*/
div#footer p{
	text-align:center;
	padding-top:10px;
}





/*
Section 7 - Google Map API
________________________________________________________*/
div#gmap{ }





/*
Section 8 - Ekklesia Presentation
________________________________________________________*/
html body div img.mcms_stats  /* Hide all stats images */{ display:none; }
a.goback:link, a.goback:visited{ }
a.goback:hover, a.goback:active{ }


/* Article List Page */
div#listforms hr{
	display:block;
	height:1px;
	margin-bottom:1em;
} /* There is some other inline styling on this element as well on the Article list page - used to separate forms from one another. */

div#listforms h5 a{
	text-decoration:none;
} 


/* Pop-up Box when you hover over a date on the Calendar Page */
#traildiv{
   position:absolute;
   top:0px;
   left:0px;
   z-index:900;
   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;
}

/* Small Calenar on Calendar Page */
div#calendarcontainer{
	height:16em;
}
div#calendarcontainer table{
	width:98%;
	text-align:center;
	border-collapse:collapse;
}
div#calendarcontainer table caption{
	font-size:1.5em;
	font-weight:bold;
	padding-bottom:.5em;
	text-align:center;
}
div#calendarcontainer table th{
	background:#333;
	color:#fff;
	width:14%;
	padding:.25em;
	text-align:center;
}
div#calendarcontainer table td{
	background:transparent;
	width:14%;
	padding:.25em;
	text-align:center;
}
div#calendarcontainer table td.empty{
	visibility:hidden;
}
div#calendarcontainer table td a{
	display:block;
	background-color:#f4cd69;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
}
div#calendarcontainer table td a:hover{
	background-color:#000000;
	text-decoration:none;
}

/* Typography in Event Boxes -- See Javascript library for formatting on every other box */
div#main p.eventtime{font-weight:bold; margin-bottom:0px;}
div#main p.eventlocation{ margin-bottom:0px;}
div.eventbox{ margin-bottom:1em; padding-left:1.5em;}
div.alt-event{ margin-bottom:1em; padding:1.5em; background-color:#EEE;}
div#main div.eventbox h4, div#main div.alt-event h4{ font-size:1.2em; margin-top:0px;}


/* Staff Bios */
h2.bio-section{
	margin-top:2em;
}

div.bio-list{
}
div.bio{
	overflow:hidden;
	padding:10px;
	width:440px;
}
div.bio img.bio-photo{
	float:left;
}
div.bio-text{
	margin-left:143px;
}

div.alt-bio{
	background:#dedede;
}

div.bio h2{
	color:#000;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.5em;
}
div.bio span.bio-job-title{
	color:#333333;
	font-size:11px;
	font-style:italic;
}

div#main div.bio ul{
	list-style-image:none;
	list-style-type:disc;
}