/*
 * The fonts included are copyrighted.
 *
 * @vendor: DejaVu Fonts
 * @vendorurl: http://dejavu-fonts.org/
 * The license for this font family can be found on the fontsquirrel.com website.
 *
 * @licenseurl: http://www.fontsquirrel.com/license/DejaVu-Sans
 *
 */

/* For IE */

@font-face {
	font-family: 'DejaVu Sans';
	src: url('DejaVuSans.eot');
}

/* For Other Browsers */

@font-face {
	font-family: 'DejaVu Sans';
	src: local('DejaVu Sans Book'),
	     local('DejaVuSans-Book'),
	     url('DejaVuSans.ttf') format('truetype');
}

@font-face {
	font-family: 'DejaVu Sans';
	src: local('DejaVu Sans Oblique'),
	     local('DejaVuSans-Oblique'),
	     url('DejaVuSans-Oblique.ttf') format('truetype');
	font-style: italic;
}

@font-face {
	font-family: 'DejaVu Sans';
	src: local('DejaVu Sans Bold'),
	     local('DejaVuSans-Bold'),
	     url('DejaVuSans-Bold.ttf') format('truetype');
	font-weight: bold;
}

@font-face {
	font-family: 'DejaVu Sans';
	src: local('DejaVu Sans Bold Oblique'),
	     local('DejaVuSans-BoldOblique'),
	     url('DejaVuSans-BoldOblique.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.2
*/

/* for all templates and grids */
body{
	text-align:center;
	font-family: "droid-sans-1","droid-sans-2", "DejaVu Sans", "Palatino Linotype", "Times New Roman", Times, serif;
	background-color:#9F9FD6
}
#ft{clear:both;}
/**/
/* 750 centered, and backward compatibility */ 
#doc,#doc2,#doc2b,#doc3,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7 {
	margin:auto;text-align:left;
	width:57.69em;*width:56.3em;min-width:750px;}
/* 950 centered */ 
#doc2 {
	width:73.074em;*width:71.313em;min-width:950px;}
/* 950 centered 
#doc2b {
	width:67.813em;*width:66.179em;min-width:950px;}
*/
/* 100% with 10px viewport side matting */ 
#doc3 {
	margin:auto 10px; /* not for structure, but so content doesn't bleed to edge */
	width:auto;}
	
/* below required for all fluid grids; adjust widths and margins above accordingly */

	/* to preserve source-order independence for Gecko */
	.yui-b{position:relative;}
	.yui-b{_position:static;} /* for IE < 7 */
	#yui-main .yui-b{position:static;} 

#yui-main {width:100%;}
.yui-t1 #yui-main,
.yui-t2 #yui-main,
.yui-t3 #yui-main{float:right;margin-left:-25em;/* IE: preserve layout at narrow widths */}

.yui-t4 #yui-main,
.yui-t5 #yui-main,
.yui-t6 #yui-main{float:left;margin-right:-25em;/* IE: preserve layout at narrow widths */}

.yui-t1 .yui-b {
	float:left;
    width:12.3207em;*width:12.0106em;}
.yui-t1 #yui-main .yui-b{
    margin-left:13.3207em;*margin-left:13.0106em;
}

.yui-t2 .yui-b {
	float:left;
    width:13.8456em;*width:13.512em;}
.yui-t2 #yui-main .yui-b {
    margin-left:14.8456em;*margin-left:14.512em;
}

.yui-t3 .yui-b {
	float:left;
    width:23.0759em;*width:22.52em;}
.yui-t3 #yui-main .yui-b {
    margin-left:24.0759em;*margin-left:23.52em;
}

.yui-t4 .yui-b {
	float:right;
    width:13.8456em;*width:13.512em;}
.yui-t4 #yui-main .yui-b {
    margin-right:14.8456em;*margin-right:14.512em;
}

.yui-t5 .yui-b {
	float:right;
    width:18.4608em;*width:18.016em;}
.yui-t5 #yui-main .yui-b {
    margin-right:19.4608em;*margin-right:19.016em;
}

.yui-t6 .yui-b {
	float:right;
    width:23.0759em;*width:22.52em;}
.yui-t6 #yui-main .yui-b {
    margin-right:24.0759em;*margin-right:23.52em;
}

