/* CSS Document */
* {
    margin:0px;
    padding:0px;
}
html {
	background:#ffffff url(../images/bg_gradient.jpg) repeat-x scroll center top;
    height:100%;
}
body {
	height:100%;
    line-height:1;
    text-align:center;
}
ul {
	margin: 0;
	padding: 0;
	list-style-type: square;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #000000;
	font-weight: normal;
}
.list {
	padding-left: 5px;
	list-style-type: disc;
	margin-left: 15px;
}

#clear {
	clear: both;
}
#wrapper {
	background:transparent url(../images/bg_gradient.jpg) repeat-x scroll center top;
	margin: 0px auto;
	min-height: 100%;
    position: relative;
    text-align: left;
    width: 760px;
}
* html #wrapper {
	height: 100%;
}
/*-----------------------------------------header---------------------------------*/
#header {
	background-image: url(../images/csb_logo.gif);
	background-repeat: no-repeat;
	background-position: left;
	height: 80px;
	width: 760px;
	padding-top: 10px;
}
#topnav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	float: right;
	height: 20px;
	width: 360px;
	position: relative;
}
#contact {
	float: right;
	width: 54px;
	padding-left: 5px;
}
#register {
	float: right;
	width: 62px;
	background-image: url(../images/vertline.gif);
	background-repeat: repeat-y;
	background-position: right top;
	padding-left: 5px;
}
#church {
	float: right;
	width: 115px;
	background-image: url(../images/vertline.gif);
	background-repeat: repeat-y;
	background-position: right top;
	padding-left: 5px;
}
#about {
	float: right;
	width: 77px;
	background-image: url(../images/vertline.gif);
	background-repeat: repeat-y;
	background-position: right top;
	padding-left: 5px;
}
#contact a, #register a, #church a, #about a {
	text-decoration: none;
	color:  #e7e8e9;
}
#contact a:hover, #register a:hover, #church a:hover, #about a:hover {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #e7e8e9;
}
/*--------------------------------------------------------dropdown nav--------------------------------*/
#navhome #nav #left a{
	color: #ffffff;
	background-color: #032631;
	cursor: default;
}
#navstore #nav #five a {
	color: #ffffff;
	background-color: #032631;
	cursor: default;
}
#navdonate #nav #right a{
	color: #ffffff;
	background-color: #032631;
	cursor: default;
}
#navprograms #nav #one,
#navnews #nav #two, 
#navlearn #nav #three,
#navresources #nav #four,
#navstore #nav #five {
	background-color: #032631;
	color: #ffffff;
}
#nav {
	height: 36px;
	width: 760px;
	position: relative;
	clear: both;
	background-color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}
#nav #left a{
	height: 36px;
	width: 83px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #016a72;
	text-align: center;
	text-decoration: none;
	display: block;
	line-height: 36px;
	list-style-type: none;
	list-style-image: none;
}
#nav #right a{
	background-color:#ffc204;
	height: 36px;
	width: 95px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #000000;
	text-align: center;
	display: block;
	line-height: 36px;
	list-style-image: none;
	list-style-type: none;
}
#nav #one {
	width: 110px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #016a72;
	font-weight: normal;
	display: block;
	line-height: 36px;
    text-align: center;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
}
#nav #two {
	width: 136px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #016a72;
	text-align: center;
	font-weight: normal;
	display: block;
	line-height: 36px;
}
#nav #three {
	width: 127px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #016a72;
	text-align: center;
	font-weight: normal;
	display: block;
	line-height: 36px;
}
#nav #four {
	width: 124px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #016a72;
	text-align: center;
	font-weight: normal;
	display: block;
	line-height: 36px;
}
#nav #five a {
	width: 79px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #016a72;
	text-align: center;
	font-weight: normal;
	display: block;
	line-height: 36px;
}

#nav ul {
	padding: 0;
	margin: 0;
	text-decoration: none;
	list-style-type: none;
}
#nav li {
	float: left;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #016a72;
	text-align: center;
	line-height: 13px;
	text-decoration: none;
}
#nav li ul {
  display: none;
  position: absolute; 
  top: 15px;
  left: 0;
  text-decoration: none;
}

