/*
Theme Name: North Point Christian Academy
Theme URI: http://northpointeagles.com/
Description: The theme for the North Point Christian Academy.
Version: 1.0
Author: Anton Karbanovich
Author URI: http://karbanovich.com/
Tags: gree, school, clean
	
*/



/* HERE COMES THE CSS REST  */

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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: baseline;
}
/* remember to define focus styles! */

:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* ---------   END RESET    ---------- */


body {
background: url(images/main_body_bg.jpg) #ffffff repeat-x top center;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
}

a {
color: #184726;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

#wrapper {
background: url(images/main_body_bg.jpg) #ffffff repeat-x top center;
width: 100%;
margin: auto;
}


#deepwrapper {
background: url(images/deep_body_bg.jpg) #ffffff repeat-x top center;
width: 100%;
margin: auto;
}



#header {
background: url(images/header_bg_with_logo.jpg) no-repeat top center;
width: 960px; 
height: 318px; 
margin: auto;
}


#deepheader {
background: url(images/deep_logo_header.jpg) no-repeat top center;
width: 960px; 
height: 212px; 
margin: auto;
}

#logo {
float:left;
height:218px;
left:29px;
position:relative;
top:31px;
width:616px;
}

#logo a {
display: block;
width: 100%;
height: 100%;
text-decoration: none;
}

#logo a span {
visibility: hidden;
}

/* ----- DEEP LOGO ----- */

#deeplogo {
float:left;
height:117px;
left:29px;
position:relative;
top:10px;
width:616px;
}

#deeplogo a {
display: block;
width: 100%;
height: 100%;
text-decoration: none;
}

#deeplogo a span {
visibility: hidden;
}


#deepslogon {
float:right;
height:100px;
position:relative;
right:16px;
top:10px;
width:240px;
}


#deepslogon a {
display: block;
width: 100%;
height: 100%;
text-decoration: none;
}

#deepslogon a span {
visibility: hidden;
}


/* ------------- END OF DEEP LOGO ------------- */


#slogon {
float:right;
height:100px;
position:relative;
right:16px;
top:44px;
width:240px;
}


#slogon a {
display: block;
width: 100%;
height: 100%;
text-decoration: none;
}

#slogon a span {
visibility: hidden;
}

#menu {
width: 100%;
background: url(images/menu_bg.jpg) no-repeat top center;
margin: auto;
clear: both;
height: 52px;
position: relative;
top: 47px;
}

#menu ul {
margin-left: 40px;
}


#menu ul li {
float: left;
height: 48px;
margin-top: 3px;
}


#menu ul li a {
text-decoration: none;
color: #3e3e3e;
font-size: 16px;
padding: 14px 28px 0 28px;
display: block;
height: 31px;
font-family: Helvetica, Arial, sans-serif;
text-shadow: #ffffff;
font-weight: lighter;
}

#menu ul li a span {
visibility: visible;
}

#menu ul li a:hover {
background: #ffffff;
/*background: url(images/menu_bg.png) repeat-x top left;*/
}


#deepmenu {
float: left;
width: 280px;
position: relative;
z-index: 1;
left: 14px;
top: 15px;
}

#deepmenu ul li {
width: 275px;
background: url(images/deep_menu_bg.jpg) no-repeat top left;
font-size: 15px;
margin-bottom: 10px;
}

#deepmenu ul li ul {
margin: 10px 0px 0 0;
display: list-item;
clear: both;
}

#deepmenu ul li ul li {
height: 40px; 
margin-top: 10px; 
margin-left: 30px;
}

#deepmenu ul li a {
color: #1F2644;
text-decoration: none;
position: relative;
top: 10px;
display: block;
width: 85%;
height: 36px;
left: 41px;
}

#deepmenu ul li a:hover {
color: #666666;
text-decoration: underline;
}


#banner { 
width: 439px;
position: relative;
float: left;
background: url(images/banner_bg.jpg) no-repeat top center;
height: 246px;
left: 28px;
}

#banner #d13slideshow {
background: #cccccc;
height:222px;
left:12px;
position:relative;
top:12px;
width:416px;
}


#mainnews {
background: url(images/news_title.jpg) no-repeat top center;
position: relative; 
float: left;
width: 212px; 
padding-top: 43px;
padding-left: 20px;
left: 14px;
top: 4px;
z-index: 2;
}

#mainnews h2,
#maincontact h2 {
font-size: 15px;
color: #397F49;
line-height: 1.2;
margin: 8px 0 5px 0;
}

#mainnews h2 a, 
#deepnews h2 a 
{
color: #2A6037;
}

#mainnews p,
#maincontact p {
font-size: 12px;
color: #666666;
line-height: 1.5;
}

#maincontact {
background: url(images/contact_title.jpg) no-repeat top center;
position: relative; 
float: right;
width: 210px; 
padding-top: 43px;
padding-left: 22px;
right: 13px;
top: 4px;
z-index: 2;
}



#content {
width: 960px;
margin: auto; 
padding: 0px;
margin-top: 21px;
}



#deepcontent {
background: url(images/content_box_bg.jpg) repeat-y top left;
float: right;
width: 666px;
position: relative;
right: 10px;
z-index: 10

}

