body{
background-color: black;
font-size:100%;
}

#wrapper{
margin: 0 auto;
position: relative;
top: 0px;
width: 1100px;
height: 634px;

}

.sbox{
position: absolute;
border:1px solid green;
padding: 5px; 
}

.white{
color:white;
}
.smallcaps{
font-variant: small-caps;
}
.city_box{
position: absolute;
width: 200px;
height: 16px;
left: 15px;
}
.citytop_1{
top: 21px;
}
.citytop_2{
top: 412px;
}
.citytop_3{
top: 467px;
}

.citytop_4{
top: 76px;
}
.citytop_5{
top: 193px;
}
.citytop_6{
top: 279px;
}
.citytop_7{
top: 362px;
}
.citytop_8{
top: 506px;
}
.citytop_9{
top: 101px;
}
.citytop_10{
top: 157px;
}
.citytop_11{
top: 333px;
}
.citytop_12{
top: 415px;
}
.citytop_13{
top: 497px;
}
.citytop_14{
top: 76px;
}
.citytop_15{
top: 131px;
}
.citytop_16{
top: 186px;
}
.citytop_17{
top: 241px;
}
.citytop_18{
top: 323px;
}
.citytop_19{
top: 409px;
}
.citytop_19a{
top: 467px;
}
.citytop_20{
top: 491px;
}
.citytop_21{
top: 522px;
}
.citytop_22{
top: 138px;
}
.citytop_23{
top: 224px;
}
.citytop_24{
top: 447px;
}
.citytop_25{
top: 310px;
}
.citytop_26{
top: 365px;
}
.citytop_27{
top: 560px;
}
.citytop_28{
top: 378px;
}
.citytop_29{
top: 460px;
}
.citytop_30{
top: 162px;
}
.citytop_31{
top: 380px;
}
.citytop_32{
top: 435px;
}
.citytop_33{
top: 562px;
}
.citytop_34{
top: 490px;
}
.citytop_35{
top: 530px;
}










.store{
position: absolute;
width:227px;
height: 31px;
left:16px;
}
.address{
position: absolute;
width:220px;
height: 11px;
left:26px;

}
.addresstop_1{
top: 159px;
}
.addresstop_2{
top: 173px;
}
.addresstop_3{
top: 187px;
}
.addresstop_4{
top: 201px;
}


.storetop_1{
top:38px;
}
.storetop_2{
top:69px;
}
.storetop_3{
top:100px;
}
.storetop_4{
top:131px;
}
.storetop_5{
top:162px;
}
.storetop_6{
top:249px;
}
.storetop_7{
top:280px;
}
.storetop_8{
top:311px;
}
.storetop_9{
top:342px;
}
.storetop_10{
top:373px;
}
.storetop_11{
top:404px;
}
.storetop_12{
top:435px;
}
.storetop_13{
top:429px;
}
.storetop_14{
top:484px;
}
.storetop_15{
top:93px;
}
.storetop_16{
top:124px;
}
.storetop_17{
top:155px;
}
.storetop_18{
top:210px;
}
.storetop_19{
top:241px;
}
.storetop_20{
top:297px;
}
.storetop_21{
top:379px;
}
.storetop_22{
top:410px;
}
.storetop_23{
top:441px;
}
.storetop_24{
top:523px;
}
.storetop_25{
top:119px;
}
.storetop_25a{
top:175px;
}
.storetop_26{
top:206px;
}
.storetop_27{
top:237px;
}
.storetop_28{
top:268px;
}
.storetop_29{
top:350px;
}
.storetop_30{
top:432px;
}
.storetop_31{
top:514px;
}
.storetop_32{
top:93px;
}
.storetop_33{
top:148px;
}
.storetop_34{
top:203px;
}
.storetop_35{
top:258px;
}
.storetop_36{
top:340px;
}
.storetop_37{
top:371px;
}
.storetop_38{
top:426px;
}
.storetop_39{
top:508px;
}
.storetop_40{
top:539px;
}
.storetop_41{
top:69px;
}
.storetop_42{
top:100px;
}
.storetop_43{
top:155px;
}
.storetop_44{
top:186px;
}
.storetop_45{
top:495px;
}
.storetop_46{
top:464px;
}
.storetop_47{
top:241px;
}
.storetop_48{
top:272px;
}
.storetop_49{
top:327px;
}
.storetop_50{
top:382px;
}
.storetop_51{
top:577px;
}
.storetop_52{
top:395px;
}
.storetop_53{
top:477px;
}
.storetop_54{
top:524px;
}
.storetop_55{
top:124px;
}
.storetop_56{
top:179px;
}
.storetop_57{
top:63px;
}
.storetop_58{
top:124px;
}
.storetop_59{
top:179px;
}
.storetop_60{
top:397px;
}
.storetop_61{
top:452px;
}
.storetop_62{
top:452px;
}
.storetop_63{
top:507px;
}
.storetop_64{
top:538px;
}
.storetop_65{
top:547px;
}
.storetop_66{
top:547px;
}








