/*
*
*	Bethesda Christian Academy
*   JJohnson | July 2009

body{background: url(../images/bg-pagetile.jpg) repeat left top; color: #333;}
*/
BODY { background-image: url(../images/bg-pagetile.jpg) }
BODY { background-repeat: repeat-x }
BODY { background-position: left top }
BODY { color: #333 }

div{position: relative;}

h1{font-weight: normal; font-size: 17px; margin-bottom: 8px;}
h1 span{color: #425bc3; font-weight: bold;}

h2{
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 0px;
	color: #d08602;
}

a{color: #d08602; font-weight: bold;}

.focus{font-size: 15px; color: #d08602; font-weight: bold;}

#wrapper{width: 800px; margin: 0 auto;}

#hd{height: 89px; }
#hd a.logo{z-index: 9999; position: absolute; left: 0px; top: 0; width: 214px; height: 89px; background: url(../images/web-logo.jpg) no-repeat left top; text-indent: -99999em;}
#hd .mainNav{position: absolute; top: 20px; right: 0; height: 34px;}
#hd .mainNav ul li{float: left; margin-right: 4px; list-style: none}
#hd .mainNav ul li a{
	padding: 7px 8px 7px 8px; display: block; float: left; background: url(../images/bg-mainnav.jpg) repeat-x 0 0; 
	border-top: 1px solid #f2ce66; border-left: 1px solid #f2ce66; color: #b37406; 
	font-weight: bold; text-transform: uppercase; list-style: none;
	}
#hd .mainNav ul li a:hover, #hd .mainNav ul li a.selected{background-position: 0 -33px; border-top-color:#97a7e2; border-left-color:#97a7e2; color: #fff; text-decoration: none;}
#hd .mainNav ul li.last{margin-right: 0;}
#hd .mainNav #nav li ul li a{background:#576CBD; width: 180px; font-size: 11px; color: #D1D3DF; border-top-color:#97a7e2; border-left-color:#97a7e2;}
#hd .mainNav #nav li ul li a:hover{background: #4253A5; color: #fff;}

#messagePanel{background: url(../images/bg-notice-bar.gif) repeat-x left top; padding: 8px; color: #4e4e4e; position: absolute; bottom: 1px; left: 0; width: 785px;}
#messagePanel p{margin: 0 0 0 225px; padding: 0 0 0 30px; background: url(../images/icon-warning.gif) no-repeat left center;}
#messagePanel p strong{color:#d38a0a; font-size: 14px;}

#imagePanel{background: url(../images/bg-panel.jpg) repeat-x left bottom; padding-bottom: 13px; margin-top: -2px;}

#content{background: #fff; padding: 10px;}

#columnLeft{float: left; margin-right: 15px; width: 215px;}
#columnRight{float: left; width: 540px; line-height: 24px;}

.primaryNav{border: 1px solid #a1abda;}
.primaryNav ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.primaryNav ul li{border-bottom: 1px solid #b9c1e3;}
.primaryNav ul li.last{border: none;}

.primaryNav ul li a{background: #dce0f1; display: block; color: #434343; padding: 7px 14px; font-weight: bold; font-size: 11px;}
.primaryNav ul li a:hover, .primaryNav ul li a.selected{background: #425bc3; color: #fff; text-decoration: none;}

.primaryNav li.new{position: relative;}
.primaryNav li.new img{position: absolute; top: 0; right: 0;}

.resourceNav h4{margin: 10px 0 5px 0; font-weight: normal; font-size: 16px;}
.resourceNav h4 span{color: #d59c01; font-weight: bold;}
.resourceNav ul{
	border: 1px solid #dfa509;
	list-style: none;
}
.resourceNav ul{margin: 0; padding: 0;}
.resourceNav ul li.last{border:none;}

.resourceNav ul li{border-bottom: 1px solid #dfa509;}

.resourceNav ul li a{background: #efd284; display: block; color: #434343; padding: 7px 14px; font-weight: bold; font-size: 11px;}
.resourceNav ul li a:hover, .primaryNav ul li a.selected{background: #d28a02; color: #fff; text-decoration: none;}

.calendarlink a{
	color: White;
	font-weight: bold;
	font-size: 15px;
}

.cta{margin: 10px 0;}

#specialAnnouncement{background: #f7e8bf; border-top: 1px solid #efd284; border-bottom: 1px solid #efd284; margin-bottom: 20px;}
#specialAnnouncement .graphic{width:150px; float: left;}
#specialAnnouncement .desc{width: 375px; float: right; padding-top: 15px;}
#specialAnnouncement h3{color: #d08602; font-size: 14px; margin-bottom: 5px;}

#ft{background: #8096de url(../images/bg-footer.gif) repeat-x left bottom; color: #191c29;}
#ft .address{
	width: 370px;
	float: left;
	color: #9E9E9E;
	font-size: 11px;
	padding: 30px 0 0 20px;
}
#ft .logos{text-align: right; padding: 20px 20px 0 0;}