/* =================== interactive pages =================*/

body.interactive, body.activity {
	background-image:url(/i/interactive-bg.gif);
	background-color:#000;
	background-repeat:repeat-x;
}
body.activity-pop {
	background-image:none;
	background-color:#000;
}
.interactive #container {
	margin:0;
	background: url(/i/interactive-nav-repeat.gif) repeat-y;
	height:100%;
	min-height: 100%;
}
.interactive #logo, .activity #logo, .activity-pop #logo, .secondary #logo {
	display:none;
}
.interactive #head, .activity #head, .activity-pop #head {
	display:none;
}
.interactive #nav, .activity #nav, .activity-pop #nav {
	display:none;
}
#interactive-nav {
	width:700px;
	height:30px;
	margin:0 0 24px 0;
}
#interactive-nav ul {
	list-style-type:none;
}
#interactive-nav li {
	display:inline;
	float:left;
}
#interactive-nav li a:link, #interactive-nav li a:visited {
	text-decoration:none;
	display:block;
	color:#ccc;
	font-size:0.8em;
	margin:0.5em 0.3em;
	padding:3px;
	font-size:1.1em;
}
#interactive-nav li a:hover {
	background-color:#000;
}
.interactive #text {
	margin:0;
	padding:0;
	float:left;
}
.activity-pop #text {
	margin:0 auto;
	width:680px;
	padding:0;
	float:none;
	font-size:1.2em;
	color:#eee;
}
.activity-pop blockquote {
	background-color:#333;
	font-style:normal;
}
.activity-pop h2 {
	font-size:2em;
	border-bottom:#ccc dashed 1px
}
.activity-pop h3 {
	font-size:1.4em;
}
.activity-pop h4 {
	font-size:1.2em;
}
.activity-pop table {
	border-collapse:collapse;
}
.activity-pop td, .activity-pop th {
	border:#ccc solid 1px;
}
.interactive #foot, .activity #foot, .activity-pop #foot {
	display:none;
}
#interactive-1 img {
	margin:15px 10px;
}

.thumbs {
	margin:0 20px;
}
.thumbs img {
	border:#fff solid 2px;
}

.highlight {
	background-color:#ff0;
	color:#000;
}

.ipage {
	font-weight:bold; 
	background-color:#000;
	color: #ffffff !important;
}

.resource {
background: #fefefd url(/i/paper-bg.jpg) no-repeat 0 0;
color:#222222;
left:300px;
margin:30px 20px 0 0;
padding:10px 30px 25px 30px;
position:absolute;
top:130px;
z-index:3;
border-bottom: 35px solid #000000;
}

.resource p {
	line-height:1.4em;
}

#bankfoot-house-mark-1, #bankfoot-house-mark-2, #bankfoot-house-mark-3, #bankfoot-house-mark-4,
#home-life-mark-1, #home-life-mark-2, #home-life-mark-3, #home-life-mark-4, #home-life-mark-5, #home-life-mark-6, #home-life-mark-7,
#grigor-family-mark-1, #grigor-family-mark-2, #grigor-family-mark-3, #grigor-family-mark-4, #grigor-family-mark-5, #grigor-family-mark-6, #grigor-family-mark-7, #grigor-family-mark-8, #grigor-family-mark-9, #grigor-family-mark-10, #grigor-family-mark-11, #grigor-family-mark-12,
#glasshouse-mountains-mark-1, #glasshouse-mountains-mark-2, #glasshouse-mountains-mark-3, #glasshouse-mountains-mark-4, #glasshouse-mountains-mark-5, #glasshouse-mountains-mark-6, #glasshouse-mountains-mark-7, #glasshouse-mountains-mark-8 , #glasshouse-mountains-mark-9,
#outside-influences-mark-1, #outside-influences-mark-2, #outside-influences-mark-3
{
	position:absolute;
	width:125px;
	height:100px;
	background-image:url(/i/q.png);
	background-repeat:no-repeat;
	cursor:pointer;
}
#bankfoot-house-mark-1 a, #bankfoot-house-mark-2 a, #bankfoot-house-mark-3 a, #bankfoot-house-mark-4 a,
#home-life-mark-1 a, #home-life-mark-2 a, #home-life-mark-3 a, #home-life-mark-4 a, #home-life-mark-5 a, #home-life-mark-6 a, #home-life-mark-7 a,
#grigor-family-mark-1 a, #grigor-family-mark-2 a, #grigor-family-mark-3 a, #grigor-family-mark-4 a, #grigor-family-mark-5 a, #grigor-family-mark-6 a, #grigor-family-mark-7 a, #grigor-family-mark-8 a, #grigor-family-mark-9 a, #grigor-family-mark-10 a, #grigor-family-mark-11 a, #grigor-family-mark-12 a,
#glasshouse-mountains-mark-1 a, #glasshouse-mountains-mark-2 a, #glasshouse-mountains-mark-3 a, #glasshouse-mountains-mark-4 a, #glasshouse-mountains-mark-5 a, #glasshouse-mountains-mark-6 a, #glasshouse-mountains-mark-7 a, #glasshouse-mountains-mark-8 a, #glasshouse-mountains-mark-9 a,
#outside-influences-mark-1 a, #outside-influences-mark-2 a, #outside-influences-mark-3 a
{
	background:none;
	display:block;
	width:125px;
	height:100px;
	text-decoration:none;
}

