*{ margin:0; padding:0; font-size: 100%; font-family: Arial, Helvetica, sans-serif; }
img, a, a:active{border:0;outline:none;}
a{color:#4F91CD;text-decoration:none;}
a:hover{ text-decoration: none; color: #444; }

/* general ul style */
ul.pagelist { list-style-type: disc; margin: 15px 0 25px 0; padding: 0 0 0 35px; font-size: 12px;}
ul.pagelist li { padding: 3px 0 ; }

/* general theme style */
body{background-image:url(/modules/public/images/bg-body.png);background-position:top;}
#container {position: relative; overflow: hidden; margin: 0 auto; width: 960px;}
#h-container{width:100%;height:84px;background-image:url(/modules/public/images/bg-header.jpg);background-repeat:repeat-x;background-position:top;}
#header {width: 930px; height: 84px;font-size:12px;margin:0 auto;}
#logo{width: 393px; height: 56px;background-image:url(/modules/public/images/deseret-digital-media.gif);background-repeat:no-repeat;border: 0;float:left;margin-top:6px;}
#member { list-style-type: none; float: right; margin-right: 120px; margin-top: 5px; }
#member li { float: right; margin-left: 10px; }
#spotlight{width:900px;height:275px;background:#fff;border-top:1px solid #333;}
#main {width:960px;padding:15px 30px 30px 30px;color: #333; overflow: hidden;background-image:url(/modules/public/images/bg-main.png);background-repeat:repeat-y;}
.left-col{width:560px;height:auto;overflow:hidden;margin:15px 20px 15px 0;float:left;}
#leftside { float:left; width:215px;margin:10px 50px 0 15px;font-size:12px;}
#leftside ul li{list-style-type:none;font-weight:100;padding:5px 2px 5px 5px;font-size:12px;}
#leftside ul li ul li a{display:block;font-weight:100;font-size:11px;color:#666;}
#leftside ul li ul li{}
#leftside li a:hover { text-decoration: underline; }
#leftside img{margin:0 0 15px 0;}
#middle { float: left; width: 650px; }
#rightside { width:220px; height:auto; overflow: hidden; margin-top:15px; float:left; }
/* team section */
#content_photos ul { list-style-type: none; overflow: hidden; margin-top: 15px; }
#content_photos ul li { float: left; width: 195px; height: 80px; font-size: 12px;padding:0 5px 0 0; }
#content_photos ul li img { float: left; margin-right: 7px; width: 55px; height: 55px; }
#content_photos ul li h3 { display: block; font-size: 12px; }
#content_photos ul li h3 span { display: block; font-size: 11px; }

#content_section ul { list-style-type: none; margin: 25px 0 0 0; clear: left; }
#content_section ul li { margin: 0 0 20px 0; }
#content_section ul li img { float: left; margin-right: 10px; }
#content_section ul li h3 { font-size: 12px; }
#content_section ul li h3 a { text-decoration: none; }
#content_section ul li h3 a:hover { text-decoration: underline; }
#content_section ul li h3 span {}

/* general sub-section content */
#content_view { padding:0 50px 0 0; overflow: hidden; }
#content_view p { margin-bottom: 15px; }
/* #content_view img { padding:5px 0 5px 15px; } */

/* recent news div on home page */
#content_home { width: 550px; float: left; padding-right: 20px; }

/* --- Blue Buttons --- */
.blueButton { background: url(/images/blankbutton_06.jpg) top left no-repeat; height: 38px; padding: 0; margin: 0; float: left; }
.blueButton:hover { background: url(/images/blankhover_06.jpg) top left no-repeat; }
.blueButton a { background: url(/images/blankbutton_07.jpg) top right no-repeat; height: 38px; color: #fff; text-align: center; font-weight: bold; margin: 0; padding: 7px 13px 0 13px; display: block; font-size: 15px; font-family: arial, helvetica; }
.blueButton a:hover { background: url(/images/blankhover_07.jpg) top right no-repeat; }

/* general headers */
h1 {font-size: 16px;font-weight:600; margin-bottom: 5px;color:#4F91CD;margin-top:10px;}
h2 {font-size: 16px;font-weight:100; margin-bottom: 5px;color:#333;}
h3 {font-size: 16px;font-weight:100; margin-bottom: 5px;color:#333;}
p {font-size: 12px; line-height: 22px;}

/* --- Navbar --- */
#nav {float:left;width:900px;}
#navbar { margin:0 0 0 15px;position:absolute; padding: 0; top: 62px; width: 684px;font-weight: bold;opacity:.90;border-right:1px solid #999;z-index:900!important;float:left;}
#navbar li { float: left; list-style: none; font-size: 13px;color:#333;}
#navbar li a { display: block; padding: 2px 0px 0px 0px; font-family: Arial; height: 20px; width: 170px; text-align: center; text-decoration: none; border-left: 1px solid #999; color: #455560; white-space: nowrap; font-weight: bold; }
#navbar li a:hover { background: url(/modules/tree/images/darkBack.gif) repeat-x; color: #fff;}
#navbar li ul { margin: 0; padding: 0px 0px 0px 0px; position: absolute;  border-top: 1px solid white;color: #455560; z-index:999!important;float:left;visibility:hidden;}
#navbar li ul li { float: none; display: inline;}
#navbar li ul li a {text-align: left; border: none; font-size: 13px; font-weight: bold; color: #414141; padding: 4px 22px 0px 22px;background-image:url(/modules/public/images/bg-navul.png);background-repeat:repeat-y;margin-left:-9px;width:145px;}
#navbar li ul li a:hover {background-image:url(/modules/public/images/bg-navul.png);background-repeat:repeat-y;margin-left:-9px;color:#4F91CD;}
#navbar li ul .last a{background-image:url(/modules/public/images/bg-navul-bottom.png);background-repeat:repeat-y;background-position:0 35px;height:30px;}
#navbar li ul .last a:hover{background-image:url(/modules/public/images/bg-navul-bottom.png);background-repeat:repeat-y;background-position:0 35px;height:30px;}

/* general footer style */
#footer{width:930px;height:35px;color:#333;padding:0px 0px 5px 30px;font-size:11px;background-image:url(/modules/public/images/bg-footer.png);background-repeat:repeat-x;}
#footer #rights{width:715px;float:left;}
#footer #policy{width:200px;float:left;text-align:right;}
#footer a{color:#333;text-decoration:none;}
#footer a:hover{text-decoration:underline;}
#footer img{padding-top:9px;float:left;}
#footer p{float:left;margin:9px 0 0 10px;}

/* images that use the overlay lightbox feature - culture section */
#triggers img{padding:2px;border:1px solid #ccc;margin:5px;}

/* mission statement image */
#m-statement img{padding:2px;border:1px solid #ccc;margin-left:15px;}

/* rotator in-page placement */
div#rotator{position:relative;height:275px;}
/* rotator css */
div#rotator ul li{float:left;position:absolute;list-style:none;}
/* rotator image style */	
div#rotator ul li img{z-index:0!important;}
div#rotator ul li.show {}
/*end of rotator css*/

/*Content sections*/
.lside { }
.lside img { padding: 0 0 30px 0; }
.lside h3 { margin: 0 0 15px 0; font-size: 18px; color: #666; }
.lside ul { margin: 0 0 0 0; }
.lside ul li { margin: 0 0 10px 0; }
.lside ul li a { font-weight: bold; font-size: 14px; }
.lside ul li ul { }
.lside ul li ul li { margin: 0 0 0 35px; }
.lside ul li ul li a { font-weight: normal; font-size: 12px; }

#middle{width:610px;}
.clearall{clear:both;}
#spot-links-sub{margin-top: 40px;}

/*Scrollable my css*/
#spot-links{width:900px;height:40px;border-bottom:1px solid #333;border-top:1px solid #333;}
#logo-links{list-style-type:none;}
a#arrow-left{height:20px;width:20px;float:left;margin:10px 5px;background-image:url(/modules/public/images/arrow-left.gif);background-repeat:no-repeat;}
a:hover#arrow-left{background-position:0px -20px;}
#arrow-right{height:20px;width:20px;float:left;margin:10px 5px;background-image:url(/modules/public/images/arrow-right.gif);background-repeat:no-repeat;}
a:hover#arrow-right{background-position:0px -20px;}
.link{height:30px;float:left;width:190px;margin:5px 10px;}

a#ksl-logo{background-image:url(/modules/public/images/ksl-logo.gif);background-repeat:no-repeat;}
a:hover#ksl-logo{background-position:0px -30px;}
a#dnews-logo{background-image:url(/modules/public/images/deseret-news-logo.gif);background-repeat:no-repeat;}
a:hover#dnews-logo{background-position:0px -30px;}
a#dbook-logo{background-image:url(/modules/public/images/deseret-book-logo.gif);background-repeat:no-repeat;}
a:hover#dbook-logo{background-position:0px -30px;}
a#mtimes-logo{background-image:url(/modules/public/images/mormon-times-logo.gif);background-repeat:no-repeat;}
a:hover#mtimes-logo{background-position:0px -30px;}
a#ldsnews-logo{background-image:url(/modules/public/images/LDSchurchNews-logo.gif);background-repeat:no-repeat;}
a:hover#ldsnews-logo{background-position:0px -30px;}
a#arrow1035-logo{background-image:url(/modules/public/images/1035Arrow-logo.gif);background-repeat:no-repeat;}
a:hover#arrow1035-logo{background-position:0px -30px;}
a#fm100-logo{background-image:url(/modules/public/images/fm100-logo.gif);background-repeat:no-repeat;}
a:hover#fm100-logo{background-position:0px -30px;}


div.scrollable {/* required settings */position:relative;overflow:hidden;width:840px;height:40px;float:left;}
/* 	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {/* Length of main div containing all of the scrollable items - this cannot be too long */position:absolute;float:left;width:4000px;}
/* single scrollable item */
.scrollable li{float:left;cursor:pointer;}
/* active item */
.scrollable .active {position:relative;}
/* disabled navigational button */
a.disabled{visibility:hidden !important;} 

/* general lighbox css */
#jquery-overlay{position:absolute;top:0;left:0;z-index:998!important;width:100%;height:500px;}
#jquery-lightbox{position:absolute;top: 0;left: 0;width: 100%;z-index: 9999!important;text-align: center;line-height: 0;}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {position: absolute;top:40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#lightbox-nav {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%;height: 100%;zoom: 1;display: block;}
#lightbox-nav-btnPrev {left: 0;float: left;}
#lightbox-nav-btnNext {right: 0;float: right;}
#lightbox-container-image-data-box {font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;overflow: auto;width: 100%;padding: 0 10px 0;}
#lightbox-container-image-data {padding: 0 10px;color: #666;}
#lightbox-container-image-data #lightbox-image-details {width: 70%;float: left;text-align: left;}	
#lightbox-image-details-caption { font-weight: bold;}
#lightbox-image-details-currentNumber {display: block;clear: left;padding-bottom: 1.0em;}			
#lightbox-secNav-btnClose {width: 66px;float: right;padding-bottom: 0.7em;}

/* general tabs css */

/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:1px solid #666;	
	height:30px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url(/modules/public/images/blue.png) no-repeat -420px 0;
	font-size:11px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 134px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -420px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -420px -62px;		
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs a.s:hover 	{ background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l 			{ background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover 	{ background-position: -248px -31px; }
ul.tabs a.l.current  { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }

.panes{background:white;}

/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;		
}