#container-sidebar ul {
	margin: 0 0 15px 15px;
	padding: 0;
}
#container-sidebar li {
	list-style: none;
	font: 0.8em Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 8px;
	}
h3 {
	padding: 0;
	margin: 0;
}

a:hover {
	text-decoration: underline;
	}

/* =Banner
----------------------------------------------- */

/* image replacement for the header */
#header, #header span.empty {
	background: url(../jesus-images/bnnr_jesus_left.gif) no-repeat;
	width: 720px;
	height: 80px;
	}
#container-header {
	background:    url(../jesus-images/bnnr_jesus_right.jpg) no-repeat 360px;
	margin: 0 0 20px 0;
	width: 720px;
	height: 80px;
	}



/* =Sidebar Content
----------------------------------------------- */
#container-sidebar {
	width: 200px;
	float: right;
}
#country-websites {
	border-bottom: 3px solid #b3b3b3;
}
#country-websites h4 {
	background-color: #b3b3b3;
	font: bold 0.8em Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
	text-align: center;
	padding: 0.3em;
	margin: 0px 0px .7em;
}
#country-websites a {
	text-decoration: none;
	color: #203a53;
	}
#country-websites a:hover {
	text-decoration: underline;
	}

#country-websites .url {
	font-weight: normal;
	font-size: 100%;
	font-size: .8em;
	margin-left: 1em;
	margin-top: -2px;
}

#country-websites li {
	list-style: url(../jesus-images/bllt_double-arrow.gif) none;
	margin: 0 0 4px 0;
	}


#country-websites .url a:link, .url a:link, #country-websites url a:visited {
	color: #999;
	}



/* =Main Content
----------------------------------------------- */
#container-main-content {
	width: 500px;
	float: left;
}
#intro p {
	font: 0.95em/1.4em Georgia, "Times New Roman", Times, serif;
	color: #666;
	margin: 0 0 15px 0;
}
.cap {
	font: normal 1.6em/1.2em Georgia, "Times New Roman", Times, serif;
	float: left;
	width: 1.2em;
	color:#FFFFFF;
	text-align: center;
	border: 2px solid #598059;
	margin: .2em .2em 0 0;
	background: #0f400f;
	}


/* =Topics
----------------------------------------------- */
.topic {
	margin-bottom: 20px;
	border-width: 10px;
	border-style:solid;
	width:480px;	
	}
.topic .intro {
	font: 0.9em/1.3em Georgia, "Times New Roman", Times, serif;
	padding-bottom: 10px;
	margin: 10px 10px 0 10px;
	}
.topic .container {
	}
.topic ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
.topic li {
	font: normal 0.7em/1.4em Verdana, Arial, Helvetica;
	margin: 0 0 0 0;
	padding: 10px 10px 15px 60px;
	width: 170px;
	float: left;
	display: inline;
}
	.topic li.right {
		}
.topic li strong {
	color:#fff;
	}
.topic .popout-content ul {
	list-style-type: disc;
	margin: 1em 1em 3em 3em;
	}

.topic .popout-content li {
	font: 1em/1.3em Georgia, "Times New Roman", Times, serif;
	margin: 1em 0 0 0;
	padding: 0;
	width: auto;
	float: none;
	display: list-item;
	color: #333;
	list-style-type: disc;
}
.topic li a {
	color:#ffdb56;
	text-decoration: none;
	}
	.topic li a:hover {
		color:#fff;
		text-decoration: underline;
		}

/* =Life Before
----------------------------------------------- */
#life-before {
	background: #3b543b url(../jesus-images/bg-life-before.gif) no-repeat right top;
	border-color: #627662;
	margin-bottom: 20px;
	}
#life-before h2 {
	padding-top: 42px; /* height of the replacement image */
	height: 0px;
	overflow: hidden;
	background: url(../jesus-images/hdr-life-before.gif) no-repeat;
	border-bottom: 10px solid #627662;
	position: static;	
	}
#life-before .intro {
	border-bottom: 1px solid #627662;
	}
#life-before {
	color: #bed4be;
	}
#life-before li.selected {
	background-color: #627662;
	position: relative;
		}
li#virgin-birth {
	background: url(../jesus-images/thumb-birth.gif) no-repeat 10px;
	}
li#son-of-god {
	background: url(../jesus-images/thumb-heavens.gif) no-repeat 10px;
	}
li#miracles {
	background: url(../jesus-images/thumb-fish.gif) no-repeat 10px;
	}
li#mission {
	background: url(../jesus-images/thumb-sheep.gif) no-repeat 10px;
	}



/* =Survival
----------------------------------------------- */
#survival {
	background: #4d2121 url(../jesus-images/bg-survival.gif) no-repeat right top;
	border-color: #714d4d;
	margin-bottom: 20px;
	}
#survival h2 {
	padding-top: 42px; /* height of the replacement image */
	height: 0px;
	overflow: hidden;
	background: url(../jesus-images/hdr-survival.gif) no-repeat;
	border-bottom: 10px solid #714d4d;
	position: static;	
}
#survival .intro {
	border-bottom: 1px solid #714d4d;
	}
#survival {
	color: #d3c3bd;
	}