#bankfoot-house-mark-1 {top:270px; left:500px;}
#bankfoot-house-mark-1:hover {background-image:url(/interactive/bankfoot-house/mark-bankfoot-house-1.png)}

#bankfoot-house-mark-2 {top:260px; left:740px;}
#bankfoot-house-mark-2:hover {background-image:url(/interactive/bankfoot-house/mark-bankfoot-house-2.png)}

#bankfoot-house-mark-3 {top:160px; left:540px;}
#bankfoot-house-mark-3:hover {background-image:url(/interactive/bankfoot-house/mark-bankfoot-house-3.png)}

#bankfoot-house-mark-4 {top:400px; left:540px;}
#bankfoot-house-mark-4:hover {background-image:url(/interactive/bankfoot-house/mark-bankfoot-house-4.png)}

#home-life-mark-1 {top:270px; left:500px;}
#home-life-mark-1:hover {background-image:url(/interactive/home-life/mark-home-life-1.png)}

#home-life-mark-2 {top:260px; left:740px;}
#home-life-mark-2:hover {background-image:url(/interactive/home-life/mark-home-life-2.png)}

#home-life-mark-3 {top:240px; left:630px;}
#home-life-mark-3:hover {background-image:url(/interactive/home-life/mark-home-life-3.png)}

#home-life-mark-4 {top:400px; left:740px;}
#home-life-mark-4:hover {background-image:url(/interactive/home-life/mark-home-life-4.png)}

#home-life-mark-5 {top:220px; left:840px;}
#home-life-mark-5:hover {background-image:url(/interactive/home-life/mark-home-life-5.png)}

#home-life-mark-6 {top:260px; left:340px;}
#home-life-mark-6:hover {background-image:url(/interactive/home-life/mark-home-life-6.png)}

#home-life-mark-7 {top:360px; left:340px;}
#home-life-mark-7:hover {background-image:url(/interactive/home-life/mark-home-life-7.png)}

#grigor-family-mark-1 {top:260px; left:540px;}
#grigor-family-mark-1:hover {background-image:url(/interactive/grigor-family/mark-grigor-family-1.png)}

#grigor-family-mark-2 {top:160px; left:640px;}
#grigor-family-mark-2:hover {background-image:url(/interactive/grigor-family/mark-grigor-family-2.png)}

#grigor-family-mark-3 {top:160px; left:440px;}
#grigor-family-mark-3:hover {background-image:url(/interactive/grigor-family/mark-grigor-family-3.png)}

#grigor-family-mark-4 {top:400px; left:740px;}
#grigor-family-mark-4:hover {background-image:url(/interactive/grigor-family/mark-grigor-family-4.png)}

