html {
	height: 100%;
	}

body {
	margin: 0;
	padding: 0 0 0 0;
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: small;
	text-align: center;
	color: #383d44;
 	/*background: #F8BF34 url(http://media.bethelsd.org/website/resources/images/schools/bjh/site/images/bg/bg_footGrad2.gif) 100% 100% repeat-x;*/
	background: #2e2e2e;
	height: 100%;
	}


/* links */



a:link, a:visited {
	color: #4689B1;
	text-decoration: none;
	}
a:hover {
	text-decoration: underline;
	}
a.rss {
	position: absolute;
	top: 6px;
	right: 0px;
	}
a.rss:hover {
	background: none;
	}
a.rss-link {
	padding-left: 16px;
	background: url(http://media.bethelsd.org/website/resources/images/schools/bjh/site/images/icon_feed.gif) no-repeat 0 1px;
	}


/* page structure
---------------------------------------------------------- */

#main-body {
	width: 800px;
	margin: 0 auto;
	padding: 0;
	font-size: 95%;
	line-height: 1.6em;
	text-align: left;
	}
#main-events {
	width: 200px;
	float: left;
	
	}
#main-news {
	width: 320px;
	float: left;
	margin-left: 30px;
	
	}
#main-quicklinks {
	width: 220px;
	float: right;
	margin-left: 2em;
	font-size: 90%;
	line-height: 1.5em;
	color: #666b75;
	background: url(http://media.bethelsd.org/website/resources/images/schools/bjh/site/images/bg/bg_footGrad3_2.png) no-repeat 0 0;
	height: 500px;
	}
#main-foot {
	width: 800px;
	float: left;
	}

/* content pages */
#content-body {
	width: 800px;
	margin: 0 auto;
	padding: 0;
	font-size: 95%;
	line-height: 1.6em;
	text-align: left;
	}
#content-quicklinks {
	width: 220px;
	float: left;
	margin-left: 0px;
	font-size: 90%;
	line-height: 1.5em;
	color: #666b75;
	background: url(http://media.bethelsd.org/website/resources/images/schools/bjh/site/images/bg/bg_footGrad3_2.png) no-repeat 0 0;
	height: 400px;
	}

#content-quicklinks-static {
	width: 220px;
	float: left;
	margin-left: 0px;
	font-size: 90%;
	line-height: 1.5em;
	color: #666b75;
	background: url(http://media.bethelsd.org/website/resources/images/schools/bjh/site/images/bg/bg_footGrad3_2.png) no-repeat 0 0;
	height: 340px;
	}

#content-right {
	width: 550px;
	float: left;
	margin-left: 30px;
	padding-top: 10px;
	}
#content-foot {
	width: 800px;
	float: left;
	}

.clear {
 	clear: both;
 	height: 1px;
 	overflow: hidden;
 	margin-bottom: -1px;
	}
	
	
/* misc.
---------------------------------------------------------- */

hr, .hide {
	display: none;
	}
a img {
	border: none;
	}


	
/* header
---------------------------------------------------------- */

#header {
	padding: 0;
	font-size: 95%;
 	background: #2e2e2e url(http://media.bethelsd.org/website/resources/images/schools/bjh/site/images/bg/bg_masthead.jpg) top center repeat-x;
	}

/* logo */

#logo {
	width: 800px;
	margin: 0 auto;
	padding: 0 0 0 0;
	text-align: left;
	overflow: hidden;
	}
#logo span {
	display: block;
	width: 388px;
        height: 101px;
	padding: 0;
	border-style: none;
	float: left;
	}	
#logo img  {
 	display: block;
	}
	
/* search */

#logo #search {
	display: block;
	width: 16.7em;
	height: 101px;
	padding: 0;
	border-style: none;
	float: right;
	}
#logo #search #links {
	display: block;
	margin-top: 20px;
	padding: 0;
	border-style: none;
	}
#logo #search #links ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#logo #search #links li {
	float: left;
	margin: 0;
	padding: 0;
	font-family: Georgia, serif;
	font-size: 90%;
	letter-spacing: 1px;
	}
#logo #search #links li a {
	float: left;
	padding: 8px 12px;
	text-decoration: none;
	color: #e7e3d9;
	border: none;
	}
#logo #search #links li a.first {
	background: url(http://media.bethelsd.org/website/resources/images/schools/bjh/site/images/bg/bg_searchlinksdivider.jpg) no-repeat bottom right;
	}
#logo #search #links li a:hover {
	color: #fff;
	text-decoration: underline;
	}
#search_box {
	width: 200px;
	height: 31px;
	}