.store_text{
color: black;
font-size: 12px;
font-family: "Arial";
text-align: left;
margin-left: 10px;
margin-top: 1px;
text-indent: -10px;
}
#audio_box{
position: fixed;
margin-left: 0px;
width:100px;
height:180px;
top: 700px;
text-align: left;
border: 1px solid green;
}
p a {
text-decoration: underline;
color: black;
}
p a:hover{
font-style:bold;
text-decoration: underline;
color: green;
}
p a:visited {
color: black;
}
.indent{
text-indent: -18px;
margin-left: 18px;
}
.no_top{
margin-top: -12px;
}
p {
color: white;
font-size: 14px;
font-family:Arial;
margin-top: 5px;
}
.find{
color: black;
font-size: 14px;
font-family: "Arial";
margin-top: 0px;
text-align: left;
}
.find_small{
color: black;
font-size: 12px;
font-family: "Arial";
font-weight: bold;
margin-top: 0px;
text-align: left;
}
.find_item{
color: black;
font-size: 12px;
font-family: "Arial";
text-align: left;
margin-left: 10px;
margin-top:-10px;
text-indent: -10px;
}
.heading{
color: black;
font-size: 18px;
font-family: "Arial";
text-align: center;
margin-top: -3px;
}
.excerpt_font{
color: black;
font-size: 17px;
font-family: "Times New Roman";
text-align: left;

}
.italic{
font-style: italic;
}
.audio_test{
color: black;
}
#centered{
position: absolute;
top: 50%;
left: 50%;
margin-left: -433px; /* half of width */
margin-top: -325px;  /* half of height */
width:866px;
height:650px;
text-align: center;
border: 8px double #1C6B39;
}

#centered_2{
position: absolute;
background: white;
top: 50%;
left: 50%;
margin-left: -483px; /* half of width */
margin-top: -317px;  /* half of height */
width:966px;
height:634px;
text-align: center;
border: 8px double #1C6B39;
}
#centered_3 {
position: absolute;
background: black;
top: 50%;
left: 50%;
margin-left: -590px; /* half of width */
margin-top: -317px;  /* half of height */
width:1180px;
height:634px;
text-align: center;

}
.stores{
position: absolute;
background: white; 
width: 966px;
height:550px;
top:7px;
right:0px;
border: 1px solid green;
}
.stores_banner{
position: absolute;
background: black;
width: 214px;
height: 634px;
top:0px;
left:0px;
}

.stores_banner_text_box{
position: absolute;
width:150px;
height: 155px;
top: 50px; 
left: 0px;
padding: 6px;
border: 1px solid lime;
}
.stores_banner_text_box_2{
position: absolute;
width:100px;
height: 120px;
top: 350px; 
left: 0px;
padding: 12px;
border: 1px solid lime;
}
.stores_banner_text{
font-size: 12px;
color: white;
text-align: left;
}
.margin_10{
margin-left:8px;
}
.stores_heading_1{
position: absolute;
background: white;
width:483px;
height: 20px;
top: 0px;
left: -4px;
padding-top: 5px;
border-bottom: 2px solid green;
}
.stores_heading_2{
position: absolute;
background: white;
width:490px;
height: 20px;
top: 0px;
left: 479px;
padding-top: 5px;
border-bottom: 2px solid green;
}
.list_col_1{
position:  absolute;
background: white;
width: 245px;
height: 605px;
top:26px;
left: -4px;
border-top: 1px solid green;
}
.list_col_2{
position:  absolute;
background: white;
width: 241px;
height: 605px;
top:26px;
left: 241px;
border: 1px solid green;
}
.list_col_3{
position:  absolute;
background: white;
width: 245px;
height:605px;
top:26px;
left: 482px;
border-top: 1px solid green;
border-left: 1px solid green;
}
.list_col_4{
position:  absolute;
background: white;
width: 241px;
height: 605px;
top:26px;
left: 727px;
border: 1px solid green;
}
.province_heading{
position: absolute;
background: white;
width: 200px;
height: 16px;
top: 0px; 
left: 0px;
padding-left: 3px;
padding-top: 3px;
}
.city_heading{
position: absolute;
background: white;
width: 200px;
height: 16px;
top: 0px; 
left: 15px;
}
.items{
position: absolute;
background: white;
width: 226px;
left: 15px;


}
.i_top_1{
top: 48px;

}
.i_top_2{
top: 106px;
}

