﻿/* 1. Left Content
---------------------------------------------*/
#content #left {
	float: left;
	padding: 14px;
	width: 198px;
	border: 1px solid #D2DDE4;
	background: white;
	}

* html #content #left {
	overflow: hidden;
	}

#scriptures,
#comment,
#news {
	margin-bottom: 35px;
	}

#scriptures h3,
#comment    h3,
#news       h3 {
	margin-bottom: 6px;
	}

* html #scriptures h3,
* html #comment    h3,
* html #news       h3 {
	margin-bottom: 8px;
	}

#scriptures ol,
#comment    ol,
#news       ol {
	margin: 0 3px 22px;
	}

#scriptures ol li,
#comment    ol li,
#news       ol li {
	margin-bottom: 1px;
	padding-left: 13px;
	background: url(/images/museum/bullet-1.png) no-repeat 0 4px;
	}

* html #scriptures ol li,
* html #comment    ol li,
* html #news       ol li {
	background-position: 0 3px;
	}

* + html #scriptures ol li,
* + html #comment    ol li,
* + html #news       ol li {
	background-position: 0 5px;
	}

#scriptures ol li a,
#comment    ol li a,
#news       ol li a {
	color: #333385;
	font-size: 0.95em;
	line-height: 1.1em;
	}

#scriptures .more,
#comment    .more,
#news       .more {
	display: inline-block;
	margin-left: 125px;
	padding: 4px 0 1px 20px;
	color: #39F;
	font-size: 0.95em;
	background: url(/images/museum/icon-1.png) no-repeat 0 0;
	}

* html #scriptures .more,
* html #comment    .more,
* html #news       .more {
	padding-top: 5px;
	}

* + html #scriptures .more,
* + html #comment    .more,
* + html #news       .more {
	padding-top: 3px;
	}

#sites {
	margin: 0 auto 15px;
	display: block;
	width: 180px;
	height: 31px;
	overflow: hidden;
	text-indent: -500em;
	background: url(/images/museum/b5/sites_bg.png) no-repeat top left;
	}

#free {
	position: relative;
	margin: 0 auto 12px;
	width: 184px;
	height: 126px;
	background: url(/images/museum/b5/free_bg.png) no-repeat top left;
	}

#free ul li {
	position: absolute;
	}

#free ul .li-1 { top:  45px; left:  34px; }
#free ul .li-2 { top:  45px; left: 123px; }
#free ul .li-3 { top:  78px; left:  34px; }
#free ul .li-4 { top:  78px; left: 123px; }
#free ul .li-5 { top: 108px; left:  34px; }

#free ul li a {
	position: relative;
	color: #474747;
	font-size: 0.95em;
	}

#temp {
	margin-bottom: 14px;
	}

#left .gap {
	position: relative;
	margin: 0 -15px 14px;
	width: 229px;
	height: 9px;
	overflow: hidden;
	border: solid #D2DDE4;
	border-width: 1px 0;
	background: #EAF0F4;
	}

* html #left .gap {
	width: 228px;
	}

#guide {
	margin: 0 auto;
	padding-top: 40px;
	width: 199px;
	background: url(/images/museum/guide_bg.png) no-repeat top left;
	}

#guide ul {
	margin-bottom: -1px;
	}

#guide ul li {
	padding: 6px 0 0 31px;
	margin: 0 auto 9px;
	width: 151px;
	height: 21px;
	background: url(/images/museum/guide_li_bg.png) no-repeat top left;
	}

* html #guide ul li {
	padding-top: 7px;
	height: 20px;
	background-image: url(/images/museum/ie6_guide_li_bg.png);
	}

#guide ul li a {
	color: #393939;
	}


/* 2. Center Content
---------------------------------------------*/
#center {
	float: left;
	display: inline;
	margin-left: 9px;
	padding: 12px 12px 1px;
	width: 479px;
	border: 1px solid #D2DDE4;
	background: white;
	}

#center .block h3 {
	margin-bottom: 8px;
	}

* html #center .block h3 {
	margin-bottom: 10px;
	}

#center .block ol {
	margin-bottom: 16px;
	}

#center .block ol li {
	margin-bottom: 2px;
	padding-left: 14px;
	background: url(/images/museum/bullet-2.png) no-repeat 0 4px;
	}