#search_box #s {
	float: left;
	padding: 3px;
	margin: 3px 0 0 11px;
	border: 1px;
	border-color: #999;
	width: 152px;
	background: #efefef;
	color: #999;
	font-size: 90%;
	}
#search_box #go {
	float: right;
	margin: 3px 4px 0 0;
	}


/* new search */

#search-top {
	float: right;
	margin: 0;
	padding: 0;
	}
#search-top input,
#search-top img {
	vertical-align: middle;
	}
#search-top input#searchtop-text {
	width: 165px;
	font-size: 90%;
	color: #999;
       padding-left: 3px;
	}


/* navigation
---------------------------------------------------------- */
#navbar {
	padding: 0;
	font-size: 65%;
 	background: url(http://media.bethelsd.org/website/resources/images/schools/bjh/site/images/bg/bg_navbar.jpg) top center repeat-x;
 	height: 29px;
 	overflow: hidden;
	}

#nav {
	width: 770px;
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: left;
	overflow: hidden;
	}
#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	background: #383d44;
	/*border-top: 1px solid #464a52;*/
	}
#nav li {
	float: left;
	margin: 0;
	padding: 0;
	font-family: Georgia, serif;
	font-size: 100%;
	letter-spacing: 1px;
	}
#nav li a {
	float: left;
	padding: 8px 12px;
	text-decoration: none;
	color: #ffffff;
	border: none;
	background: url(http://media.bethelsd.org/website/resources/images/schools/bjh/site/images/bg/bg_navbardivider.jpg) no-repeat bottom right;
	}
#nav li a:hover {
	color: #fff;
	background: #3D799D url(http://media.bethelsd.org/website/resources/images/schools/bjh/site/images/bg/bg_navbarover.jpg) top center repeat-x;
	}
#nav li a.cpive {
	font-weight: bold;
	color: #fff;
	background: #3D799D url(http://media.bethelsd.org/website/resources/images/schools/bjh/site/images/bg/bg_navbarover.jpg) top center repeat-x;
	}
	
	
/* banner on homepage
---------------------------------------------------------- */
#banner{
	padding: 0;
 	background: #d3d3d3 top center repeat-x;
	}

/* cover image */

#banner #image {
	width: 800px;
	margin: 0 auto;
	padding: 0 0 0 0;
	text-align: left;
	}
#banner #image span {
	display: block;
	width: 800px;
	padding: 1px 0 1px 0;
	border-style: none;
	}	
#banner #image img  {
 	display: block;
	}
#banner #image #overlay {
	z-index: 1;
	margin-top: -32px;
	text-align: right;
	background: url(http://media.bethelsd.org/website/resources/images/schools/bjh/site/images/trans_photobar.png) no-repeat 0 0;
	height: 32px;
	width: 776px;
	position: absolute;
	padding: 8px 12px;
}
#banner #image #overlay a{
	color: #e7efff;
	text-decoration: none;
	}
#banner #image #overlay a:hover{
	color: #fff;
	text-decoration: underline;
	}


/* footer top border
---------------------------------------------------------- */
.navspacer {
	height: 1px;
	background: #D3D3D3;
	
	}

#foottop {
	margin: 0 0 0 0;
 	background: #D3D3D3 url(http://media.bethelsd.org/website/resources/images/schools/bjh/site/images/bg/bg_foottop.jpg) top center repeat-x;
 	height: 21px;
	}
#foottopwidth {
	width: 800px;
	margin: 0 auto;
	padding: 0 0 0 0;
	text-align: left;
	background: #D3D3D3 url(http://media.bethelsd.org/website/resources/images/schools/bjh/site/images/bg/bg_foottop2.jpg) no-repeat 0 0;
	height: 21px;
	}
#foottopwidth2 {
	width: 800px;
	margin: 0 auto;
	padding: 0 0 0 0;
	text-align: left;
	background: #D3D3D3 url(http://media.bethelsd.org/website/resources/images/schools/bjh/site/images/bg/bg_foottop3.jpg) no-repeat 0 0;
	height: 21px;
	}

	

/* backgrounds
---------------------------------------------------------- */
#foot {
	background: #2e2e2e;
	}
	
#content{
	padding: 0;
 	background: #D3D3D3;
 	
	}


/* main-body
---------------------------------------------------------- */

/* titles */

#title {
	margin: 15px 0 0 0;
	}
#titlequick{
	margin: 15px 0 0 20px;
	}
#titlequick h3,
#title h3 {
	font-family: Georgia, serif;
	text-transform: uppercase;
	font-size: 120%;
	letter-spacing: 1px;
	font-weight: normal;
	margin-right: 5px;
	padding: 2px 0 0px 27px;
	
	/*border-bottom: 1px solid #dbd5c5;*/
	}
