
/*
family40_dobson_screen.css
Copyright 2007, Focus on the Family
Created: 10/21/207
Version: 1.0
*/


/* overrides of main  and bios stylesheets */
.curvedBox
{
	height: 462px;
	background: url(/images/pageelements/curvedbox_bios.gif) no-repeat;
}
#breadCrumbs
{
	background-position: -453px -41px;
}

#leftNav
{
	background: url(/images/backgrounds/dobsonnav_background.gif);
}
#primaryNav
{
	height: 238px;
	background: url(/images/backgrounds/dobson_primnav_bg.gif) no-repeat;
}
#primaryNav li a
{
	background: #876028;
	border-color: #a37735 #5b411c #5b411c #a37735;
}
#primaryNav li a.selected, #primaryNav li a:hover.selected
{
	background: #49352c;
}
#primaryNav li a:hover
{
	color: #876028;
}
#primaryNav li a:hover.selected
{
	border-color: #9D5C5C #360000 #360000 #9D5C5C;
}

#editorialWell
{
	margin-left: 212px;
}
#editorialWell h2
{
	font-size: 24px;
	float: left;
	line-height: 19px;
}

.bioTop
{
	background: url(/images/backgrounds/dobsonbiotop.gif);
}
.bioimageDobson
{
	background: url(/images/pageelements/bioimage_dobsontwo.jpg);
}
.spotlight h2
{
	background: none;
}
.spotlight h3
{
	text-indent: -9999px;
	font-size: 1px;
}
.backNext
{
	margin: 4px 0 0 0;
	overflow: hidden;
}

.bioboxesDobson .bioboxOne
{
	background: url(/images/backgrounds/dobsonbioboxone.gif) no-repeat;
}
a.clickIcon
{
	display: block;
	position: absolute;
	font-size: 1px;
	text-indent: -9999px;
	width: 28px;
	height: 26px;
	z-index: 100;
	left: 408px;
	top: 239px;
}
.bioboxesDobson .bioboxTwo
{
	background: url(/images/backgrounds/dobsonbioboxtwo.gif) no-repeat;
}
.bioboxesDobson .bioboxThree
{
	background: url(/images/backgrounds/dobsonbioboxthree.gif) no-repeat;
}
.bioboxesDobson .bioboxFour
{
	width: 231px;
	height: 68px;
	overflow: hidden;
	position: absolute;
	top: 503px;
	left: 220px;
	background: url(/images/backgrounds/dobsonbioboxfour.gif) no-repeat;
}
.bioboxFour h3 { margin:15px 0 0 100px; line-height:11px; }
.bioboxFour p { margin:3px 3px 0 80px; line-height:13px; }
.bioboxesDobson h3
{
	color: #fff;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
}
.bioBoxes h4 a
{
	color: #fff;
}

.alertBox h3
{
	text-indent: -9999px;
	font-size: 1px;
}

ul.storeLinks li a
{
	color: #49352c;
}

/* curved box styles */
h1.biotitleDobson
{
	width: 344px;
	background: url(/images/backgrounds/dobsonbiotitle.gif);
}

/* editorialWell styles */

.alertBox .rss a
{
	display: block;
	position: absolute;
	overflow: hidden;
	width: 16px;
	height: 16px;
	top: 368px;
	left: 165px;
	font-size: 1px;
	text-indent: -9999px;
	background-image: none;
}

#tabs
{
	overflow: hidden;
	height: 19px;
}
#tabs div
{
	float: right;
	width: 250px;
}
#tabs h2
{
	font-size: 1px;
	text-indent: -9999px;
	display: block;
	width: 228px;
	height: 21px;
	background: url(/images/backgrounds/drdobsonmedia.gif) no-repeat;
	position: absolute;
	z-index: 200;
	top: 635px;
	left: 130px;
}
#tabs ul
{
	list-style: none;
	float: right;
	margin: 0;
	padding: 0;
}
#tabs li
{
	display: inline;
	float: left;
}
#tabs li a
{
	display: block;
	width: 81px;
	height: 19px;
	background-image: url(/images/backgrounds/dobsontabs_background.gif);
	background-repeat: no-repeat;
	font-size: 1px;
	text-indent: -9999px;
}

#tabs a.tab1
{
	background-position: 0 0;
}
#tabs a:hover.tab1
{
	background-position: 0 -19px;
}
#tabs a.tab1selected, #tabs a:hover.tab1selected
{
	background-position: 0 -38px;
}

#tabs a.tab2
{
	background-position: -81px 0;
}
#tabs a:hover.tab2
{
	background-position: -81px -19px;
}
#tabs a.tab2selected, #tabs a:hover.tab2selected
{
	background-position: -81px -38px;
}

#tabs a.tab3
{
	background-position: -162px 0;
}
#tabs a:hover.tab3
{
	background-position: -162px -19px;
}
#tabs a.tab3selected, #tabs a:hover.tab3selected
{
	background-position: -162px -38px;
}

#filterBox
{
	overflow: hidden;
	height: 228px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	color: #49352c;
	margin: 1px 0 0 0;
}