#deepcontent div.contentbl {
margin: 10px 45px;
min-height: 700px;
line-height: 1.7;
}

#deepcontent div  h1 {
width: 100%;
background: url(images/h1_bg.jpg) no-repeat bottom center;
height: 63px;
font-size: 20px;
color: #1F5930;
font-style: italic;
text-align: center;
padding: 5px 0 0 0;
margin: 10px 0 4px 0;
}


#deepcontent div  h2 {
font-size: 16px;
color:#006633;
font-style: italic;
margin: 8px 0 3px 0;
}

#deepcontent div  h3 {
font-size: 14px;
color: #666666;
margin: 8px 0 3px 0;
}

#deepcontent a {
text-decoration: underline;
}

#deepcontent a:hover { 
text-decoration: none;
}

#deepcontent ul li {
margin: 5px 0 5px 10px;
padding-left: 30px;
background: url(images/menu_arrow.jpg) no-repeat top left;
}

#maincontact ul li {
margin: 10px 0 5px 1px;
padding: 3px 0 0 30px;
background: url(images/menu_arrow.jpg) no-repeat top left;
font-size: 14px;
}

#deepcontent ol li {
margin: 5px 0 5px 10px;
list-style: inside;
list-style-type: decimal;
}


#deepcontent img.frame {
padding: 5px; 
background: #FFFFFF;
border: 1px solid #CCCCCC;
margin: 0px 15px 15px 15px;
}

#deepcontent img.alignright {
float: right;
}

#deepcontent p {
margin: 10px 0;
}

#deepcontent em {
font-style: italic;
}

#deepcontent strong {
font-weight: bold;
}

#deepcontent table.schedule td {
padding: 4px 5px;

}


#deepnews {
background: url(images/deep_news_bg.jpg) #ededed no-repeat top left;
position: relative; 
float: left;
border-left: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
width: 242px; 
padding-top: 48px;
padding-left: 30px;
padding-bottom: 15px;
height: auto;
left: 16px;
top: 60px;
z-index: 1;
}

#deepnews h2 {
font-size: 16px;
line-height: 1.6;
color: #397F49;
margin: 8px 0 5px 0;
}

#deepnews p {
font-size: 12px;
color: #666666;
line-height: 1.5;
}






#maintext {
background: url(images/box_middle.png) repeat-y top left;
width: 673px;
position: relative;
float: right;
margin: 0 18px 0 0;
z-index: 1;
line-height: 1.7;
}


#bottombanner {
border: 1px solid #999999;
background: url(images/bottom_banner_bg.jpg) repeat-x bottom left;
height: 195px;
width: 930px; 
margin: auto;
margin-top: 24px;
}

#bottombanner ul {
margin-left: 15px;
}

#bottombanner ul li {
float: left;
width: 120px;
text-align: center;
margin: 25px 30px 5px 30px;
line-height: 1.4;
font-size: 16px;
}

#bottombanner ul li a {
text-decoration: none;
color: #333333;
}

#bottombanner ul li a:hover {
color: #999999;
}












#actualcontent {
width: 85%;
margin: auto;
}


#actualcontent h1 {
width: 100%;
background: url(images/h1_bg.jpg) no-repeat top center;
height: 54px;
font-size: 18px;
color: #333333;
font-style: italic;
text-align: center;
padding: 22px 0 0 0;
margin: 10px 0 0 0;

}


#homeblock {
width: 270px; 
float: left;
}

#maintext h2 {
color: #990000;
font-size: 16px;
font-weight: lighter;
}


#maintext h3 {
color: #666666;
font-size: 14px;
font-weight: lighter;
}

#maintext p {
margin: 5px 0;
}


#homeblock p {
float: left;
}


#footer {
	width: 100%;
	background: url(images/footer_bg.jpg) repeat-x top center;
	color: #333333;
	font-size: 12px;
	height: 90px;
	margin-top: 20px;
	padding-top: 25px;
}

#footer p {
text-align: left;
width: 266px; 
float: left;
line-height: 1.4;
}

#footer span.reference {
font-size: 11px; 
color: #666666;
font-style: italic;
float: right;
margin-right: 30px;
}

.clear {
clear: both;
}











#pixopoint_menu1 {

z-index: 999;
	}
	
	
#pixopoint_menu1 ul {
z-index: 999;
	}
	
	
#pixopoint_menu1 li {

	position:relative;
	z-index: 999;
	}
#pixopoint_menu1 li:hover,
#pixopoint_menu1 li.sfhover {
	}
	
	
#pixopoint_menu1 li a {

	}
#pixopoint_menu1 ul li a:hover {
background: url(images/menu_hover_bg.jpg) repeat-x top center;
background-position: 3px 3px;
	}
	
	
#pixopoint_menu1 ul ul {
	position:absolute;
	left: -999em;
	top:46px;
	width:200px;
	z-index: 999;
	}
	
	
#pixopoint_menu1 li:hover ul,#pixopoint_menu1 li.sfhover ul {
	left:auto;
	left: -40px;
	width: 200px;
	z-index: 999;
	}
	