#nav li:hover ul, #nav li.over ul{
	display: block;
	color: #000000;
	text-decoration: none;
}
#nav li:hover, #nav li.over {
	color: #016a72 !important;
	/*background-color: #c8cbcc;*/
	background-image: url(../images/ddgradient.jpg);
	background-repeat: repeat-x;
	text-decoration: none;
}
#nav ul li ul li {
	background-color: #c8cbcc;
	height: 26px;
	width: 210px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 26px;
	color: #000000;
	text-align: left;
	text-indent: 20px;
	position: relative;
	top: 21px;
	border-left-style: none;
	text-decoration: none;
}
#nav ul li ul li a {
	color: #000000;
	text-decoration: none;
	display: block;
}
#nav ul li ul li a:hover, #nav ul li ul li.over {
	background-color: #016a72;
	background-image: none;
	text-decoration: none;

}
#nav ul li ul li a:hover {
	color:#ffffff;
	text-decoration: none;
}
/*----------------------------------------------------------header pic------------------------------------*/
#aboutus_pic {
	background-image: url(../images/aboutcsb_hero.jpg);
	background-position: center;
	background-repeat: no-repeat;
	height: 178px;
	width: 760px;
}
#battalion_pic {
	background-image: url(../images/battallion_hero.jpg);
	background-position: center;
	background-repeat: no-repeat;
	height: 178px;
	width: 760px;
}
#camps_pic {
	background-image: url(../images/camps_hero.jpg);
	background-position: center;
	background-repeat: no-repeat;
	height: 178px;
	width: 760px;
}
#contactus_pic {
	background-image: url(../images/contactus_hero.jpg);
	background-position: center;
	background-repeat: no-repeat;
	height: 178px;
	width: 760px;
}
#fatherson_pic {
	background-image: url(../images/father&sondays_hero.jpg);
	background-position: center;
	background-repeat: no-repeat;
	height: 178px;
	width: 760px;
}
#firsttime_pic {
	background-image: url(../images/firsttimvisitor_hero.jpg);
	background-position: center;
	background-repeat: no-repeat;
	height: 178px;
	width: 760px;
}
#gems_pic {
	background-image: url(../images/gems_hero.jpg);
	background-position: center;
	background-repeat: no-repeat;
	height: 178px;
	width: 760px;
}
#programs_pic {
	background-image: url(../images/learn_top_img.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background: #042632;
	height: 178px;
	width: 760px;
}
#news_pic {
	background-image: url(../images/news_hero.jpg);
	background-position: center;
	background-repeat: no-repeat;
	height: 178px;
	width: 760px;
}
#prayer_pic {
	background-image: url(../images/news_hero.jpg);
	background-position: center;
	background-repeat: no-repeat;
	height: 178px;
	width: 760px;
}
#products_pic {
	background-image: url(../images/news_hero.jpg);
	background-position: center;
	background-repeat: no-repeat;
	height: 178px;
	width: 760px;
}
#programs_pic {
	background-image: url(../images/battallion_hero.jpg);
	background-position: center;
	background-repeat: no-repeat;
	height: 178px;
	width: 760px;
}
#registration_pic {
	background-image: url(../images/news_hero.jpg);
	background-position: center;
	background-repeat: no-repeat;
	height: 178px;
	width: 760px;
}
#shapenrace_pic {
	background-image: url(../images/shapenrace_hero.jpg);
	background-position: center;
	background-repeat: no-repeat;
	height: 178px;
	width: 760px;
}
#stockade_pic {
	background-image: url(../images/stockade_hero.jpg);
	background-position: center;
	background-repeat: no-repeat;
	height: 178px;
	width: 760px;
}
#tadpoles_pic {
	background-image: url(../images/tadpoles_hero.jpg);
	background-position: center;
	background-repeat: no-repeat;
	height: 178px;
	width: 760px;
}
#testimonials_pic {
	background-image: url(../images/testimonials_hero.jpg);
	background-position: center;
	background-repeat: no-repeat;
	height: 178px;
	width: 760px;
}
#treeclimbers_pic {
	background-image: url(../images/treeclimbers_hero.jpg);
	background-position: center;
	background-repeat: no-repeat;
	height: 178px;
	width: 760px;
}
#learn_pic {
	background-image: url(../images/gems_hero.jpg);
	background-position: center;
	background-repeat: no-repeat;
	height: 178px;
	width: 760px;
	margin-bottom: 1px;
}

.learnpage {
	color: white;
	font-size: 40px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 15px;
	line-height: 44px;
	padding-top: 123px;
}

#headercolor {
	background: #042632;
	height: 178px;
	width: 760px;
}