#survival li.selected {
	background-color: #714d4d;
	position: relative;
	}
li#jonah {
	background: url(../jesus-images/thumb-whale.gif) no-repeat 10px;
	}
li#blood-and-water {
	background: url(../jesus-images/thumb-spear.gif) no-repeat 10px;
	}
li#gethsemane {
	background: url(../jesus-images/thumb-prayer.gif) no-repeat 10px;
	}
li#duration {
	background: url(../jesus-images/thumb-hourglass.gif) no-repeat 10px;
	}
li#pilate {
	background: url(../jesus-images/thumb-pilate.gif) no-repeat 10px;
	}
li#herbs {
	background: url(../jesus-images/thumb-aloe.gif) no-repeat 10px;
	}
li#legs {
	background: url(../jesus-images/thumb-legs.gif) no-repeat 10px;
	}
li#denial {
	background: url(../jesus-images/thumb-honeycomb.gif) no-repeat 10px;
	}


/* =Life After
----------------------------------------------- */
#life-after {
	background: #213a54 url(../jesus-images/bg-life-after.gif) no-repeat right top;
	border-color: #4d6176;
	margin-bottom: 20px;
	}
#life-after h2 {
	padding-top: 42px; /* height of the replacement image */
	height: 0px;
	overflow: hidden;
	background: url(../jesus-images/hdr-life-after.gif) no-repeat;
	border-bottom: 10px solid #4d6176;
	position: static;	
	}
#life-after .intro {
	border-bottom: 1px solid #4d6176;
	}
#life-after {
	color: #bec9d4;
	}
#life-after li.selected {
	background-color: #4d6176;
	position: relative;
		}
li#lost-tribes {
	background: url(../jesus-images/thumb-map.gif) no-repeat 10px;
	}
li#tomb {
	background: url(../jesus-images/thumb-tomb.gif) no-repeat 10px;
	}
li#buddhism {
	background: url(../jesus-images/thumb-buddha.gif) no-repeat 10px;
	}
li#victory {
	background: url(../jesus-images/thumb-kashmir.gif) no-repeat 10px;
	}

/* @group Popouts */

/* This container is necessary to apply the drop shadow effect */


.popout-container {position: absolute;
top: 6px; left:100%; width:400px;
z-index: 1; /* safari needs this */
}

.popout-container-right-wide {position: absolute;
top: 6px; left:100%; width:500px;
z-index: 1; /* safari needs this */
}


.popout-container-bottom {position: absolute;
top: 100%; left:6px; width:500px;
z-index: 1; /* safari needs this */
}

.popout-container-bottom-wide {position: absolute;
top: 100%; left:6px; width:700px;
z-index: 1; /* safari needs this */
}

.popout-container-top {position: absolute;
bottom: 58px; left:6px; width:500px;
z-index: 1; /* safari needs this */
}



/* This child selector is not recognized by ie6 and lower. Therefore, it doesn't display the transparent png which it can't handle  */
li>div.popout-container,li>div.popout-container-right-wide, li>div.popout-container-bottom, li>.popout-container-bottom-wide {
	background: url(../jesus-images/bg-shadow.png) right bottom;
	}

.popout-content{
	background-color: #ffffe5;
	padding: 20px;
	color: #333;
	position: relative;
	top: -6px; left:-6px;
	font: 1.2em/1.4em Georgia, "Times New Roman", Times, serif;
}
#life-before .popout-content{
	border: 10px solid #627662;
}
#survival .popout-content{
	border: 10px solid #714d4d;
}
#life-after .popout-content{
	border: 10px solid #4d6176;
}
.popout-content h4 {
	margin: 1.7em 0 0 0;
	color: black;
	font: bold 1.1em Arial, Helvetica, Geneva, sans-serif;
}
	.popout-content h4.first {
		margin: 0 0 0 0;
	}
	#life-before .popout-content h4 {
		color: #3b543b;
	}
	#survival .popout-content h4 {
		color: #714d4d;
	}
	#life-after .popout-content h4 {
		color: #4d6176;
	}


.popout-content p {
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 1em;
}
.popout-content p a {
	color: #0000cc;
	font-weight: bold;
}
	.popout-content p a:hover {
		color: #0000ff;
	}

.popout-content blockquote {
	margin-top: 1em;
	margin-bottom: 1.2em;
	margin-left: 3em;
	margin-right: 3em;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	line-height: 1.1em;
}


.popout-content .footnotes {
	border-top: 1px dotted #666;
	text-indent: -.6em;
	font: .8em Arial, Helvetica, Geneva, sans-serif;
}

.popout-content a.close-button {
	color: #ffffe5;
	position: relative;
	float: right;
	top: -20px;
	right: -20px;
	width: 1.2em;
	height: 1.5em;
	text-align: right;
	font: .9em "Lucida Grande", Lucida, Verdana, sans-serif;
	text-decoration: none;
}
#life-before .popout-content a.close-button {
	background-color: #627662;
}
#survival .popout-content a.close-button {
	background-color: #714d4d;
}
#life-after .popout-content a.close-button {
	background-color: #4d6176;
}


.popout-content a.close-button:hover {
	text-decoration: none;
}

/* @end */