#pixopoint_menu1 ul ul li a {
	padding: 10px 10px 5px 10px;
	height: 15px;
	font-size: 12px;
	text-transform:normal;
	font-variant:normal;
	}
#pixopoint_menu1 ul ul li {
	z-index: 99;
	height: 30px;
	width:150px;
	font-size: 12px;
	font-weight:normal;
	font-style:normal;
	background:#FFFFFF;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	margin:0;
	}
	
#pixopoint_menu1 ul ul ul li {
margin-left: 70px;
z-index: 999;
}
	
	
#pixopoint_menu1 ul ul li a {
	color:#444444;
	text-decoration:none;
	}
	
	
#pixopoint_menu1 ul ul li:hover a,#pixopoint_menu1 ul ul li.sfhover a {
	color: #666666;
	text-decoration:none;
	}
#pixopoint_menu1 ul ul li:hover li a,#pixopoint_menu1 ul ul li.sfhover li a {
	color:#444444;
	}
#pixopoint_menu1 ul ul li:hover li a:hover,#pixopoint_menu1 ul ul li.sfhover li a:hover {
	color:#333333;
	}
#pixopoint_menu1 ul ul li:hover,#pixopoint_menu1 ul ul li.sfhover {
	color:#FFFFFF;
	}
#pixopoint_menu1 ul ul ul li {
     z-index: 999;
	font-size:1em;}
	

#pixopoint_menu1 ul ul ul, #pixopoint_menu1 ul ul ul ul {
	position:absolute;
	margin-left:-999em;
	top:0;
	width:120px;
	z-index: 999;
	}
#pixopoint_menu1 li li:hover ul,#pixopoint_menu1 li li.sfhover ul,#pixopoint_menu1 li li li:hover ul,#pixopoint_menu1 li li li.sfhover ul {
	margin-left:120px;
	}
#pixopoint_menu1 ul ul li:hover li a,#pixopoint_menu1 ul ul li.sfhover li a {
	text-decoration:none;
	}
#pixopoint_menu1 ul ul li li:hover a,#pixopoint_menu1 ul ul li li.sfhover a {
	color:#FFFFFF;
	text-decoration:none;
	}
	
#pixopoint_menu1 ul li.current_page_item {
background: url(images/menu_hover_bg.jpg) #ffffff repeat-x top center;
background-position: 3px 3px;
}

#pixopoint_menu1 ul ul li.current_page_item {
background: url(images/menu_hover_bg.jpg) #ffffff repeat-x top center;

}

#pixopoint_menu1 li.pixo_search:hover {
	
	}
#pixopoint_menu1 li.pixo_search form {
	margin:0;
	padding:0;
	}
#pixopoint_menu1 li.pixo_search input {
	font-family:tahoma,sans-serif;}
#pixopoint_menu1 li.pixo_search input.pixo_inputsearch {
	width:100px;
	}
#pixopoint_menu1 li.pixo_right {
	float:right;
	}
	
/* D13 SLIDESHOW */
#d13slideshow{
		background-color:#000000;
		width: 416px;
		height: 222px;
		margin: 0px; padding:0px; }
	#d13nav{display: none; margin:0px; padding:0px; }
	#navleft{
	display: none;
		z-index:200;
		position:absolute;
		width:15px;
		height:(HEIGHT-70)px;
		margin:0px; padding:0px; }
	#navright{
	display: none;
		z-index:201;
		position:absolute;
		width:15px;
		height: 0px;
		margin:0px; padding:0px;
		margin-left: -1px; }
	#navleft a,
	#navright a{
		width:15px;
		height:(HEIGHT-70)px;
		display:block;
		background-color:#000000;
		filter:alpha(opacity=30);-moz-opacity:.3;opacity:.3;-khtml-opacity: 0.3;
		background-position:center center;
		background-repeat:no-repeat; }
	#navleft a{ background-image:url(left.gif); }
	#navright a{ background-image:url(right.gif);  }
	#navleft a:hover{ filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6;-khtml-opacity: 0.6; }
	#navright a:hover{ filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6;-khtml-opacity: 0.6; }
	#navleft a span,
	#navright a span{ display:none; }
	div.d13slide{
		height: 222px;
	width: 416px; 
		padding:0px;
		margin:0px; }
	div.d13slide img{
		padding:0px;
		margin:0px; 
		width: 416px;
		height: 222px; }
	div.d13fader{
	display: none;
		background-color:#000000;
		font-family:Arial, Helvetica, sans-serif;
		filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6;-khtml-opacity: 0.6;
		height:70px;
		z-index:1;
		margin:-70px 0px 0px 0px;
		padding:0px; }
	div.d13fader h3{
		font-size:12px;
		font-weight:bold;
		padding:4px;
		margin:0px; }
	div.d13fader h3 a{ color:#FFFFFF; }
	div.d13fader h3 a:hover{ color:#FFFFFF; }
	div.d13fader p{
		font-size:10px;
		font-weight:normal;
		padding:2px 4px 4px 4px;
		margin:0px;
		color:#CCCCCC; }
	div.d13fader p a{
		color:#CCCCCC; }
	div.d13fader p a:hover{
		color:#FFFFFF; }