/*
Site URI:		http://oslnet.org/
Author:			Robert Nordvik
Author URI:		http://www.doubleswirl.com/
Copyright Info:	Copyright 2009 Robert Nordvik/doubleswirl, All Rights Reserved.
*/
/*	COLORS
				BLUE		#4184bf
				SILVER		#bebebe
*/
/* FROM RESET.CSS */
/*
		RESET ALL
	*/
	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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	    margin: 0;
	    padding: 0;
	    border: 0;
	    outline: 0;
	    font-size: 100%;
	    vertical-align: baseline;
	    background: transparent;
	    font-weight: 100;
	}
	body { line-height: 1 }
	ol,
	ul { list-style: none }
	table {
	    border-collapse: collapse;
	    border-spacing: 0;
	}
	input,
	textarea { border: none }
	:focus { outline: 0 }
/*
		STANDARD SETTINGS
	*/
	a { text-decoration: none }
	strong { font-weight: 700 }
	em { font-style: italic }
	.clear { clear: both }


/* FROM LAYOUT.CSS */
/*
	 	FOR STICKY FOOTER
	 */
	html,
	body { height: 100% }
	#pageWrap {
	    min-height: 100%;
	    height: auto !important;
	    height: 100%;
	}
	#pageWrap {
	    margin: 0 auto -20px;
	    width: 960px;
	}
	#push { height: 20px }