#sort
{
	overflow: hidden;
	height: 50px;
}
#sort1
{
	height: 25px;
	overflow: hidden;
}
#sort p, #sort1 p
{
	margin: 6px 0 0 0;
}
#sort ul, #sort1 ul
{
	text-align: right;
	list-style: none;
	margin: 6px 0;
	padding: 0;
}
#sort li, #sort1 li
{
	display: inline;
	margin: 0 1px;
}
#sort li a, #sort1 li a
{
	color: #49352c;
}
#sort li a:hover, #sort1 li a:hover
{
	text-decoration: none;
	color: #006782;
}
#sort li a.selected, #sort1 li a.selected
{
	font-weight: bold;
}
#sort li a.selected:hover, #sort1 li a.selected:hover
{
	text-decoration: underline;
}

#filterBox .content
{
	float: left;
	width: 94px;
	height: 185px;
	overflow: hidden;
	margin: 5px 24px 0 0;
}
#filterBox .content p
{
	margin: 2px 0;
	line-height: 11px;
}
#filterBox .content .info
{
	overflow: hidden;
	padding: 0 0 2px 0;
	height: 65px;
}
#filterBox .last
{
	margin-right: 0;
}

#filterBox h4
{
	margin: 0;
}
#filterBox h4 a
{
	background: url(/images/backgrounds/sprites.gif) no-repeat;
	padding: 0 0 0 20px;
}
#filterBox h4 a.article
{
	background-position: -328px -165px;
}
#filterBox h4 a.Video
{
	background: url(/images/backgrounds/sprites.gif) -283px -212px no-repeat;
}
#filterBox h4 a.Audio
{
	margin: 0 0 3px 0;
	background: url(/images/backgrounds/sprites.gif) -303px -189px no-repeat;
}

#filterBox .content h4 a
{
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #006782;
	text-decoration: none;
}
#filterBox .content h4 a:hover
{
	text-decoration: underline;
}
#filterBox p a
{
	color: #49352c;
}
#filterBox p a:hover
{
	text-decoration: none;
}


#filterBox input
{
	width: 75px;
	margin: 0px 3px 0px 0px;
}

p.error
{
	font-weight: bold;
	color: red;
}

.box
{
	overflow: hidden;
}
.maroongray
{
	width: 219px;
	height: 174px;
	background: url(/images/backgrounds/dobsonleftboxes.gif) no-repeat;
}
.browngray
{
	width: 199px;
	height: 174px;
	background: url(/images/backgrounds/dobsonrightboxbottom.gif) no-repeat;
}
.tall
{
	height: 461px;
	background: url(/images/backgrounds/dobsonrightboxtop.gif) no-repeat;
}

.box .content { height:154px; overflow:hidden; }
.backNext,
.box .bottomLink { height:20px; padding:0 10px 0 0; margin:0; background:transparent; text-align:right; }
.backNext { height:25px; }
.maroongray .backNext ul { margin:0 0 5px 0; }

#editorialWell .box h3
{
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight: bold;
	line-height: 11px;
	text-transform: uppercase;
	margin: 5px 0 0 10px;
}
.box p { margin:7px 10px 0 10px; line-height:12px; }
.box p.narrow { margin-left:100px; }
.box a { color:#49352c; }
.box a:hover { text-decoration:none; }
.box a.caps { font-weight:bold; text-transform:uppercase; text-decoration:none; }
.box a.caps:hover { text-decoration:underline; }
.box ul { margin:10px; padding:0; list-style:none; }
.box .content { height: 154px; overflow: hidden; }
.box .content ul li { margin:0 0 5px 0; padding:0 0 0 14px; background:url(/images/backgrounds/sprites.gif) -216px -272px no-repeat; }
.box blockquote { font-weight:bold; margin:10px; }
.box cite { float:right; font-style:normal; margin:0 10px 0 0; }

#letterImage, #photoGallery
{
	position: absolute;
	z-index: 200;
	text-indent: -9999px;
	display: block;
	font-size: 1px;
}
#letterImage
{
	top: 954px;
	left: 170px;
	width: 136px;
	height: 150px;
	background: url(/images/backgrounds/letterimage_background.gif) no-repeat;
}
#photoGallery
{
	top: 1139px;
	left: 171px;
	width: 135px;
	height: 151px;
	background: url(/images/backgrounds/photogallery_background.gif) no-repeat;
}

.browngray img
{
	margin: 10px;
}
#editorialWell .browngray h4
{
	margin: 10px 0 0 10px;
}
#editorialWell .browngray h4 a
{
	font: normal 15px Arial, Helvetica, sans-serif;
	line-height: 16px;
	color: #49352c;
	font-weight: bold;
	text-decoration: none;
}

h4.signupButton, h4.signupButton a
{
	margin: 0;
	font-size: 1px;
	text-indent: -9999px;
}
h4.signupButton a
{
	float: right;
	margin: 0 10px 0 0;
	display: block;
	width: 77px;
	height: 31px;
	background: url(/images/backgrounds/newslettersignup.gif) no-repeat;
}
h4.signupButton a:hover
{
	background-position: 0 -31px;
}


.contentDot img
{
	width: 16px;
	height: 16px;
}

