/* reverse float order to help with accessibility */

#content .col_1,
#content .col_3 {
	float: right;
	overflow: hidden;
}

#house {
	position: relative;
	width: 690px;
	height: 504px;
	background: #fff url(../chrome/house.png) 0 0 no-repeat;
	border: 1px solid #cdced0;
	overflow: hidden;
}

#house #h_book {
	position: absolute;
	bottom: 15px;
	left: 20px;
	margin: 0;
}

#content #house #h_instr {
	position: absolute;
	top: 10px;
	right: 10px;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
	text-align: right;
	margin: 0;
	line-height: 15px;
	vertical-align: middle;
	border: 1px solid #888;
	padding: 4px;
	background: #B6D6D2;
}

#content #house #h_instr strong {
	display: inline-block;
	width: 15px;
	height: 15px;
	overflow: hidden;
	text-indent: -9999px;
	background: transparent url(../chrome/target_32.png) 0 0 no-repeat;
	text-align: left;
}

* html #content #house #h_instr strong {
	background: transparent url(../chrome/target_8.png) 0 0 no-repeat;	
}

/* chooser */

#h_chooser {
	background: #f8f8f8;
	height: 494px;
	border: 1px solid #cdced0;
	overflow: scroll;
	overflow-x: hidden;
	overflow-y: scroll;
	padding: 5px;
}

#content #h_chooser h2 {
	font-size: 10px;
	margin: 0 0 5px 0;
	padding: 0 0 6px 0;
	background: transparent url(http://www.actionsurrey.org/res/display/default/chrome/separators_horiz.png) 0 100% no-repeat;
	line-height: 1.2;
}

#content #h_chooser ul {
	margin: 0 0 20px 0;
	padding: 0;
}

#content #h_chooser li {
	margin: 0;
/*	padding: 3px 0;*/
	padding: 0;
	font-size: 10px;
	line-height: 1.2;
	list-style: none;
	background: transparent;
}

#content #h_chooser li a:link,
#content #h_chooser li a:visited {
	text-decoration: none;
}

#content #h_chooser li a:hover,
#content #h_chooser li a:focus,
#content #h_chooser li a:active {
	text-decoration: none;
}

/* targets */

#house #h_targets {
	margin: 0;
	line-height: 1;
}

#house #h_targets li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#h_targets a {
	position: absolute;
	display: block;
	width: 15px;
	height: 15px;
	overflow: hidden;
	text-indent: -9999px;
	z-index: 10;
}

#h_targets a:link,
#h_targets a:visited {
	background: transparent url(../chrome/target_32.png) 0 0 no-repeat;
}

#h_targets a:hover,
#h_targets a:active,
#h_targets a:focus {
	background: transparent url(../chrome/target_32.png) 0 -15px no-repeat;
}

#h_targets a.pseudohover {
	background: transparent url(../chrome/target_32.png) 0 -15px no-repeat;
}

* html #h_targets a:link,
* html #h_targets a:visited {
	background: transparent url(../chrome/target_8.png) 0 0 no-repeat;	
}

* html #h_targets a:hover,
* html #h_targets a:active,
* html #h_targets a:focus {
	background: transparent url(../chrome/target_8.png) 0 -15px no-repeat;
}

* html #h_targets a.pseudohover {
	background: transparent url(../chrome/target_8.png) 0 -15px no-repeat;
}

/* target positions */

#h_targets #t_1_1  { left: 229px; top: 249px; }
#h_targets #t_1_2  { left: 304px; top: 203px; }
#h_targets #t_1_3  { left: 476px; top: 118px; }
#h_targets #t_1_4  { left: 430px; top:  83px; }
#h_targets #t_1_5  { left: 474px; top: 251px; }
#h_targets #t_1_6  { left: 297px; top: 154px; }
#h_targets #t_1_7  { left: 348px; top:  87px; }
#h_targets #t_1_8  { left: 375px; top: 285px; }
#h_targets #t_1_9  { left: 418px; top: 256px; }
#h_targets #t_1_10 { left: 474px; top: 179px; }
#h_targets #t_1_11 { left: 377px; top: 179px; }
#h_targets #t_1_12 { left: 379px; top: 154px; }

#h_targets #t_2_1  { left: 499px; top: 219px; }
#h_targets #t_2_2  { left: 286px; top: 106px; }
#h_targets #t_2_3  { left: 286px; top: 106px; }
#h_targets #t_2_4  { left: 519px; top: 162px; }
#h_targets #t_2_5  { left: 305px; top: 262px; }
#h_targets #t_2_6  { left: 327px; top:  91px; }
#h_targets #t_2_7  { left: 322px; top: 113px; }
#h_targets #t_2_8  { left: 637px; top: 248px; }
#h_targets #t_2_9  { left: 186px; top: 198px; }
#h_targets #t_2_10 { left: 386px; top: 113px; }
#h_targets #t_2_11 { left: 499px; top: 186px; }
#h_targets #t_2_12 { left:  21px; top: 232px; }