.yui-t7 #yui-main .yui-b {
	display:block;margin:0 0 1em 0;
}
#yui-main .yui-b {float:none;width:auto;}
/* GRIDS (not TEMPLATES) */
.yui-g .yui-u, 
.yui-g .yui-g, 
.yui-gc .yui-u,
.yui-gc .yui-g .yui-u,
.yui-ge .yui-u, 
.yui-gf .yui-u{float:right;display:inline;}
.yui-g div.first, 
.yui-gc div.first,
.yui-gc div.first div.first,
.yui-gd div.first, 
.yui-ge div.first, 
.yui-gf div.first{float:left;}
.yui-g .yui-u, 
.yui-g .yui-g{width:49.1%;}
.yui-g .yui-g .yui-u,
.yui-gc .yui-g .yui-u {width:48.1%;}
.yui-gb .yui-u, 
.yui-gc .yui-u, 
.yui-gd .yui-u{float:left;margin-left:2%;*margin-left:1.895%;width:32%;}
.yui-gb div.first, 
.yui-gc div.first, 
.yui-gd div.first{margin-left:0;}
.yui-gc div.first, 
.yui-gd .yui-u{width:66%;}
.yui-gd div.first{width:32%;}
.yui-ge .yui-u{width:24%;}
.yui-ge div.first, 
.yui-gf .yui-u{width:74.2%;}
.yui-gf div.first{width:24%;}
.yui-ge div.first{width:74.2%;}
#bd:after,
.yui-g:after, 
.yui-gb:after, 
.yui-gc:after, 
.yui-gd:after, 
.yui-ge:after, 
.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#bd,
.yui-g, 
.yui-gb, 
.yui-gc, 
.yui-gd, 
.yui-ge, 
.yui-gf{zoom:1;}


#bd {
	background-color:#EDEDF8;
	font-size:.9em;
}

/* Basic Element Formatting */

#header{
	height:100px;
	/*
	background-color:#F3F2ED;
	*/
	background-image:url(../images/BCC_Header_BG3.gif);
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	}
	
#header h1{
	font-size:1em;
	margin:0;
	padding:10px;
	}
	
#header h1 a{
	color:#000000;
	background-color:#F3F2ED;
	}

#page_title {
	line-height:1em;
	margin-top:10px;
	font-family: "chippewa-falls-1","chippewa-falls-2", "DejaVu Sans", "Palatino Linotype", "Times New Roman", Times, serif;	
	font-size:2.5em;
	font-weight:bold;
	text-align:center;
	color:#990000;
}

.sub_title {
	line-height:.5em;
	margin-top:0px;
	font-family:"chippewa-falls-1","chippewa-falls-2", "DejaVu Sans", "Palatino Linotype", "Times New Roman", Times, serif;	
	font-size:.5em;
	font-style:italic;
	font-weight:normal;
	color:#000000;
}

#cross {
	position:relative;
	top: -6.5em;
	left: 53em;
	z-index:100;
}
	
.content{
	/*
	height:300px;
*/
	height:85%;
	/*
	background:#CCC8B3;
	background-color: #EBEBF7;
	margin:0;
	*/
	border-top:#EDEDF8 2px solid;
	background-image:url(../images/BCC_content_BG5.gif);
	background-color:transparent;
	background-position: center 10em;
	background-repeat:no-repeat;
	margin-left:5px;
	margin-right:5px;
	padding:0;
	background-attachment: fixed;
	}
	
.content h1 {
	color:#990000;
	font-size:1.2em;
}

.content h2 {
	font-size:1.1em;
}

.content h3 {
	font-size:.9em;
}

.content  h4 {
	color:#990000;
	line-height:1.2em;
}


#welcome h1 {
	color:#990000;
}

#welcome li {
	line-height:1.2em;
}

#secondary{
	/*
	height:300px;
*/
	height:80%;
	background:#D5D595;
	border-top:#D5D595 2px solid;
	margin:0;
	padding:0;
	margin-bottom: 10px;
	font-size:.9em;	
	}
	
#secondaryFull{
	height:50px;
	background-color:#CFB59F;
	border-top:#FFFFFF 2px solid;
	margin:0;
	padding:0;
	}
	
#navigation_section {
	margin-left:5px;
	margin-right:5px;
	margin-bottom:5px;
}

#navigation_section h4 {
	color:#990000;
	line-height:1em;
}

#navigation {
	margin: 0;
	padding: 0;
	background: #6F6146;
	list-style-type: none;
	float: left; /* Contain floated list items */
}


#navigation li {
	margin: 0;
	padding: 0;
	font-size:.9em;
	float: left; /* This corrects the */
	width: 100%; /* IE whitespace bug */