#resources_pic {
	background-image: url(../images/learn_top_img.jpg);
	height: 178px;
	width: 760px;
}
#store_pic {
	background-image: url(../images/learn_top_img.jpg);
	height: 178px;
	width: 760px;
}
#donate_pic {
	background-image: url(../images/learn_top_img.jpg);
	height: 178px;
	width: 760px;
}
/*-------------------------------------------------------maincontent-----------------------------------------*/
#maincontent {
	float: left;
	width: 500px;
	position: relative;
	padding-top: 0px;
	margin-top: 30px;
}
#donatebox {
	float: right;
	height: 120px;
	width: 224px;
	position: relative;
	margin-right: 0px;
}
#newprodbox {
	float: right;
	height: 120px;
	width: 224px;
	position: relative;
	margin-top: 20px;
}
.header1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #015359;
	line-height: 18px;
	margin-top: 20px;
}
.sm_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #000000;
	margin-top: 7px;
	font-weight: normal;
}
.smwide_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #000000;
	margin-top: 7px;
}
.lg_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 19px;
	color: #032631;
}
.interior_links {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #016a72;
	text-decoration: none;
	margin-top: 10px;
}
.interior_links:hover {
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #016a72;
}

.interior_links:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #016a72;
	text-decoration: none;
	margin-top: 10px;
}

.interior_links:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #016a72;
	text-decoration: none;
	margin-top: 10px;
}
.camp_links {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
	color: #016a72;
	text-decoration: none;
}
.camp_links:hover {
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #016a72;
}

.camp_links:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
	color: #016a72;
	text-decoration: none;
}

.camp_links:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
	color: #016a72;
	text-decoration: none;
}
/*---------------------------------------------------subcontent--------------------------------------------*/
#subcontent {
	float: right;
	width: 240px;
	position: relative;
	padding-top: 0px;
	margin-top: 30px;
}

a.eventlink a:hover {
border-bottom: 1px dotted #016A72;
text-decoration: none;
}

a.eventlink {
color: #016A72;
text-decoration: none;
}

/*programs*/
#programs {
	width: 760px;
	position: relative;
	padding-top: 80px;
	clear: both;
}
.ToP {
	text-decoration: none;
}

#toppage {
	background-image: url(images/ToP-pic.gif);
	background-repeat: no-repeat;
	float: right;
	height: 18px;
	width: 82px;
	position: relative;
	right: 7px;
	top: -20px;
}
 a.ToP:link, a.ToP:active, a.ToP:visited, a.ToP:hover  {
	text-decoration:none;
}
.progtext {
	width: 236px;
	position: relative;
	top: -8px;
}


#props {
	height: 18px;
	width: 82px;
}
/*------------------------------------------------footer--------------------------------------*/
#footer_wrapper {
    background:#032631  url(../images/footer_gradient.jpg) repeat-x scroll center top;
	height: 260px;
    margin: -260px auto 0px;
    position: relative;
	overflow: hidden;
    width:100%;
	/*text-align: left;*/
	clear: both;
}
#footer_container {
	margin: 0px auto;
    position: relative;
    text-align: left;
    width: 760px;	
}
/*-------------------------------------------bottom nav----------------------------------------*/
#botnav {
	font-family: Arial, Helvetica, sans-serif;
	width: 760px;
	padding-top: 60px;
	position: relative;
}
#botnav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#botnav li {
	top: 10px;
	float: left;
	position: relative;
	width: 8.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	line-height: 13px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	display: block;
}
#botnav ul li  a{
	
	position: relative;
	left: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
	color: #ffc204;
	text-decoration: none;
	font-weight: normal;
}
#botnav ul li  a:hover {
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ffc204;
}

/*footer*/
#footer {
	height: 34px;
	width: 760px;
	position: absolute;
	top: 180px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #3d575f;
	border-bottom-color: #3d575f;
	padding-top: -5px;
	line-height: 34px;
	clear: both;
}
.grayfooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #757a7c;
	line-height: 16px;
}
.yellowfooter, .yellowfooter a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #ffc204;
}
.BoP {
	text-decoration: none;
	margin-top: 30px;
}
/*
#mainsubwrapper {
	width: 760px;
	position: relative;
	top: 10px;
	clear: both;
}
#threeprog {
	clear: both;
	width: 760px;
}*/

#botpage {
	background-image: url(images/ToP-pic.gif);
	background-repeat: no-repeat;
	float: right;
	height: 18px;
	width: 82px;
	position: absolute;
	/*margin-top: 60px;
	margin-bottom: 50px;*/
	top: 220px;
	right: 3px;
}
#botpage_left {
	float: left;
	height: 18px;
	width: 400px;
	position: absolute;
	top: 220px;
	left: 0px;
}
#botpage a, #botpage a:link, #botpage a:visited, #botpage a:hover, #botpage a:active {
	text-decoration: none;
	color: #a52312;
	outline: none;
}
.interior_hdr {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
	color: #015359;
}
.interior_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #000000;
}
.interior_lgtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 19px;
	color: #032631;
}
.interior_links {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #016a72;
	text-decoration: none;
}