.i_top_3{
top: 494px;
}
.i_top_4{
top: 228px;
}
.i_top_5{
top: 553px;
}
.i_top_6{
top: 318px;
}
.i_top_7{
top: 403px;
}
.i_top_8{
top: 548px;
}
.i_top_9{
top: 157px;
}
.i_top_10{
top: 211px;
}
.i_top_11{
top: 353px;
}


.i_height_1{
height: 410px;
}
.i_height_2{
height: 25px;
}

.i_height_3{
height: 80px;
}
.i_height_4{
height: 58px;
}
.top_1{
top:21px;
}
.top_2{
top:80px;
}
.top_3{
top:467px;
}
.top_4{
top:199px;
}
.top_5{
top:526px;
}
.top_6{
top:290px;
}
.top_7{
top:356px;
}
.top_8{
top:376px;
}
.top_9{
top:501px;
}
.top_10{
top:520px;
}
.top_11{
top:110px;
}
.top_12{
top:131px;
}
.top_13{
top:184px;
}
.top_14{
top:305px;
}
.top_15{
top:326px;
}
.top_16{
top:386px;
}
.top_17{
top:407px;
}
.top_18{
top:435px;
}
.top_19{
top:75px;
}
.top_20{
top:102px;
}
.top_21{
top:128px;
}
.top_22{
top:155px;
}

.top_23{
top:179px;
}
.top_24{
top:206px;

}
.top_25{
top:230px;
}
.top_26{
top:255px;
}
.top_27{
top:291px;
}
.top_28{
top:313px;
}
.top_29{
top:340px;
}
.top_30{
top:396px;
}
.top_31{
top:423px;
}
.top_32{
top:468px;
}
.top_33{
top:490px;
}
.top_34{
top:517px;
}
.top_35{
top:458px;
}
.top_36{
top:480px;
}
.top_37{
top:507px;
}
.top_38{
top:340px;
}
.top_39{
top:484px;
}
.top_40{
top:79px;
}
.top_41{
top:311px;
}
.top_42{
top:393px;
}
.top_43{
top:475px;
}
.top_44{
top:301px;
}
.top_45{
top:469px;
}
.top_46{
top:538px;
}
.top_47{
top:387px;
}
.top_48{
top:425px;
}
.top_49{
top:425px;
}
.top_50{
top:438px;
}
.top_51{
top:506px;
}

.bold{
font-weight: bold;
}
.page{
position: absolute;
height: 634px;
width: 483px;
top:0px;
left:0px;
border: 1px solid navy;
}
.page_right{
position: absolute;
height: 634px;
width: 455px;
top:0px;
right:15px;
}
.page_content{
position: absolute;
height: 490px;
width: 365px;
top:70px;
left:45px;
padding: 7px;
border: 1px solid red;
}
.page_heading{
position: absolute;
height: 20px;
width:265px;
left:45px;

}
.heading_margin{
margin-top: 0px;
}
.page_1_text{
position: absolute;
height: 436px;
width: 365px;
top:52px;
left:7px;

}

.wrapper {
margin: 0 auto;
position: relative;
top: 20px;
width: 866px;
height: 650px;
}
.centeredImage
{text-align:center;
margin-top:0px;
margin-bottom:0px;
padding:0px;
}
#listen{
position: absolute;
height: 30px;
width: 320px;
top:600px;
left:273px;
text-align: center;
border: 4px solid #1C6B39;;
}

.Democrates_speaks{
position: absolute;
height: 23px;
width: 220px;
top:600px;
left:278px;
border: 4px solid #1C6B39;
padding-top: 7px;
}
.D_speaks_inner1{
position: absolute;
height: 21px;
width: 130px;
top:2px;
left:80px;
margin-top: 4px;
text-align:left;

}
.D_speaks_inner2{
position: absolute;
height: 21px;
width: 65px;
top:0px;
left:0px;
text-align:right;
}
.green{
color: lime;
}
.quote{
margin-left: 18px;
margin-right: 18px;
font-style: italic;
font-size: 15px;
}
.excerpt{
position: absolute;
height: 30px;
width: 200px;
top:600px;
left:50px;
text-align: centered;
border: 4px solid #1C6B39;

}
.order{
position: absolute;
height: 30px;
width: 300px;
top:600px;
right:35px;
text-align: center;
border: 4px solid #1C6B39;;
}
.right_arrow{
position: absolute;
height: 22px;
width:22px;
left: 446px;
bottom: 0px; 
border: 1px solid lime; 
}
.left_arrow{
position: absolute;
height: 22px;
width:22px;
left: 0px;
bottom: 0px; 
border: 1px solid lime; 
}
.last_arrow{
position: absolute;
height: 22px;
width:22px;
left: 459px;
bottom: 0px; 
border: 1px solid lime; 
}