html,head,body,div,table,form,input, ul, li{margin: 0; padding: 0}
body{font-family: Arial,sans-serif; font-size: 0.9em;}
a img{border: 0;}
a:hover
{
	text-decoration: none;
	color: Red;
}

/* Clearfix */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}


div#center{width: 900px; margin:30px auto;}
div#container{
  /*width:860px; 
  background-color: #ffffff; 
  border: 1px dashed #cccccc;padding:20px 20px 20px;
  border-width: thin;
  margin-bottom: 5px;*/
}


p{}
a{color: black;}
hr{background-color: #666666; border: 0; height: 1px;}
div.clear{clear: both; line-height: 1px; height: 1px;}

ul#topnav{
  list-style-type: none;
  margin: 10px 0;
}
ul#topnav li{
  display: inline;
  margin: 0 14px;
}
ul#topnav a{
  color: #000000;
  text-decoration: none;
}

img.stripes{width: 100%; height: 5px;}

div#headertop{}
h1#welcome{
  float: left;
  margin: 10px 0;position: relative; top: 20px;
}
div#advancedSearch{
  float: right;
  padding-top: 15px;
}
div#advancedSearch input{

}
div#advancedSearch p{
  margin: 0;
}

input.textBox{
  border: 1px solid #666666;
}
input.submit{
  border: 0;
  background: #666666;
  color: white;
  font-family: arial, sans-serif;
  padding: 0 2px;
}

div#headerbott{
  padding-top: 10px;
  border-bottom: 10px solid black;
}
img.boltonLogo{
  float: left; margin-bottom: 10px;
}


ul#nav{
  position: relative;
  top: 10px;
  float:right;
  margin: 10px 0 0 0;
}
ul#nav li{
  float:left;
  margin-left: 3px;
  list-style-type: none;
  padding: 0px 0px 1px 0px;
}
ul#nav img{
  border: 0;
}
ul#nav a:hover{
  background: #666666 url(../imgs/grey-curves.gif) no-repeat top right;
  color: #fff
}
ul#nav li.activelink a,ul#nav li.activelink a:hover{background: #666;color: #fff}
ul#nav li#logo{float:left;background: #FFFFFF;height: 0px;position: fixed;}

div#body{margin-top: 9px; width: 860px;}
div#right{float: left;}
div#left{float: left; width: 185px; margin-right: 15px;}
div#content{float: left; width: 660px;}
div#content1{float: left; width: 360px; margin-right: 15px;}
div#content2{float: left; width: 285px;}

img.randomImage{
  float: left;
  margin-right: 15px;
}
div#a-To-Z{
  float: left;
  width: 265px; 
  height: 155px;
  padding: 8px 7px 0 13px;
  margin: 0 0 15px 0;
  background: #666666 url(../imgs/tr-curve.gif) no-repeat top right;
}
#a-To-Z h2{
  margin: 0 0 4px 3px;
}
ul#a-To-Z-Ul{
  list-style-type: none;
}
ul#a-To-Z-Ul li{
  display: inline;
}
ul#a-To-Z-Ul a{
  border:1px solid white;
  display:block;
  float:left;
  padding:5px 8px;
  margin:1px;
  width:10px;
  color:#fff;
  font-size: 0.8em;
}

div#do-it-online{
  background-color: #f5f5f5;
  padding: 10px 10px 2px 10px;
  margin-bottom: 20px;
}
div#do-it-online h2{
  margin: 0;
  padding-bottom: 0px;
}
p.do-it-online-large{font-weight: bold; margin: 0; padding-top: 4px;}
p.do-it-online-small{margin: 3px 0 0 0; padding-bottom: 10px;border-bottom: 1px dotted #cecece;}


div.section{margin: 20px 0 16px 0;}
div.curveheader{background-color: #666666; padding: 3px 0; }
div.content{margin: 7px 3px 0 12px;}

div.first{
  margin-top: 0;
}

h2.curveHeader{
  margin: 0;
  padding: 5px 13px;
  background: #666666 url(../imgs/tr-curve.gif) no-repeat top right;
  color: #fff;
  border-bottom: 1px solid #fff;
}
div.contentBox{
  margin: 7px 3px 0 12px;
}

ul#yourservices{list-style-type: none;}
ul#yourservices li{margin: 8px 0;}
ul#yourservices li.first{margin: 0;}
ul#yourservices a{
  text-decoration: none;
  color: black;
  background-color: #f5f5f5;
  padding: 6px 0;
  margin: -4px 0;
  display: block;
}

p.small{margin: 3px 0;}
img.contactImg{padding-top: 14px;}

div.newsitem{border-bottom: 1px dotted #cecece;}
a.newstitle{margin: 8px 0; display: block; color: #4C8FD0; font-weight: bold;}
img.newsImg{float: left; margin-right: 5px;}

div.spotlight{border: 1px solid #cecece; margin: 10px 10px 10px 0px; padding: 10px;}
img.spotlightImg{float: left; margin-right: 10px;}

div#footer{}
img.peopleLogo{float:right;}
img.browseAloud{padding-right: 60px;}
img.directGov{padding-right: 60px;}
img.getSafeOnline{padding-right: 60px;}
img.boltonFamily{padding-right: 120px;}
a#copywrite{padding-right: 20px;}

li#residents a{}




/* Second Level Page */

div#doubleContent{
  width: 660px;
  float: left;
}

div.contentBox{
  padding: 10px;
  margin: 5px auto; width: 800px;
  background-color: #E1EFD1;
}



/* Details Page */
div#details{
  margin: 20px;
}

#detailsLeft{
  float: left;
  width: 45%;
}
#detailsRight{
  float: left;
  width: 55%;
}
#detailsRightLeft{
  float: left;
  width: 40%;
}
#detailsRightRight{
  float: left;
  width: 60%;
  padding-top: 31px;
}
div#details a{
  font-size: 0.9em;
}

div.address{

}
div.address div.box p{
  margin: 4px 0 4px 8px;
}
p.s{
  margin: 4px 0;
}
div.box img{
  position: relative;
  top: 2px;
  margin-right: 7px;
}

img.map{
  border: 1px solid black;
}

h1{}
h2{
  margin: 0px 0 12px;
}
h3{
  margin: 28px 0 6px;
}