#h_targets #t_3_1  { left: 457px; top: 165px; }
#h_targets #t_3_2  { left: 264px; top: 160px; }
#h_targets #t_3_3  { left: 221px; top: 285px; }
#h_targets #t_3_4  { left: 489px; top: 276px; }
#h_targets #t_3_5  { left: 375px; top: 306px; }
#h_targets #t_3_6  { left: 239px; top:  69px; }
#h_targets #t_3_7  { left: 298px; top: 290px; }
#h_targets #t_3_8  { left: 390px; top: 266px; }
#h_targets #t_3_9  { left:  78px; top: 298px; }
#h_targets #t_3_10 { left: 276px; top: 192px; }
#h_targets #t_3_11 { left: 667px; top: 190px; }
#h_targets #t_3_12 { left: 211px; top:  90px; }

#h_targets #t_4_1  { left: 256px; top: 252px; }
#h_targets #t_4_2  { left: 224px; top: 329px; }
#h_targets #t_4_3  { left: 497px; top: 247px; }
#h_targets #t_4_4  { left: 340px; top: 159px; }
#h_targets #t_4_5  { left: 555px; top: 350px; }
#h_targets #t_4_6  { left: 163px; top: 160px; }
#h_targets #t_4_7  { left:  52px; top: 375px; }
#h_targets #t_4_8  { left: 281px; top: 218px; }
/*#h_targets #t_4_9  { left: 329px; top: 298px; }*/
#h_targets #t_4_10 { left: 408px; top: 151px; }
#h_targets #t_4_11 { left: 620px; top: 140px; }
#h_targets #t_4_12 { left: 511px; top: 383px; }
#h_targets #t_4_9 { left: 594px; top: 226px; }
#h_targets #t_4_13 { left:  80px; top:  40px; }

#h_targets #t_cw   { left:  90px; top: 263px; }


/* popup positions */

#h_popups #p_1_1  { left: 249px; top: 190px; }
#h_popups #p_1_2  { left: 324px; top: 183px; }
#h_popups #p_1_3  { left: 181px; top:  98px; }
#h_popups #p_1_4  { left: 135px; top:  63px; }
#h_popups #p_1_5  { left: 179px; top: 190px; }
#h_popups #p_1_6  { left: 317px; top: 134px; }
#h_popups #p_1_7  { left:  53px; top:  67px; }
#h_popups #p_1_8  { left:  80px; top: 190px; }
#h_popups #p_1_9  { left: 123px; top: 190px; }
#h_popups #p_1_10 { left: 179px; top: 159px; }
#h_popups #p_1_11 { left:  82px; top: 159px; }
#h_popups #p_1_12 { left:  84px; top: 134px; }

#h_popups #p_2_1  { left: 204px; top: 190px; }
#h_popups #p_2_2  { left: 306px; top:  86px; }
#h_popups #p_2_3  { left: 306px; top:  86px; }
#h_popups #p_2_4  { left: 224px; top: 142px; }
#h_popups #p_2_5  { left: 325px; top: 190px; }
#h_popups #p_2_6  { left:  32px; top:  71px; }
#h_popups #p_2_7  { left:  27px; top:  93px; }
#h_popups #p_2_8  { left: 342px; top: 190px; }
#h_popups #p_2_9  { left: 206px; top: 178px; }
#h_popups #p_2_10 { left:  91px; top:  93px; }
#h_popups #p_2_11 { left: 204px; top: 166px; }
#h_popups #p_2_12 { left:  41px; top: 190px; }

#h_popups #p_3_1  { left: 162px; top: 145px; }
#h_popups #p_3_2  { left: 284px; top: 140px; }
#h_popups #p_3_3  { left: 241px; top: 190px; }
#h_popups #p_3_4  { left: 194px; top: 190px; }
#h_popups #p_3_5  { left:  80px; top: 190px; }
#h_popups #p_3_6  { left: 259px; top:  49px; }
#h_popups #p_3_7  { left: 318px; top: 190px; }
#h_popups #p_3_8  { left:  95px; top: 190px; }
#h_popups #p_3_9  { left:  98px; top: 190px; }
#h_popups #p_3_10 { left: 296px; top: 172px; }
#h_popups #p_3_11 { left: 372px; top: 170px; }
#h_popups #p_3_12 { left: 231px; top:  70px; }

#h_popups #p_4_1  { left: 276px; top: 190px; }
#h_popups #p_4_2  { left: 244px; top: 190px; }
#h_popups #p_4_3  { left: 202px; top: 190px; }
#h_popups #p_4_4  { left:  45px; top: 139px; }
#h_popups #p_4_5  { left: 260px; top: 190px; }
#h_popups #p_4_6  { left: 183px; top: 140px; }
#h_popups #p_4_7  { left:  72px; top: 190px; }
#h_popups #p_4_8  { left: 301px; top: 190px; }
/*#h_popups #p_4_9  { left:  34px; top: 190px; }*/
#h_popups #p_4_10 { left: 113px; top: 131px; }
#h_popups #p_4_11 { left: 326px; top:  80px; }
#h_popups #p_4_12 { left: 216px; top: 190px; }
#h_popups #p_4_9 { left: 301px; top: 190px; }
#h_popups #p_4_13 { left: 103px; top:  20px; }