#grigor-family-mark-5 {top:180px; left:840px;}
#grigor-family-mark-5:hover {background-image:url(/interactive/grigor-family/mark-grigor-family-5.png)}

#grigor-family-mark-6 {top:260px; left:340px;}
#grigor-family-mark-6:hover {background-image:url(/interactive/grigor-family/mark-grigor-family-6.png)}

#grigor-family-mark-7 {top:260px; left:440px;}
#grigor-family-mark-7:hover {background-image:url(/interactive/grigor-family/mark-grigor-family-7.png)}

#grigor-family-mark-8 {top:260px; left:840px;}
#grigor-family-mark-8:hover {background-image:url(/interactive/grigor-family/mark-grigor-family-8.png)}

#grigor-family-mark-9 {top:300px; left:340px;}
#grigor-family-mark-9:hover {background-image:url(/interactive/grigor-family/mark-grigor-family-9.png)}

#grigor-family-mark-10 {top:120px; left:600px;}
#grigor-family-mark-10:hover {background-image:url(/interactive/grigor-family/mark-grigor-family-10.png)}

#grigor-family-mark-11 {top:150px; left:300px;}
#grigor-family-mark-11:hover {background-image:url(/interactive/grigor-family/mark-grigor-family-11.png)}

#grigor-family-mark-12 {top:280px; left:680px;}
#grigor-family-mark-12:hover {background-image:url(/interactive/grigor-family/mark-grigor-family-12.png)}

#glasshouse-mountains-mark-1 {top:260px; left:540px;}
#glasshouse-mountains-mark-1:hover {background-image:url(/interactive/glasshouse-mountains/mark-glasshouse-mountains-1.png)}

#glasshouse-mountains-mark-2 {top:160px; left:640px;}
#glasshouse-mountains-mark-2:hover {background-image:url(/interactive/glasshouse-mountains/mark-glasshouse-mountains-2.png)}

#glasshouse-mountains-mark-3 {top:160px; left:440px;}
#glasshouse-mountains-mark-3:hover {background-image:url(/interactive/glasshouse-mountains/mark-glasshouse-mountains-3.png)}

#glasshouse-mountains-mark-4 {top:400px; left:740px;}
#glasshouse-mountains-mark-4:hover {background-image:url(/interactive/glasshouse-mountains/mark-glasshouse-mountains-4.png)}

#glasshouse-mountains-mark-5 {top:220px; left:840px;}
#glasshouse-mountains-mark-5:hover {background-image:url(/interactive/glasshouse-mountains/mark-glasshouse-mountains-5.png)}

#glasshouse-mountains-mark-6 {top:260px; left:340px;}
#glasshouse-mountains-mark-6:hover {background-image:url(/interactive/glasshouse-mountains/mark-glasshouse-mountains-6.png)}

#glasshouse-mountains-mark-7 {top:400px; left:440px;}
#glasshouse-mountains-mark-7:hover {background-image:url(/interactive/glasshouse-mountains/mark-glasshouse-mountains-7.png)}

#glasshouse-mountains-mark-8 {top:260px; left:540px;}
#glasshouse-mountains-mark-8:hover {background-image:url(/interactive/glasshouse-mountains/mark-glasshouse-mountains-8.png)}

#glasshouse-mountains-mark-9 {top:300px; left:340px;}
#glasshouse-mountains-mark-9:hover {background-image:url(/interactive/glasshouse-mountains/mark-glasshouse-mountains-9.png)}

#outside-influences-mark-1 {top:180px; left:400px;}
#outside-influences-mark-1:hover {background-image:url(/interactive/outside-influences/mark-outside-influences-1.png)}

#outside-influences-mark-2 {top:260px; left:800px;}
#outside-influences-mark-2:hover {background-image:url(/interactive/outside-influences/mark-outside-influences-2.png)}

#outside-influences-mark-3 {top:420px; left:540px;}
#outside-influences-mark-3:hover {background-image:url(/interactive/outside-influences/mark-outside-influences-3.png)}

.q {
	display:none;
}