/*
		PAGE LAYOUT
	*/
	body { background: url(../_images/page_bg.jpg) top center no-repeat fixed #000 }
	#headerWrap {
	    padding-top: 30px;
	    padding-bottom: 30px;
	}
	#header { }
	#header img { padding-top: 42px } /* MOVES VERSE DOWN TO MATCH LOGO */
	#header img.alt { padding-top: 0 }
	#navbarWrap { clear: both }
	#navbar {
	    background: url(../_images/navbar_bg.png) bottom left repeat-x #000;
	    border: 2px solid #000;
	    -webkit-border-radius: 4px;
	    -moz-border-radius: 4px;
	    padding: 0 40px 0 0;
	}
	#navbar ul li { float: left }
	#contentWrap {
	    margin: 40px auto;
	    background: url(../_images/content_bg.png) top left repeat-x #000;
	    border: 2px solid #000;
	    -webkit-border-radius: 4px;
	    -moz-border-radius: 4px;
	}
	#content { /* float: left; width:650px; */ padding: 20px 40px 40px 40px;  }
	#content #newsBox,
	#content #calendarBox {
	    width: 378px;
	    border: 2px solid #333;
	    padding: 20px;
	    -webkit-border-radius: 5px;
	    -moz-border-radius: 5px;
	}
	#content #newsBox { float: left }
	#content #calendarBox { float: right }
	#content .col,
	.col1,
	.col2 { width: 420px }
	#content .col1 { float: left }
	#content .col2 { float: right }
	img { float: right }
	img.alt { float: left }
	img.full { float: none }
	#sidebar { display: none }
	/*
		#sidebar {width:184px; float:right; padding:20px 40px 0 0;}
		
		#sidebar input[type="text"]:hover, #navbar ul.login input[type="text"]:hover, #navbar ul.login input[type="password"]:hover {background:#bebebe; border:1px solid #fff;}
		#sidebar input[type="text"]:focus, #navbar ul.login input[type="text"]:focus, #navbar ul.login input[type="password"]:focus {background:#fff;}
		#sidebar input[type="submit"], #navbar ul.login input[type="submit"] {width:35px;}
	*/
	#footerWrap {
	    background: url(../_images/footer_bg.png) top left repeat-x #000;
	    height: 20px;
	}
	#footer {
	    width: 960px;
	    margin: 0 auto;
	}
	#slideshowWrapper {
	    float: right;
	    width: 460px;
	}
	#slideshow1 img.slideshowImg {
	    float: none;
	    margin-left: 40px;
	    padding: 0;
	}
	#boxes {
	    overflow: hidden;
	    padding-bottom: 2em;
	    clear: both;
	}
	div.attention {
	    margin-bottom: 2em;
	    padding: 20px;
	    width: 378px;
	    border: 2px solid #333;
	    -webkit-border-radius: 5px;
	    -moz-border-radius: 5px;
	    border-radius: 5px;
	    background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #4184BF), color-stop(0.7, #004B8D), color-stop(1, #000000) );
	    background-image: -moz-linear-gradient( center top, #4184BF 0%, #004B8D 30%, #000000 100% );
	}
	

/* FROM TYPOGRAPHY.CSS */
	body { font-family: Arial, sans-serif }
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
	    font-weight: 100;
	    color: #fff;
	    margin-bottom: 1em;
	}
	h1 { font-size: 2em }
	h2 { font-size: 1.5em }
	h3 { font-size: 1.25em }
	h4 {
	    font-size: 1em;
	    margin-bottom: .25em;
	}
	h5 {
	    font-size: .88em;
	    margin-bottom: 0;
	}
	h6 { font-size: .75em }
	/*
			HEADER
		*/
	#header {
	    text-align: right;
	    color: #fff;
	}
	/*
			NAVBAR
		*/
	#navbar ul {
	    margin-left: 30px;
	    line-height: 36px;
	}
	#navbar ul li a {
	    color: #bebebe;
	    padding: 5px 10px;
	    font-size: 14px;
	    line-height: 30px;
	}
	#navbar ul.login li {
	    color: #bebebe;
	    font-size: 12px;
	    line-height: 30px;
	}
	#navbar h3 {
	    text-align: right;
	    font-size: 18px;
	    margin-bottom: 0;
	    line-height: 36px;
	    font-style: italic;
	}
	#navbar ul li a:hover {
	    color: #fff; /*sets vertical position */;;
	}
	#index #navbar a.index,
	#church_home #navbar a.church,
	#k8_home #navbar a.k8,
	#preschool_home #navbar a.preschool {
	    color: #fff;
	    background: url(../_images/navbar_active.png) no-repeat center 20px;
	    cursor: default;
	}
	/*
			CONTENT
		*/
	/*  TEXT  */
	#content { color: #bebebe } /* MASTER COLOR FOR #content TEXT */
	#content p {
	    font-size: 14px;
	    line-height: 20px;
	    margin-bottom: 2em;
	    text-align: left;
	}
	#content p.alt { margin-bottom: 0 }
	#content p:last-child { margin-bottom: 0 }
	#content p a:link,
	#content p a:visited,
	#content li a:link,
	#content li a:visited {
	    font-weight: 700;
	    border-bottom: 1px dotted;
	    color: #bebebe;
	}
	#content p a:hover,
	#content li a:hover {
	    border-bottom: 1px solid;
	    color: #4184bf;
	}
	#content h1 a,
	#content h2 a,
	#content h3 a,
	#content h4 a,
	#content h5 a,
	#content h6 a {
	    color: #fff;
	    border-bottom: 1px dotted #fff;
	}
	/* #content h1 a:hover, #content h2 a:hover, #content h3 a:hover, #content h4 a:hover, #content h5 a:hover, #content h6 a:hover {color:#4184bf; border-bottom: 1px solid;} _NO__DOTCOMMA__AFTER__*/
	#content h4 a:hover {
	    color: #4184bf;
	    border-bottom: 1px solid #4184bf;
	}
	/*  SPECIAL  */
	#content .alert,
	#content .iealert {
	    color: #a33;
	    font-style: italic;
	}
	#content .alert { padding-left: 1em }
	#content .iealert { font-size: 100% }
	#content p span.fineprint {font-size: 65%;}
	#content #mission { margin-bottom: 0 }
	#content #pace strong {
	    font-size: 150%;
	    margin-right: .15em;
	}
	#content strong.urgent { text-transform: uppercase }
	#content p.return {
	    font-style: italic;
	    text-align: center;
	    margin-bottom: 2.5em;
	}
	#content p.return.last { margin-bottom: 0 }
	#content p.socialnet {
	    overflow: hidden;
	    line-height: 24px;
	}
	#content img.socialnet {
	    padding: 0 10px 0 0;
	    float: left;
	    vertical-align: middle;
	    border: 0 !important;
	}
	#content .message { padding-bottom: 1em }
	#content .message p {
	    margin-bottom: 1em;
	    font-style: italic;
	}
	#content p a.more {
	    color: #4184bf; /* font-size: 90%; */ font-style: italic;;
	}
	#content #map {
	    clear: both;
	    width: 876px;
	    height: 400px;
	    overflow: hidden;
	}
	#content #map p,
	#content #map ul,
	#content #map ul li {
	    color: #336;
	    line-height: normal;
	    margin: 0;
	    padding: 0;
	}
	#content a.dsLogo {
	    display: block;
	    clear: both;
	    float: right;
	    width: 135px;
	    height: 38px;
	    background: url(../_images/doubleswirl-sprite_logo.jpg) top left no-repeat;
	    margin-left: 40px;
	}
	#content a.dsLogo:hover { background: url(../_images/doubleswirl-sprite_logo.jpg) bottom left no-repeat }
	/*  IMAGES  */
	#content img { padding: 0 0 40px 40px }
	#content img.alt { padding: 0 40px 40px 0 }
	#content img.full { padding: 0 0 40px 0 }
	#content img.fullAlt { padding: 40px 0 0 0 }
	a img { border: 0 }
	/*
			LISTS (#content)
		*/
	/*  UL  */
	#content ul {
	    font-size: 14px;
	    line-height: 20px;
	    margin-bottom: 2em;
	}
	#content ul.alt {
	    list-style: square outside;
	    padding-left: 1em;
	}
	#content ul.alt>li>ul.alt {
	    list-style-type: circle;
	    margin-bottom: 0;
	}
	#content ul.alt>li>ul.alt>li>ul.alt { list-style-type: disc }
	#content ul#pace li {
	    margin-left: 2.5em;
	    margin-right: 1.25em;
	    text-indent: -1.25em;
	}
	#content #newsBox ul,
	#content #calendarBox ul { margin-bottom: 0 }
	#content #newsBox ul li,
	#content #calendarBox ul li { padding-bottom: .5em }
	#content ul.submenu {
	    margin-left: 1.25em;
	    margin-bottom: 0;
	}
	#content ul.submenu.intermediary { margin-bottom: 2em }
	#content ul.links li a {
	    border: none;
	    font-weight: 100;
	}
	#content ul.opposed { width: 375px }
	#content ul.opposed li.label {
	    clear: both;
	    float: left;
	}
	#content ul.opposed li.info {
	    float: right;
	    text-align: right;
	}
	#content ul.submenu.opposed { width: 345px }
	/*  OL  */
	#content ol {
	    list-style: decimal outside;
	    margin-bottom: 2em;
	    padding: 0 2em;
	}
	/*
			TABLES (#content)
		*/
	#content table.opposed {
	    width: 375px;
	    font-size: 12px;
	    line-height: 20px;
	    margin-bottom: 2em;
	}
	#content table.opposed td.label { text-align: left }
	#content table.opposed td.info { text-align: right }
	#content table tr.subitem td.label { padding-left: 1.25em }
	#content table tr.subitem td.info { padding-right: 1.25em }
	/*
			SIDEBAR
		*/
	#sidebar h3 { padding: 2px 0 5px 0 }
	#sidebar h4 {
	    font-size: 15px;
	    color: #bebebe;
	    margin-bottom: 0;
	    margin-top: 1em;
	}
	#sidebar h4#churchNavLink { margin-top: 0 }
	#sidebar h4 a { color: #bebebe }
	#sidebar h4 a:hover { color: #4184bf }
	#sidebar ul {
	    margin-bottom: 1em;
	    display: none;
	}
	#sidebar ul:last-child { margin-bottom: 40px }
	#sidebar ul li {
	    font-size: 14px;
	    padding: 5px;
	    padding-left: 10px;
	}
	#sidebar ul li a { color: #fff }
	#sidebar ul li a:hover { color: #4184bf }
	#sidebar ul.submenu { margin-bottom: 0 }
	#sidebar h4.last { margin-bottom: 2em }
	/*
			CONTACT FORM
		*/
	/* form {width: 325px;} _NO__DOTCOMMA__AFTER__*/
	label { padding-left: .5em }
	input[type="text"] {
	    width: 175px;
	    background: #aaa;
	    color: #000;
	}
	textarea {
	    width: 100%;
	    background: #aaa;
	    color: #000;
	}
	input[type="text"]:focus,
	textarea:focus {
	    background: #fff;
	    color: #004b8d;
	}
	form li.button { text-align: right }
	input[type="submit"] {
	    padding: 5px 10px;
	    color: #fff;
	    background: #004b8d;
	    border: 2px solid #bebebe;
	    -webkit-border-radius: 5px;
	    -moz-border-radius: 5px;
	}
	input[type="submit"]:hover {
	    color: #fff;
	    background: #a33;
	    border: 2px solid #bebebe;
	    cursor: pointer;
	}
	/*
			FOOTER
		*/
	#footer p {
	    margin-left: 40px;
	    text-align: left;
	    font-size: 12px;
	    line-height: 20px;
	    color: #fff;
	} /* line-height can't exceed footer height (not including border) */
	#footer a,
	#footer a:visited {
	    font-style: italic;
	    text-decoration: none;
	    color: #fff;
	}
	#footer a:hover {
	    text-decoration: underline;
	    color: #fff;
	}
	::selection {
	    color: white;
	    background-color: #4184bf;
	}
	::-moz-selection {
	    color: white;
	    background-color: #4184bf;
	}


