/* HORIZONCHRISTIANSCHOOLS.ORG */
/* DEFAULTS */
* {margin:0; padding:0}
body{	text-align:center; 
	font:90%/1.45em Verdana,Arial,Helvetica,sans-serif;
	letter-spacing:1px;
	background:#332;
	color:#333;}

p{margin:0 0 1em 0}
p.page-intro{font:1.4em/1.25em Arial,Helvetica,sans-serif; color:#738}

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

a{color:#637 !important}
a:hover{color:#111 !important}

h1,h2,h3,h4,h5,h6{color:#738; font:bold 1em/1.1em Arial,Helvetica,sans-serif; letter-spacing:2px; margin: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{font-weight:normal; color:#333; font-family:Georgia,Garamond,Times,"Times New Roman",serif; margin-top:0}
*.headline a{color:#333 !important}
h1.headline{font-size:2.4em; line-height:1.1em}
h2.headline{font-size:2em; line-height:1.1em}
*.indicated{font-size:1em; line-height:20px; font-weight:normal; font-variant:small-caps; background:url(image/arrow.png) 1px 3px no-repeat; text-indent:25px; margin-top:2em}
*.subtle{color:#999; font-weight:normal; font-variant:small-caps}

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

/* HEADER */
#header{background:#fff}
#mast{background:#332 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.png) top left no-repeat}
	#utility-menu li{display:inline; float:right; margin:4em 2em 0 0; font-size:0.8em}
	#utility-menu a{color:#fff !important}
	#utility-menu a:hover{color:#eb2 !important}
#nav{clear:both; background:#332; border-bottom:5px solid #eb2}
	#site-menu{height:30px; font-weight:bold; font-size:0.9em; text-align:center; padding:0; list-style: none}
	#site-menu li{height:30px; /*overflow:hidden; */float:left; margin:0}
	#site-menu a{border-left:2px solid #332; line-height:30px; /*overflow:hidden; */ width:100%; width:auto; padding:0 1em; display:block; color:#f5f5f5 !important; text-decoration:none}
	#site-menu li.home a{border:0}
	#site-menu a:hover{background:#eb2; color:#332 !important; text-decoration:none; border-color:#ca9b19}
	#site-menu li.current a{background:#eb2; color:#332 !important; border-left:2px solid #ca9b19}

/* PAGE */
#page{clear:both; min-height:400px; margin:0; padding:2em 0 4em 0; background:#fff url(image/bg-page.png) top left repeat-x; border-top:2px solid #ca9b19; border-bottom:2px solid #ca9b19}
#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{color:#111 !important; background:#eb2; text-decoration:none}

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

	div.listing{margin:2.5em 0 0 0; font-size:0.9em}
	div.listing h4 {font-weight:normal; min-height:20px} 
	div.listing h4 a:hover{color:#212110 !important}
	div.listing h6{margin:0.5em 0; font-variant:small-caps; color:#999; font-size:0.9em}
	
/* TEMPLATES */
	/* HOME */
	body.home #page{padding-top:0; background:#fff}
	body.home #primitus{margin:0; background:#eb2; padding:10px 0; border-bottom:2px solid #ca9b19}
	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 #primitus div.primary{float:left; width:375px; overflow:hidden}
	body.home #primitus div.secondary{float:none; margin-left:395px; }
	
	
	body.home #secundus div.primary{float:left; width:360px}
	body.home #secundus div.secondary{margin-left:410px}
	body.home div.listing{margin-top:0; font-size:1em; margin-bottom:2.5em}
	
	/* SITEMAP */
	ul.sitemap{padding-bottom:0}
	ul.sitemap li ul{margin-top:0; padding-bottom:0}
	ul.sitemap li, ul.sitemap li ul li{margin-bottom:0} 
	
	/* NOMENU */
	body.nomenu #primitus{margin:0; float:left; width:450px}
	body.nomenu #secundus{margin-left:500px; float:none; background:#f7f7f7; padding:0 5px 2em 10px; width:auto; border:1px solid #ddd; font-size:0.9em}


/* FOOTER */
#footer{font-size:0.8em; color:#eee; padding:2em 0; border-top:5px solid #eb2; background:#332 url(image/bg-mast.png) top left repeat-x}
#footer div.wrapper{text-align:center}
#footer a{color:#eee !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;}

/* 
colors
off-white:f7f7f7
dark purple: #637
light purple: #97a
gold: #ca9b19
bright gold:#ce2
red: #a32c16
*/

iframe{font-size:90%}
/* PATCH */
#mast{background:#332 url(image/bg-mast-patch.jpg) repeat-x; height:120px}
	#logo h1{text-indent:-10000px; margin:0; float:left; width:600px; height:120px; background:url(image/logo-www-patch2.png) top left no-repeat}
	#utility-menu li{display:inline; float:right; margin:4em 2em 0 0; font-size:0.8em; font-size:11px; font-family: Arial, sans-serif; margin: 4em 0 0 10px}
#nav{clear:both; background:#332; border-bottom:5px solid #eb2; padding-top:20px}
	#site-menu a{border-left:2px solid #332; line-height:30px; width:100%; width:auto; padding:0 1em; display:block; color:#f5f5f5 !important; text-decoration:none; 
		font-size:12px; font-family: Arial,sans-serif; padding: 0 10px; font-weight:normal}
body.home #primitus div.primary{float:left; width:360px; overflow:visible}
body.home #primitus div.secondary {
float:none;
margin-left:365px;
position:relative
}

body.home #primitus div.secondary a
{
	display:inline-block;
	float:left;
	margin:0 0 2px 2px
}


body.home #primitus div.secondary a img
{
	float:none;
	margin:0;
}
		
#hhgs-promo img
{
	float:none;
	margin:0 0 20px 0
}
