/*-----------------------------------------------
 jh78
 master styles for the north coast church junior high group website
 author: kris hull for http://www.kr15.com
 updated: august 2005
-----------------------------------------------*/
/*-----------------------------------------------
xhtml elements
-----------------------------------------------*/
body {
background: #7d9444 url("../img/bkg.gif") repeat-x;
margin: 0;
padding: 0;
}
html, body, div, p, td{
font: 11px/13px "Lucida Grande", Lucida, Helvetica, Arial, Verdana, sans-serif;
color: #000;
}
a img {border-width: 0; border-style: none;}
a:link, a:active {color: #493a2a;}
a:visited {color: #671;}	
a:hover {color: #493a2a;}

h1 {font-size: 22px;line-height: 28px;}
h2 {font-size: 18px;line-height: 22px;}
h3 {font-size: 14px;line-height: 14px; margin:0 0 5px 0;}
h4 {font-size: 11px;line-height: 13px;}
h5 {font-size: 9px; line-height: 11px;}
h6 {font-size: 14px;line-height: 18px; border-bottom: 1px solid #999; margin:0 0 10px 0; padding-bottom: 5px;}

hr {display: none;}

table {border: 0;}

/*-----------------------------------------------
	structural divs
-----------------------------------------------*/
#pagewrapper {
float:right;
width: 100%;
background: transparent url("../img/masthead.jpg") top right no-repeat;
position:absolute;
top:0;
right: 0;
height: 100%;
min-height: 100%;
}
#masthead {
height: 255px;
width: 100%;
float: right;
}
#nav {
height: 30px;
width: 750px;
margin: 0 15px 0 0;
padding: 0;
position: absolute;
top: 208px;
right: 0;
text-align: right;
}
#contentwrapper {
width: 781px;
float: right;
overflow: auto;
}
/*-----------------------------------------------
	content divs
-----------------------------------------------*/
#welcome{
display:inline;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
margin: 0 15px 15px 0;
float: left;
background: #fff;
overflow: auto;
padding: 10px;
width:280px;
voice-family: "\"}\""; 
voice-family:inherit;
width:260px;
}
#welcome h1{
font-size: 11px;
line-height: 13px;
font-weight: 300;
}
#updates{
display:inline;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
margin: 0 15px 15px 0;
float: left;
background: #fff;
overflow: auto;
padding: 10px;
width:470px;
voice-family: "\"}\""; 
voice-family:inherit;
width:450px;
}
#updates img{
margin: 10px 0;
float: left;
clear: both;
width: 75px;
height: 20px;
}
#updates p{
width: 365px;
float: right;
margin: 10px 0;
}
#sidebar{
display:inline;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
margin: 0 15px 15px 0;
float: left;
background: #fff;
overflow: auto;
padding: 10px;
width:280px;
voice-family: "\"}\""; 
voice-family:inherit;
width:260px;
}
#main{
display:inline;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
margin: 0 15px 15px 0;
float: left;
background: #fff;
overflow: auto;
padding: 10px;
width:470px;
voice-family: "\"}\""; 
voice-family:inherit;
width:450px;
}
#singlecolumn{
display:inline;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
margin: 0 15px 15px 0;
float: left;
background: #fff;
overflow: auto;
padding: 10px;
width:765px;
voice-family: "\"}\""; 
voice-family:inherit;
width:745px;
}
/*-----------------------------------------------
	nav
-----------------------------------------------*/
#nav ul{
list-style: none;
padding: 0;
margin: 0;
height: 30px;
}
#nav ul li{
display: inline;
font-weight: 900;
padding: 0;
height: 30px;
}
#nav ul li a, #nav ul li a:link{
text-decoration: none;
line-height: 30px;
padding: 0 7px;
display:inline-block;
}
#nav ul li a:hover{
color: #fff;
background: #9e8f58;
}
#nav #navleftimg span{
width: 20px;
height: 24px;
line-height: 30px;
display:inline-block;
background: transparent url("../img/nav_left.gif") no-repeat bottom;
}