/* FROM PAGESPECIFIC.CSS */
	#index #content h2.colspan { text-align: center }
	#index ul#accreditation {
	    margin-bottom: 0;
	    padding-bottom: 0;
	}
	#index ul#accreditation li { clear: both }
	#index ul#accreditation li img { padding: 0 0 10px 10px }
	#index ul#accreditation li img.alt { padding: 0 10px 10px 0 }
	#contact-us table.opposed { width: 100% }
	#contact-us table.opposed td.info { font-weight: 700 }
	#contact-us .email2 { display: none !important }
	#preschool_programs #content .col1,
	#preschool_programs #content .col2,
	#preschool_programs #content .col3 { width: 215px }
	#preschool_programs #content .col2,
	#preschool_programs #content .col3 { float: left }
	div.moreInfo ul { margin-bottom: 1em !important }
	
	#preschool_tuition h5 {margin-bottom: .5em;font-size: 125%; font-weight: 700;}
	#preschool_tuition table {width: 360px; border: 2px solid #999;}
	#preschool_tuition table th {font-weight: 700; font-style: italic; color: #fff;}
	#preschool_tuition table td {border: 1px dotted #999; padding: 5px 15px;}
	#preschool_tuition table td.title {text-align: center; font-weight: 700;}
	#preschool_tuition table td.amount {text-align: right;}
	#preschool_tuition div.section {padding-top: 20px; border-top: 1px solid #999; margin-top: 20px;}
	#preschool_tuition div.section.last {padding-bottom: 20px; border-bottom: 1px solid #999; margin-bottom: 20px;}
	#preschool_tuition div.section ul {margin-bottom: 0; margin-left: 20px;}
	


/* FROM CALLTOACTION.CSS */
	.calltoaction {
	    clear: both;
	    margin-top: 20px;
	    border: 1px solid #882929;
	    padding: 10px;
	    background: red;
	    display: block;
	    font-size: 16px;
	    color: #000;
	    text-align: center;
	    line-height: 20px;
	    text-decoration: none;
	    outline: 0;
	    /* 	CSS3 */
	    -webkit-border-radius: 12px;
	    -moz-border-radius: 12px;
	    border-radius: 12px;
	    text-shadow: 0 1px 1px #bbb;
	    background: -webkit-gradient(linear, left top,left bottom, from(#ff4c4c), to(#b23636));
	    background: -moz-linear-gradient(-90deg,#ff4c4c,#b23636);
	    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.75);
	    -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.75);
	    box-shadow: 0 5px 10px rgba(0,0,0,0.75);
	}
	a.calltoaction:hover {
	    background: -webkit-gradient(linear, left top,left bottom, from(#ff4c4c), to(#cc3d3d));
	    background: -moz-linear-gradient(-90deg,#ff4c4c,#cc3d3d);
	}
	a span.buttonem {
	    font-size: 20px;
	    font-weight: bold;
	    text-transform: uppercase;
	}