#titlequick h3 em,
#title h3 em {
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-style: normal;
	font-weight: normal;
	text-transform: lowercase;
	font-size: 75%;
	color: #ffffff;
	}
#titlequick h3.events,
#title h3.events {
	background: url(http://media.bethelsd.org/website/resources/images/schools/bjh/site/images/icon_cal.png) no-repeat 0 0px;
	color: #D3D3D3;
       position: relative;
	}
/*
#title h3.events:hover {
	padding-bottom: 0;
	color: #383d44;
	border-bottom: 2px solid #dbd5c5;
	background-image: url(http://media.bethelsd.org/website/resources/images/schools/bjh/site/images/icon_cal.gif);
	}
*/
#titlequick h3.news,
#title h3.news {
	background: url(http://media.bethelsd.org/website/resources/images/schools/bjh/site/images/icon_note.png) no-repeat 0 0px;
	color: #D3D3D3;
       position: relative;
	}
#titlequick h3.quicklinks,
#title h3.quicklinks {
	background: url(http://media.bethelsd.org/website/resources/images/schools/bjh/site/images/icon_quick.png) no-repeat 0 0px;
	color: #FFFFFF;
	}
#titlequick h3.popular,
#title h3.popular {
	background: url(http://media.bethelsd.org/website/resources/images/schools/bjh/site/images/icon_popular.png) no-repeat 0 0px;
	color: #FFF0C2;
	}
#title .feed {
	background: url(http://media.bethelsd.org/website/resources/images/schools/bjh/site/images/icon_feed.png) no-repeat 0 0px;
	float: right;
	width: 10px;
	height: 10px;
	}
	
/* event boxes */
	
#eventsbox {
	
	}
#eventsbox p {
	margin: 0;
	}
#eventsbox ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#eventsbox  li {
	border-top: 1px solid #D3D3D3;
	padding: 5px 10px 10px 5px;
	background: #383838;
	}
#eventsbox li .date {
	font-family: Georgia, serif;
	font-size: 108%;
	font-weight: normal;
	color: #ffffff;
	margin-left: 5px;
	}
#eventsbox li .title {
	color: #e7e3d9;
	margin-left: 5px;
	margin-top: 2px;
	margin-bottom: 2px;
	line-height: 1.2em;
       font-size: 110%;
	}
#eventsbox li .title a {
	color: #4689B1;
	text-decoration: none;
}
#eventsbox li .title a:hover {
	text-decoration: underline;
	}
#eventsbox li .info {
	color: #ffffff;
	margin-left: 5px;
	line-height: 1.2em;
	}


/* news boxes */
	
#newsbox {
	
	}
#newsbox p {
	margin: 0.4em 0 0.7em 0;
	}
#newsbox ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#newsbox  li {
	border-top: 1px solid #D3D3D3;
	padding: 5px 10px 10px 5px;
	background: url(http://media.bethelsd.org/website/resources/images/schools/bjh/site/images/bg/bg_trans_newstop.png) no-repeat 0 0px;
	margin-bottom: 10px;
	}
#newsbox li .date {
	font-weight: normal;
	color: #4689B1;
	margin-left: 5px;
	float: left;
	}
#newsbox li .comments a{
	font-weight: normal;
	color: #4689B1;
	margin-left: 5px;
	float: right;
	text-decoration: none;
	}
#newsbox li .commments a:hover {
	text-decoration: underline;
	}
#newsbox li .date {
	font-weight: normal;
	color: #4B525C;
	margin-left: 5px;
	}
#newsbox li .title {
	font-size: 130%;
	font-family: Georgia, serif;
	color: #D3D3D3;
	margin-left: 5px;
	margin-top: 6px;
	margin-bottom: 3px;
	line-height: 1.2em;
	}
#newsbox li .info {
	color: #ffffff;
	margin-left: 5px;
	line-height: 1.6em;
	}
#newsbox li .more a{
	margin-top: 5px;
	font-weight: normal;
	color: #4689B1;
	margin-left: 5px;
	text-decoration: none;
	}
#newsbox li .more a:hover {
	text-decoration: underline;
	}
	
/* quicklinks boxes */

#quicklinksbox {
	
	}
#quicklinksbox ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#quicklinksbox li {
	border-top: 1px solid #DF5C28;
	padding: 0px;
	color: #e7efff;
	
	}
#quicklinksbox li.arrow {
	font-size: 100%;
	font-weight: normal;
	margin-left: 30px;
	padding-left: 15px;
	background: url(http://media.bethelsd.org/website/resources/images/schools/bjh/site/images/icon_arrow2.png) no-repeat 0 0px;
	
	/*border-bottom: 1px solid #D3D3D3;*/
	}
