/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.0
*/
/* DO NOT MODIFY */
/*reset.css*/body {
	color:#000;
	background:#FFF;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
li {
	list-style:none;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
	font-variant:normal;
}
sup, sub {
	line-height:-1px;
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
input, textarea, select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
/*fonts.css*/body {
	font:14px/1.25 arial, helvetica, clean, sans-serif;
*font-size:small;
*font:x-small;
}
table {
	font-size:inherit;
	font:100%;
}
pre, code, kbd, samp, tt {
	font-family:monospace;
*font-size:108%;
	line-height:99%;
}
/*grids.css*/
body {
	text-align:center;
}
#hd {
	clear:both;
}
#ft {
	clear:both;
}
#doc, #doc2, #doc3, #doc4, .yui-t1, .yui-t2, .yui-t3, .yui-t4, .yui-t5, .yui-t6, .yui-t7 {
	margin:auto;
	text-align:left;
	width:57.69em;
*width:56.301em;
	min-width:750px;
}
#doc2 {
	width:852px;
*width:852px;
}
#doc3 {
	margin:auto 10px;
	width:auto;
}
#doc4 {
	width:74.923em;
*width:73.117em;
}
.yui-b {
	position:relative;
}
.yui-b {
	_position:static;
}
#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;
}
.yui-t4 #yui-main, .yui-t5 #yui-main, .yui-t6 #yui-main {
	float:left;
	margin-right:-25em;
}
.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;
}
.yui-gb .yui-g, .yui-gb .yui-gb, .yui-gb .yui-u, .yui-g .yui-gb .yui-u, .yui-gb .yui-gc, .yui-gb .yui-gd, .yui-gb .yui-ge, .yui-gb .yui-gf, .yui-gc .yui-u, .yui-gc .yui-g, .yui-gd .yui-u {
	float:left;
	margin-left:2%;
	width:32%;
}
.yui-gb .yui-gb .yui-u, .yui-gb .yui-gc .yui-u {
	_margin-left:1.2%;
*margin-left:1.7%;
}
.yui-g .yui-gb .yui-u {
	_margin-left:.8%;
}
.yui-gb .yui-u {
	margin-left:2%;
	width:32%;
	float:right;
*width:31.8%;
}
.yui-gb div.first {
	margin-left:0;
*margin-right:1px;
	float:left;
}
.yui-gb .yui-gb div.first {
*margin-right:0;
	width:31.7%;
}
.yui-gb .yui-gc div.first, .yui-gb .yui-gd div.first {
*margin-right:0;
}
.yui-g .yui-gc div.first, .yui-g .yui-ge div.first {
	float:left;
}
.yui-gb .yui-gd .yui-u {
*width:66%;
	_width:61.2%;
}
.yui-gb .yui-gd div.first {
*width:31%;
	_width:29.5%;
}
.yui-gb .yui-gc .yui-u, .yui-g .yui-gc .yui-u {
	_float:right;
	width:32%;
	_width:29.9%;
}
.yui-gb .yui-gc div.first {
	width:66%;
*width:64.5%;
*float:left;
*margin-left:0;
}
.yui-gb .yui-ge .yui-u, .yui-gb .yui-gf .yui-u {
	margin:0;
}
.yui-g .yui-u, .yui-g .yui-g, .yui-g .yui-gb, .yui-g .yui-gc, .yui-g .yui-gd, .yui-g .yui-ge, .yui-g .yui-gf, .yui-gc .yui-u, .yui-gd .yui-g, .yui-g .yui-gc .yui-u, .yui-ge .yui-u, .yui-ge .yui-g, .yui-gf .yui-g, .yui-gf .yui-u {
	float:right;
	display:inline;
}
.yui-g div.first, .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-g .yui-u, .yui-gb .yui-g .yui-u, .yui-gc .yui-g .yui-u, .yui-gd .yui-g .yui-u, .yui-ge .yui-g .yui-u, .yui-gf .yui-g .yui-u {
	width:48.1%;
*margin-left:0;
}
.yui-g .yui-g div.first {
*margin:0;
}
.yui-gb .yui-g div.first {
*margin-right:1px;
}
.yui-gb .yui-gb .yui-u {
	_margin-left:.7%;
}
.yui-gb .yui-g div.first, .yui-gb .yui-gb div.first {
*margin-left:0;
}
.yui-gc .yui-g .yui-u, .yui-gd .yui-g .yui-u {
	_width:48.1%;
*width:48.1%;
*margin-left:0;
}
.yui-g .yui-u, .yui-g .yui-g, .yui-g .yui-gb, .yui-g .yui-gc, .yui-g .yui-gd, .yui-g .yui-ge, .yui-g .yui-gf {
	width:47%;
	padding-right:25px;
}
.yui-g .yui-gb div.first, .yui-gb div.first, .yui-gc div.first, .yui-gd div.first {
	margin-left:0;
}
.yui-g .yui-gc div.first, .yui-gc div.first, .yui-gd .yui-g, .yui-gd .yui-u {
	width:55%;
	margin-left:58px;
}
.yui-gd div.first, .yui-gb .yui-gd div.first {
	width:38%;
}
.yui-g .yui-gd div.first {
	_width:29.9%;
}
.yui-ge .yui-u, .yui-ge .yui-g, .yui-gf div.first {
	width:24%;
}
.yui-ge div.first, .yui-gf .yui-g, .yui-gf .yui-u {
	width:74.2%;
}
.yui-gb .yui-ge .yui-u, .yui-gb .yui-gf div.first {
*width:24%;
	_width:20%;
}
.yui-gb .yui-ge div.first, .yui-gb .yui-gf .yui-u {
*width:73.5%;
	_width:65.5%;
}
#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;
}


