#contact{color:Black;font-weight:bold;vertical-align:middle}
#contact a:link,#counter a:visited{text-decoration:none}
#contact a:hover{border-bottom:thin solid blue;text-decoration:none}
#content{/*sets width for specific content*/
  border-left:None;
  float:left;
  padding:5px;
  width:500px
}
#counter{
  font-family:Verdana,Arial,Helvetica,sans-serif;
  text-align:right;
  vertical-align:middle
}
#counter a:link,#counter a:visited{text-decoration:none}
#counter a:hover{border-bottom:thin solid blue;text-decoration:none}
#footer{padding:20px 1px 5px}
#header{background:url(rainrow.jpg) repeat-y;padding:20px}
#inner{
  background:White;
  display:inline-block;
  margin:50px auto 0px;
  padding:0px;
  text-align:left;
  width:750px
}
#main{
  background:white url(w_bar.gif) no-repeat right bottom;
  display:inline-block;
  overflow:hidden;
  padding:1px
}
#main{display:block/*resets display w/o unsetting layout*/}
#outer{margin-bottom:50px;margin-top:10px;text-align:center;width:100%}
#seq{font-size:70%;margin:10px auto;width:600px; _width:500px}
#seq div{float:left;height:350px;overflow:hidden;width:8%; _width:500px}
#seq1{  background:url(http://body.crafthall.co.uk/images/a1.gif) no-repeat bottom;
  border:thin dotted black;}
#seq2{  background:url(http://body.crafthall.co.uk/images/a5.gif) no-repeat bottom;
  border:thin dotted black}
#seq3{  background:url(http://body.crafthall.co.uk/images/a9.gif) no-repeat bottom;
  border:thin dotted black}
#seq4{  background:url(http://body.crafthall.co.uk/images/mc.gif) no-repeat bottom;
  border:thin dotted black}
#seq5{  background:url(http://body.crafthall.co.uk/images/ac.gif) no-repeat bottom;
  border:thin dotted black}
#seq6{  background:url(http://body.crafthall.co.uk/images/mg.gif) no-repeat bottom;
  border:thin dotted black}
#seq7{  background:url(http://body.crafthall.co.uk/images/mh.gif) no-repeat bottom;
  border:thin dotted black}
#seq8{  background:url(http://body.crafthall.co.uk/images/mi.gif) no-repeat bottom;
  border:thin dotted black}
#seq9{  background:url(http://body.crafthall.co.uk/images/ak.gif) no-repeat bottom;
  border:thin dotted black}
#seqa{  background:url(http://body.crafthall.co.uk/images/mn.gif) no-repeat bottom;
  border:thin dotted black}
#seq:hover div{width:10px}
#seq:hover div:hover{border:None;overflow:auto;padding:5px;width:400px}
#sidebar{
  margin:0px 0px 0px 530px;
  padding:1px 0 0 15px;
  text-align:center;
  width:200px;
  z-index:100
}
#sidebar a{
  background:url(button.jpg);
  border:medium ridge blue;
  color:Black;
  display:block;
  font:small-caps bold 1.25em Arial,Helvetica,sans-serif;
  padding:5px;
  text-align:center;
  text-decoration:none;
  width:160px
}
#sidebar a:hover{border:medium groove blue}
.first{color:#108210;font-size:2em;font-style:italic;font-weight:bold}
.mOut{height:1em;overflow:hidden}
.mOver{height:15em;overflow:scroll}
.recovery{
  background:Black;
  color:Yellow;
  font:.9em Verdana,Arial,Helvetica,sans-serif;
  padding:5px
}
.small{font-size:70%}
.w3cLabel{
  background:#fff;
  color:#0c479d;
  display:inline;
  font:bold 70%/70% helvetica,arial,sans-serif;
  padding:0 0.4em;
  text-align:left
}
.w3cSpec{color:#000;display:inline;padding:0 0.4em;text-align:left}
a [ title ]:after{content:""/*Workaround for Gecko*/}
a [ title ]:hover:after{content:" (" attr(title) ")"}
a span{display:none}
a:hover span.x{
  background:url(rainrow.jpg) repeat-y;
  color:Black;
  display:block;
  font:bold 10px Verdana,sans-serif;
  margin:10px;
  padding:5px;
  position:fixed;
  right:5px;
  text-align:center;
  text-decoration:none;
  top:5px;
  width:500px;
  z-index:100;
  _position:absolute
}
body{background:#eee;font-family:Verdana,Arial,Helvetica,sans-serif;
 _background:#eee url(ie6.gif)  url(ie6.gif) no-repeat center top }
div.faq{color:#000;font-size:60%;margin:1em 0}
div.faq a{display:block;height:2.5em;overflow:hidden;text-decoration:none}
div.faq a:link,.faq a:visited{
  display:block;
  height:2.5em;
  overflow:hidden;
  text-decoration:none
}
div.faq a:hover{
  display:block;
  height:12em;
  overflow:hidden;
  text-decoration:none
}
div.w3c{
  background:#fc6;
  color:#000;
  font:bold 70%/70% helvetica,arial,sans-serif;
  margin:1em 0;
  width:9em
}
div.w3c a{display:block;padding:0px;text-decoration:none;width:100%}
div.w3c a:link,.w3c a:visited{
  border-bottom:2px solid #4a4a4a;
  border-left:1px solid #cecece;
  border-right:2px solid #4a4a4a;
  border-top:1px solid #cecece;
  padding:1px
}
div.w3c a:hover{
  border-bottom:1px solid #cecece;
  border-left:2px solid #4a4a4a;
  border-right:1px solid #cecece;
  border-top:2px solid #4a4a4a;
  padding:1px
}
h2{font:bold small-caps 12px Verdana,Arial,Helvetica,sans-serif}
img.floatLeft{float:left;margin:10px}
img.floatRight{float:right;margin:10px}