#hcontainer li, div.pane
{
height:297px;
position:relative;
padding:0px;
margin:0px
}

#hcontainer ul{
list-style:none;
padding:0px;
margin:0px;
height:297px;
}
     
#scrollHolder
{
height:297px;
overflow:hidden;
width:948px;
border: 1px solid #000;
}
     
#hcontainer a
{
color:black;
}

#hcontainer
{
border:0px black solid;
padding:0px;
margin:0px;
overflow:auto;
position:relative;
width:950px;
overflow:hidden;
height:297px;

}

#res_1, #res_2, #res_3, #res_4, #res_5
{
border:0px black solid;
padding:0px;
margin:0px;
overflow:auto;
position:relative;
width:950px;
overfolow:hidden;
height:297px;
display: none;
background-color: #f00;
}

#hcontainer li
{
width:950px;
float:left;
background-color:transparent;
background-repeat: no-repeat;
background-position: top left;
padding:0px;
margin:0px;
height:297px;
}

/* The div panels for storyboard one */
div.banner_one li.picture_a{background-image: url(/sites/mit_jk/images/quiz/01_dami.jpg);}
div.banner_one li.picture_b{background-image: url(/sites/mit_jk/images/quiz/02_carly.jpg);}
div.banner_one li.picture_c{background-image: url(/sites/mit_jk/images/quiz/03_elliot.jpg);}
div.banner_one li.picture_d{background-image: url(/sites/mit_jk/images/quiz/04_emma.jpg);}
div.banner_one li.picture_e{background-image: url(/sites/mit_jk/images/quiz/05_kesh.jpg);}

/* The div panels for storyboard two */
div.banner_two li.picture_a{background-image: url(/sites/mit_jk/images/quiz/back_2a.jpg);}
div.banner_two li.picture_b{background-image: url(/sites/mit_jk/images/quiz/back_2b.jpg);}
div.banner_two li.picture_c{background-image: url(/sites/mit_jk/images/quiz/back_2c.jpg);}
div.banner_two li.picture_d{background-image: url(/sites/mit_jk/images/quiz/back_2d.jpg);}

img#no_2
{
border:none;
position: absolute;
top:260px;
left:665px;
cursor:pointer;
}
div#text_2
{
border:none;
position: absolute;
top:85px;
left:480px;
width:460px;
line-height: 16px;
}
img#no_3
{
border:none;
position: absolute;
top:260px;
left:740px;
cursor:pointer;
}
div#text_3
{
border:none;
position: absolute;
top:85px;
left:480px;
width:460px;
line-height: 17px;
}
img#no_4
{
border:none;
position: absolute;
top:260px;
left:600px;
cursor:pointer;
}
div#text_4
{
border:none;
position: absolute;
top:85px;
left:480px;
width:460px;
line-height: 17px;
}
img#no_5
{
border:none;
position: absolute;
top:260px;
left:755px;
cursor:pointer;
}
div#text_5
{
border:none;
position: absolute;
top:85px;
left:480px;
width:460px;
line-height: 17px;
}
img#no_6
{
border:none;
position: absolute;
top:260px;
left:775px;
cursor:pointer;
}
div#text_6
{
border:none;
position: absolute;
top:85px;
left:480px;
width:460px;
line-height: 17px;
}