#quicklinksbox li h3.arrow {margin:20px;}
	
	
	
#quicklinksbox2 {
	border-top: 1px solid #D3D3D3;
	color: #e7efff;
	}
#quicklinksbox2 ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
		
#quicklinksbox2 li {
		border-bottom: 1px solid #D3D3D3;
		margin: 0;
		}

#quicklinksbox2 li a {
		display: block;
		padding: 5px 5px 5px 40px;
		color: #e7efff;
		text-decoration: none;
		width: 100%;
		}
#quicklinksbox2 li a.arrow {
		background: url(http://media.bethelsd.org/website/resources/images/schools/bjh/site/images/icon_arrow3.png) no-repeat 25px 8px;
		}

	html>body #quicklinksbox2 li a {
		width: auto;
		}

	#quicklinksbox2 li a:hover {

		background-color: #505ECE;
		color: #fff;
		text-decoration: underline;
		}




/* footer & address */

#main-foot .title,
#content-foot .title {
	font-size: 100%;
	font-family: Georgia, serif;
	color: #FFFFFF;
	margin-top: 10px;
	}
#main-foot .address,
#content-foot {
	margin-top: -5px;
	font-size: 85%;
	color: #FFFFFF;
       margin-bottom: 20px;
	}


/* content-body
---------------------------------------------------------- */



/* titles */

#content-right .date {
	font-size: 105%;
	font-family: Georgia, serif;
	color: #1600B3;
	margin: 5px 0 7px 0;
	}
#content-right .date em {
	font-size: 85%;
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #1600B3;
	margin-left: 20px;
	}
#content-right .title {
	font-size: 130%;
	font-family: Georgia, serif;
	color: #1600B3;
	margin: 7px 0 7px 0;
	}
#content-right .body {
	color: #4B525C;
	line-height: 1.6em;
	margin: 7px 0 7px 0;
	}
#content-right .body p{
	margin: .65em 0 .65em 0;
}
#content-right .body img{
	padding: .65em;
}
#comment-title {
	font-size: 130%;
	font-family: Georgia, serif;
	color: #EFAA2C;
	margin: 20px 0 10px 0;
	}

/* comment boxes */
	
#commentsbox {
	
	}
#commentsbox p {
	margin: 0;
	}
#commentsbox ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#commentsbox  li.dark {
	border-bottom: 1px solid #E9D585;
	border-right: 1px solid #E9D585;
	padding: 5px 10px 10px 5px;
	background: #F6E18C;
	}
#commentsbox  li.light {
	padding: 5px 10px 10px 5px;
	}
#commentsbox li .date {
	font-family: Georgia, serif;
	font-size: 108%;
	font-weight: normal;
	color: #B64926;
	margin-left: 5px;
	}
#commentsbox li .date em {
	font-size: 85%;
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #B64926;
	margin-left: 20px;
	}
#commentsbox li .title {
	color: #4689B1;
	font-size: 95%;
	font-family: "Lucida Grande", Verdana, sans-serif;
	margin-left: 5px;
	margin-top: 2px;
	margin-bottom: 7px;
	line-height: 1.2em;
	}
#commentsbox li .title a {
	color: #4689B1;
	text-decoration: none;
}
#commentsbox li .title a:hover {
	text-decoration: underline;
	}
#commentsbox li .info {
	color: #4B525C;
	margin-left: 5px;
	line-height: 1.2em;
	margin-bottom: 5px;
	}
	
	

/* list boxes */
	
#listbox {
	
	}
#listbox h2 {
	font-size: 130%;
	font-weight: normal;
	font-family: Georgia, serif;
	color: #1600B3;
	margin: 5px 0 10px 0;
	}
#listbox p {
	margin: 0;
	}
#listbox ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#listbox  li.dark {
	border-top: 2px solid #4689B1;
	border-bottom: 2px solid #4689B1;
	padding: 3px 10px 3px 5px;
	background: #D3D3D3;
	}
#listbox  li.light {
	padding: 3px 10px 3px 5px;
	}
#listbox li .date {
	font-weight: normal;
	font-family: Georgia, serif;
	color: #4B525C;
	margin-left: 5px;
	float: left;
	width: 100px;
	}
#listbox li .title {
	color: #4B525C;
	font-size: 95%;
	font-family: "Lucida Grande", Verdana, sans-serif;
	line-height: 1.2em;
	margin-left: 10px;
	float: left;
	}
#listbox li .title a {
	color: #4689B1;
	text-decoration: none;
}
#listbox li .title a:hover {
	text-decoration: underline;
	}