* html #center .block ol li {
	background-position: 0 3px;
	}

* + html #center .block ol li {
	background-position: 0 5px;
	}

#center .block ol li a {
	color: #333385;
	font-size: 0.95em;
	line-height: 1.1em;
	}

#center .block ol li span {
	position: relative;
	top: 1px;
	color: #36C;
	font-size: 0.75em;
	line-height: 1.1em;
	cursor: default;
	}

#center .block .more {
	float: right;
	clear: right;
	margin-bottom: 9px;
	margin-right:10px;
	padding: 4px 0 1px 20px;
	color: #960;
	font-size: 0.95em;
	text-align: right;
	background: url(/images/museum/icon-2.png) no-repeat 0 0;
	}

* html #center .block .more {
	margin-bottom: -9px;
	padding-top: 5px;
	}

* + html #center .block .more {
	margin-bottom: -9px;
	padding-top: 3px;
	}

#center .block .more a {
	color: #960;
	}

#center .block .more span {
	margin: 0 3px;
	}

#center .sep {
	clear: both;
	margin-bottom: 11px;
	width: 489px;
	height: 3px;
	overflow: hidden;
	background: url(/images/museum/dot-1.gif) repeat-x top left;
	}

#center .block .float {
	float: right;
	display: inline;
	margin: 0 0 31px 1em;
	}


/* 3. Right Content
---------------------------------------------*/
#right {
	float: left;
	display: inline;
	margin-left: 9px;
	width: 208px;
	}

* html #right {
	margin-right: -9px;
	}

#videos {
	margin-bottom: 9px;
	padding-top: 43px;
	background: url(/images/museum/videos_bg.png) no-repeat top left;
	}

#specific {
	position: relative;
	margin-bottom: 9px;
	padding: 51px 0 5px;
	border: 1px solid #D6BC8F;
	background: white url(/images/museum/b5/truth.png) no-repeat top center;
	}

#specific ol {
	margin: 0 12px;
	}

#specific ol li {
	margin-bottom: 4px;
	padding-left: 12px;
	background: url(/images/museum/bullet-3.png) no-repeat 0 7px;
	}

* html #specific ol li {
	background-position: 0 5px;
	}

#specific ol li a {
	color: #653D33;
	font-size: 0.95em;
	}

#recommend {
	padding: 12px;
	height: 1%;
	overflow: hidden;
	border: solid #D2DDE4;
	border-width: 1px 1px 0;
	background: white;
	} 

* html #recommend {
	padding-bottom: 1px;
	} 

* + html #recommend {
	padding-bottom: 3px;
	} 

#selected {
	padding: 14px 12px 12px;
	height: 1%;
	overflow: hidden;
	border: solid #D2DDE4;
	border-width: 0 1px 1px;
	background: white;
	} 

#recommend h3,
#selected  h3 {
	margin-bottom: 10px;
	text-align: center;
	}

#recommend ol,
#selected  ul {
	margin-bottom: 9px;
	}

#recommend ol li,
#selected  ul li {
	margin-bottom: 2px;
	padding-left: 14px;
	background: url(/images/museum/bullet-2.png) no-repeat 0 4px;
	}

* html #recommend ol li,
* html #selected  ul li {
	background-position: 0 3px;
	}

* + html #recommend ol li,
* + html #selected  ul li {
	background-position: 0 5px;
	}

#recommend ol li a,
#selected  ul li a {
	color: #333385;
	font-size: 0.95em;
	line-height: 1.1em;
	}

#recommend .more,
#selected  .more {
	float: right;
	clear: right;
	padding: 4px 0 1px 20px;
	color: #960;
	margin-right:10px;
	font-size: 0.95em;
	text-align: right;
	background: url(/images/museum/icon-2.png) no-repeat 0 0;
	}

* html #recommend .more,
* html #selected  .more {
	padding-top: 5px;
	}

* + html #recommend .more,
* + html #selected  .more {
	padding-top: 4px;
	}

#right .sep {
	clear: both;
	margin: -3px auto 0;
	width: 173px;
	height: 3px;
	overflow: hidden;
	border: solid white;
	border-width: 0 12px;
	background: url(/images/museum/dot-1.gif) repeat-x top left;
	}

