/* COMMUNITY CHRISTIAN SCHOOL */

* {margin:0; padding:0}
body{background:#97a; text-align:center;font:85%/1.45em Verdana,Arial,Helvetica,sans-serif;letter-spacing:1px;color:#333}

p{margin:0 0 1em 0}
p.page-intro{font:1.4em/1.25em Arial,Helvetica,sans-serif; color:#ca2}
p.blockquote {padding:5px 10px; margin:1.5em 0; color:#110; background:#97a url(image/bg-stripes.png); border:1px solid #333}
span.cite{font-size:0.9em; display:block; padding-top:0.5em; color:#fff; font-variant:small-caps}

img, img a{border:0}
ul, ol{padding:0 1em 1em 2em}
li{margin-bottom:0.5em}
li ul{margin-top:1.5em}
ul.inline li{display:inline}

ul.results{list-style-type:none; list-style-position:inside; padding:0; margin:0; }
ul.results li{padding:0; margin:0; font-size:0.9em}
ul.results h4 {color:#333; font-weight:normal; /*min-height:16px; background:url(image/arrow.png) 0 2px no-repeat; text-indent:20px; */}
ul.results a{}
ul.results h5{color:#555; }
ul.results h6{font-variant:small-caps; color:#555; font-size:0.8em; font-style:italic; margin:0 0 2em 0}

address{font-style:normal}

a{color:#738 !important}
a:hover{color:#110 !important}

h1,h2,h3,h4,h5,h6{color:#ca2; font:bold 1em/1.1em Arial,Helvetica,sans-serif; letter-spacing:2px; margin:1em 0 0.5em 0}
h1{font-size:1.8em}
h2{font-size:1.6em}
h3{font-size:1.4em}
h4{font-size:1.2em}
h5{font-size:1em}
h6{font-size:0.8em}

*.headline{color:#444; font-weight:normal; font-family:Georgia,Garamond,Times,"Times New Roman",serif; margin-top:0}
*.sub-headline{font-weight:normal; color:#555; margin:0 0 1em 0; font-variant:small-caps}
h1.headline{font-size:2.4em; line-height:1.1em}
h2.headline{font-size:2em; line-height:1.1em}
*.indicated{background:url(image/arrow.png) 0 0 no-repeat; text-indent:20px; min-height:20px}
*.indicated a{color:#444 !important}
*.subtle{color:#999}

/* LAYOUT */
div.wrapper{text-align:left; width:770px; margin:0 auto}
.clearfix:after, #page:after{content: "."; display: block; height: 0; clear: both; visibility: hidden}

/* HEADER */
#header{background:#fff}

#mast{background:#97a url(image/bg-mast.png) repeat-x; height:120px}
	#logo h1{text-indent:-5000px; margin:0; float:left; width:440px; height:110px; background:url(image/logo-www.jpg) top left no-repeat}
	#utility-menu li{display:inline; float:right; margin:1em 2em 0 0; font-size:0.8em}
	#utility-menu a{color:#fff !important}
	#utility-menu a:hover{color:#eb2 !important}
	
#nav{clear:both; background:#97a; border-bottom:5px solid #eb2}
	#site-menu{height:30px; font-weight:bold; font-size:0.9em; text-align:center; padding:0}
	#site-menu li{height:30px; list-style:none; float:left; margin:0}
	#site-menu a{border-left:2px solid #97a; line-height:30px; width:100%; width:auto; padding:0 1em; display:block; color:#fff !important; text-decoration:none}
	#site-menu li.home a{border:0}
	#site-menu a:hover{background:#eb2; color:#333 !important; text-decoration:none; border-color:#ca2}
	#site-menu li.current a{background:#eb2; color:#333 !important; border-left:2px solid #ca2}

/* PAGE */
#page{clear:both; min-height:400px; padding:1em 0 4em 0; background:#fff url(image/bg-page.png) top left repeat-x; border-top:3px solid #c92; border-bottom:3px solid #ca2}
#page img{float:left; margin:0 1em 0.5em 0; }
#page img.right{float:right; margin:0 0 0.5em 1em;}
#page img.block{display:block; float:none; margin:0 0 0.5em 0}
#page img.framed{border:1px solid #ccc; background:#f7f7f7; padding:4px;}

#page a:hover{background:#eb2; color:#110 !important; text-decoration:none}

/* PRIMITUS/SECUNDUS */
#primitus{margin-left:250px}
#secundus{float:left; width:200px; border:1px solid #ca2}
#page-menu{margin:3px; padding:1em 20px 1em 10px; color:#333; background:#eb2 url(image/bg-stripes-y.png); font-weight:bold; line-height:1.1em}
	#page-menu li{margin:0 0 0.5em 20px;  padding:0; list-style-image:url(image/arrow-w-y.gif)}
	#page-menu li.current{list-style-image:url(image/arrow-b-y.gif)}
	#page-menu a{color:#fff !important; text-decoration:none}
	#page-menu a:hover{color:#fff !important; background:transparent; text-decoration:underline}

	#sub-menu{font-size:0.8em; color:#fff; margin:0.5em 0 -1em -15px; font-weight:normal}
	#sub-menu li{margin:0; list-style:circle outside none}
	#sub-menu li.current{list-style:disc outside none; color:#110}

/* HOME */
body.home #page{padding-top:0; }
	body.home #primitus{margin:0; background:#eb2 url(image/bg-stripes-y.png); padding:10px 0; border-bottom:3px solid #c92}
		body.home #primitus div.primary{float:left; width:375px; overflow:hidden}
		body.home #primitus div.secondary{float:none; margin-left:395px; overflow:hidden}
	body.home #secundus{float:none; width:auto; border:0; padding-top:1em; background:#fff url(image/bg-page.png) top left repeat-x}	
		body.home #secundus div.primary{float:left; width:360px}
		body.home #secundus div.secondary{margin-left:410px}

/* TEACHER */
h5.position{margin:-1em 0 1em 0; font-weight:normal; color:#666; font-variant:small-caps}

/* NEWS */
body.news #primitus{margin:0; float:left; width:330px; font-size:0.9em}
body.news #secundus{margin-left:440px; width:auto;  float:none; font-size:0.9em; border:0}

/* EVENT */
body.event ul.results h6{color:#ca9b19}
body.event #sub-menu em{font-size:0.9em; font-variant:small-caps}

/* DIRECTORY */
body.directory ul.results li{padding:0}
body.directory ul.results h5, body.directory ul.results h6{margin:0 0 0.2em 25px}
body.directory ul.results a{}

/* TEACHER */
body.teacher ul.results li{padding:0}
body.teacher ul.results h5.sub-headline{margin:0 0 0.2em 25px}

/* NOMENU */
body.nomenu #primitus{margin:0; float:left; width:450px}
body.nomenu #secundus{margin-left:520px; float:none; width:auto; font-size:0.9em; border:0}

/* SITEMAP */
ul.sitemap{margin:0; padding-bottom:0}
ul.sitemap li ul{margin:0; padding-bottom:0}

/* FOOTER */
#footer{font-size:0.8em; color:#110; padding:2em 0; border-top:5px solid #eb2; background:#97a url(image/bg-mast.png) top left repeat-x}
#footer div.wrapper{text-align:center}
#footer a{color:#fff !important}
#footer a:hover{color:#eb2 !important}


/* EDITORS */
body.mceContentBody{background-color:#fff; text-align:left; padding:5px; border:0}
body.mceContentBody img {float:left; margin:0 1em 1em 0;}
body.mceContentBody img.block{display:block; float:none; margin:0 0 0.5em 0}
body.mceContentBody img.right {float:right; margin:0 0 1em 1em;}
body.mceContentBody img.framed{border:1px solid #ccc; background:#f2f2f2; padding:4px;}

/* PATCH */
	#logo h1{width:600px; height:120px; background:url(image/logo-www-patch.png) top left no-repeat}
	#utility-menu li{margin:30px 0 0 5px; font-size:10px; font-family:Arial, Sans-serif}
	#nav{padding-top:20px}
	#site-menu{font-family:Arial,sans-serif;
font-size:12px;
font-weight:normal;}
#site-menu a{ padding: 0 5px}