/* @override http://localhost/hinckley/_assets/project.css */

/* ------------------------------------------------------------------
Project
Project-specific styles

/* ------------------------------------------------------------------
Project
Project-specific styles

Included here should be any styles that overwrite any styles in reset-fonts-grids.#.#.css and components.css files
------------------------------------------------------------------ */

/* Tags
------------------------------------------------------------------ */
body {text-align: left; margin-top:15px; color: #ffffff; background-color: #555555;  font-family:Georgia, "Times New Roman", Times, serif;} 
p { margin-bottom: 20px;  line-height:1.3em; text-align:left;} 
ol { margin-bottom: 15px; margin-left: 25px; }
ol li { list-style-type: decimal; }
dl { margin-bottom: 15px; margin-left: 25px; }
blockquote { padding: 15px; margin-bottom: 15px; }
td, 
th { text-align: left; vertical-align: top; } 
h1, h2, h3, h4, h5 { font-weight: normal; margin-bottom: 7px; } 
h1 { font-size: 180%;  margin-bottom: 10px; font-family: Garamond, "Times New Roman", Times, serif ; }

/* My Comment */ 
h2 { font-size: 160%;} 
h3 { font-size: 130%; } 
h4 { font-size: 110%; } 
h5 { font-size: 90%; } 
strong{font-weight:bold}
em{font-style : italic}

/* Links
------------------------------------------------------------------ */
a img { border: 0; } 
a, 
a:link, 
a:visited { color: #ffbd57; cursor: pointer; text-decoration: none;  } 
a:hover { color: #ffbd57; text-decoration: underline; } 
a img { text-decoration:none; border:0; }
#hd { clear:both; overflow:hidden; text-align:right; }
#hd .site-identification #site-title-en {
	display:block;
	height:69px;
	overflow:hidden;
	text-indent:-999em;
	width:166px;
	background: transparent url("../images/churchlogo.gif") no-repeat 0pt bottom;
}
#logo {
color:#FFFFFF;
display:inline;
float:left;
font-size:170%;
line-height:95%;
margin:15px 0pt;
text-align:left;
}
#hd .site-identification {
float:left;
padding:0pt;
}