/*
	margin-left:0px;
	line-height:1em;
	margin-bottom:3px;
*/
}

#navigation ul ul {
/*
	padding-left:1em;
*/
}

#navigation a {
	display: block; /* to increase clickable area as a’s
	default to inline */
	color: #FFF;
	text-decoration: none;
	padding: 0 15px;
	line-height: 2;
	border-bottom: 1px solid #FFF;
}

#navigation a.sub {
	padding: 0 40px;
}

#navigation a.last {
	border: none;
}

#navigation a:hover {
	background: #4F4532;
}

#navigation span.current {
	display: block; /* to increase clickable area as a’s default to inline */
	text-decoration: none;
	padding: 0 15px;
	line-height: 2;
	border-bottom: 1px solid #FFF;

	background: #BEB06F;
	color: #1A1303;
	font-weight: bold;
}






#schedule {
	margin-left:5px;
	margin-right:5px;
	margin-bottom:10px;
}

#schedule h4 {
	color:#990000;
	line-height:1em;
}

#schedule ul {
	line-height:.2em;
	list-style-type:none;
	padding: 6px;
	margin: 5px;
	
}

#schedule li {
	margin-left:0px;
	line-height:1em;
	margin-bottom:3px;
}

.schedule_time {
	vertical-align:text-top;
	padding-left:3px;
	line-height:1em;
	font-size:.9em;
	margin-bottom:2px;
	text-align:right;
	white-space:nowrap;
}

.schedule_event {
	vertical-align:text-top;
	padding-left:2px;
	line-height:1em;
	font-size:.9em;
	margin-bottom:2px;
	text-align:left;
}

#links {
	margin-left:5px;
	margin-right:5px;
	margin-bottom:10px;
}

#links h4 {
	color:#990000;
	line-height:1em;
}

#links ul {
	line-height:.2em;
	list-style-type:none;
	padding-left:6px;
	margin-top: 1px;
	margin-bottom: 10px;
	
}

#links li {
	margin-left:5px;
	line-height:1em;
	margin-bottom:3px;
}

#favoured_browsers {
	margin-left:5px;
	margin-right:5px;
}

#footer{
	color:#FAFAFA;
	height:65px;
	background:#BFBD93;
	border-top:#EDEDF8 2px solid;
	background-image:url(../images/BCC_Footer_BG.gif);
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	text-align:center;
	font-size:.75em;
	font-weight:bolder;
}
	
#footer a{
	color:#FAFABA;
}

#vod form {
	min-height:20em;
}

#vod h1 {
	color:#990000;
}

.esv {
	font-size:1em;
}

.esv h2 {
	font-size:1.1em;
}

.esv-text {
}

.verse-num {
	font-style:italic;
	font-weight:bolder;
}

#church_day_school {
	text-align:center;
	line-height:1.2em;
}

#church_day_school h1 {
	text-align:center;
}

#missions p {
	display:block;
}

#created_free  {
	min-height:25em;
}

.image_left {
	float:left;
	border:hidden;
	margin-right:0px;
	margin-top:5px;
	margin-bottom:5px;
	padding:0px 0px 0px 0px;
	text-align:center;
}

.image_right {
	float:right;
	border:none;
	margin-left:0px;
	margin-top:5px;
	margin-bottom:5px;
	padding:0px 0px 0px 0px;
	text-align:center;
}

.image_center {
	border:none;
	margin-left:0px;
	margin-right:5px;
	margin-top:5px;
	margin-bottom:5px;
	padding:0px 0px 0px 0px;
	text-align:center;
}

.image_left a, .image_right a, .image_center a {
	border:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.image_left img, .image_right img,.image_center img {
	border:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

ul.thumbnails {
	list-style-type:none;
	font-size:.7em;
	line-height:1em;
}

p.photo a, ul.thumbnails a {
display: block;
float: left;
margin: 0;
padding: 4px 4px 9px 4px;
border: 1px solid #ccc;
border-top-color: #eee;
border-right-color: #ddd;
border-bottom-color: #bbb;
background-color: #fff;
text-align: center;
}

p.photo a:hover, ul.thumbnails a:hover {
border-color: #ccc;
background-color: #eee;
}

ul.thumbnails a {
width: 105px;
margin-right: 8px;
margin-bottom: 10px;
text-decoration:none;
}

ul.thumbnails img {
border:none;
}

ul.thumbnails a img {
border:none;
}