#hd ul { list-style-type:none; text-align:right; margin-right:-25px;}
#hd ul li {float:right; margin:15px 25px 0 0;}
.dropcap {
font-size:34px;
font-weight:normal;
line-height:100%;
letter-spacing:-6px;
margin-right:3px;
} /*changing the line-height makes the line below the dropcap come closer in IE6*/
.images {background:#333333;padding:7px; text-align:center;margin: 0 0 25px 0;  width:454px}
* html .images { width:466px; } /*due to comment doctype bug in IE*/
.images p { font-size:90%; font-style:italic; margin-bottom:10px}
.images h3 { font-size:100%; font-style:italic; color:#666666;}
.images img { margin-bottom:10px; }

.video {background:#333333;padding:7px; margin: 0 0 25px 0; width:454px;}
* html .video { width:468px; } /*due to comment doctype bug in IE*/
.video p {text-align:left; font-family:Helvetica, arial, sans-serif; font-size:85%; color:#666666; margin: 25px 0 0 0;}
.video h4 { font-size:100%; font-style:italic; color:#ffbd57; line-height:1.5em;}
.video h3 { font-size:100%; font-style:italic; color:#666666; margin:5px 0 13px 0;}

.video img { border:2px solid #333; height:50px }
.video .active img { border:2px solid #f90 }
.video a:focus,.video a:active { outline: none; }

#titlebox {clear:both; border-bottom: 1px #666666 solid; margin-bottom: 41px; padding-top: 13px;}
#titlebox h1{font-size: 220%; color: #ffbd57; text-align: center; font-family: Garamond, "Times New Roman", Times, serif; border:none; margin:0px;}
#titlebox p {font-size: 90%; color: #fff; font-style:italic; text-align:center; margin-bottom:12px;}

#videoembed {background:url("../images/bkg-video.gif") no-repeat; height:240px; width:290px; float:left; margin: 0 15px 0 0; overflow:hidden}
#videolist { margin:0 ; clear:both; overflow:hidden; padding-top:10px; }

 blockquote.pull {
font-family:garamond, "Times New Roman", Times, serif; 
font-style: italic; 
font-size: 180%; 
text-align:center;
padding: 16px 0px 2px 0; 
margin:5px 168px;
line-height: .95em;}
div.fancy-hr{background:url(../images/fancy-hr.gif) no-repeat scroll center; height: 12px; margin: 17px 0 0;}
blockquote.pull a { font-size: 50%; color: #999999; font-style:normal; margin: 15px 0 0; display:block;}
#talks h2 {background:url(../images/NotableTalks.gif) no-repeat scroll center; height:18px; text-indent:-999em; margin: 0;}
#talks h3{font-size: 120%; color: #ffbd57; text-align: left; border:none; margin:36px 0 6px 0px; font-style:italic;}
#talks p.source {font-size: 85%; font-family: helvetica, arial, sans-serif; color:#999999; margin-bottom:7px;}

#ft { color:#999; border-top:1px solid #666; padding:12px; margin: 25px 0;}

/* other stories
------------------------------------------------------------------ */
#otherStories h2 { margin-top:30px; background:url("../images/bkg-moreMonson.gif") no-repeat; text-indent:-1000em; }
#otherStories li { margin-bottom:5px; border-bottom:1px solid #666; padding-bottom:5px; color:#999; font-size:11px; }
#otherStories a { font-size:14px; }
#otherStories li.last { border:0; }

/* timeline stuff
------------------------------------------------------------------ */
#timeline { background:#000; margin:36px 0 30px;}
#timeline h2 { background:url("../images/bkg-timelineHeading.gif") no-repeat center center; overflow:hidden; height:35px; padding:0; margin:0; text-indent:-1000em; border:0; }
#timelineControl { clear:both; overflow:hidden; margin-left:10px; }
#timelineControl a {
	height:30px;
	width:80px;
    float:left;
	margin: 0 5px 0 0;
    color: #ccc;
	background:url("../images/bkg-dates-off.gif") no-repeat center #222;
	display:block;
	text-indent:-1000em;
	overflow:hidden;
	
}

#timelineControl a:focus,#timelineControl a:active, #mycarousel-prev, #mycarousel-next { outline: none; }
#timelineControl a.active {  background-color:#3c3c3c; color:#fff; }

.jcarousel-clip { background:url("../images/bkg-timelineTexture.jpg");  }
.jcarousel-container-horizontal { width:852px; }
#timeline h3 { background-color:#B96F00; padding:5px; font-size:14px; }
#timeline ul, #timeline li { list-style-type:none; }
#timeline p, #timeline h4,#timeline h3,.jcarousel-list li li { font-family:verdana,arial,sans-serif; }
#theTimeline li ul { list-style-type:none; margin:0; padding:0; }
.jcarousel-list li li { float:left; border-left:1px solid #444; height:27em; margin-left:8px; padding:10px 0 0 10px; color:#999999; font-size:11px; font-weight:normal; text-align:left;list-style-type:none;   }

.jcarousel-list li li li { float:none; border:none; height:auto; margin:0 0 10px 0; padding:0; }

#theTimeline h4 { color:#fff; margin-bottom:10px; background:url("../images/img-star.gif") no-repeat; padding-top:30px; }

#mycarousel-prev { position:absolute; bottom:2em; left:-10px; z-index:100; border:0; }
#mycarousel-next { position:absolute; bottom:2em; right:-10px; z-index:100; }
a img { border:0; }

/* Position the date text background image */
a#date1 { background-position:center 3px; }
a#date2 { background-position:center -25px; }
a#date3 { background-position:center -65px; }
a#date4 { background-position:center -105px; }
a#date5 { background-position:center -145px; }
a#date6 { background-position:center -185px; }
a#date7 { background-position:center -225px; }			
a#date8 { background-position:center -265px; }

.nojshide { display:none; } /* Hide for when we don't have JS */

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
	background-color:#3c3c3c;
	width: 852px;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 852px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

/* ------------------------------------------------------------------
Media
Styles defined for specific media types (screen, print, handheld)
------------------------------------------------------------------ */


/* Print Specific Styles
------------------------------------------------------------------ */
@media print {
	body, .images { background:none; color:#333 }
	#doc2 { width:auto; }
	#nav, .video, .first a em, #otherStories, #hd { display:none }
	#titlebox h1,#otherStories h2  { color:#333 }
	#otherStories h2 { background:none; text-indent:0 }
	.yui-gd div.first { width:200px }
	#timeline { background:none }
	
	.jcarousel-scroll {display:none;}
	.jcarousel-list li li {height:auto; width:45% !important; float:left; margin-top:0;}
	.videos {display:none;}
	#timeline h2 {text-indent:0px; text-align:center;font-variant:small-caps; background:none}
	#doc2 { position:relative }
	blockquote.pull { /*position:absolute; top:400px; right:30px; */clear:both; overflow:hidden; width:auto; margin:0 auto; float:none; }
	.fancy-hr { display:none; }
	
	#timelineControl { display:none }
	#theTimeline { width:auto !important }
	#theTimeline h3 { display:block; position:static !important; background:none; font-size:16px; font-weight:bold }
	.jcarousel-clip { overflow:visible; background:none; width:auto !important; }
	.jcarousel-item { float:none; clear:both; overflow:hidden; width:auto !important; }
	.jcarousel-item:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
	.jcarousel-item {zoom:1;} /* IE */
	#theTimeline ul, .jcarousel-container-horizontal { width:auto }
	#theTimeline li { border:none }
	#theTimeline h4 { color:#333; font-weight:bold; background:none; margin-top:0 !important; padding-top:0 }
	#talks .yui-u { width:330px }
	#talks h2 { background:none; text-indent:0; text-align:center }
	.images, .pull { float:right; }

	.yui-gd .yui-u { width:auto; }
	.yui-gd, .yui-b { clear:both; overflow:hidden; }
	.yui-gd div.first { width:auto; margin-top:300px; }
	.yui-gd .images, #right { width:450px; margin:0; }
	.yui-gd { position:relative; }
	#right { position:absolute; top:0px; left:150px;}
}
/* Screen Specific Styles
------------------------------------------------------------------ */
@media screen {
	
}



/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
/**{padding: 0; margin: 0;}*/

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	height:100%;
	width:100%;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}