/*
Screen, Projection Stylesheet 
version:   1.0 
date:      15/11/11 
email:     it@brentwood.gov.uk
website:   http://www.brentwood.gov.uk 
*/
/* Remove padding and margin */ 
*{ 
margin:0;
padding:0;
border:0;
}
.clear{
clear:both
}
#wrapper{
width:975px;
margin-left:auto;
margin-right:auto;  
text-align:left;
}
#wrapper2{
margin:0 auto;
width:904px;
}
#wrapper_fullscreen{
width:100%;
margin-left:auto;
margin-right:auto; 
text-align:left;
}
body{
font:62.5%/1.5 "Arial", "Lucida Sans", Tahoma, Verdana, sans-serif;
text-align:center;
}
p{
font-size:10pt;
color:#454545;
line-height:16pt;
}
.grey {
color:#454545;
}
p.grey{
color:#454545;
}
.lightgrey{
color:#c0c0c0;
margin-left:30px;
}


a:link{
/*text-decoration:none;*/
padding:1px;
color:#0066CC;
}
a:visited{
/*text-decoration:none;*/
padding:1px;
color:#AB3FAB; 
}
a:hover{
/*text-decoration:underline;*/
padding:1px;
color:#0066CC;
}
a:active{
/*text-decoration:none;*/
padding:1px;
color:#84826F;
}



a:link.white{
color:#fff;
}
a:visited.white{
color:#fff;
}
a:hover.white{
color:#fff;
text-decoration:underline;
}
a:active.white{
color:#fff;
}
a:link.black{
color:#000;
}
a:visited.black{
color:#000;
}
a:hover.black{
color:#000;
text-decoration:underline;
}
a:active.black{
color:#000;
}

a:link.noline{
text-decoration:none;
}
a:visited.noline{
text-decoration:none;
}
a:hover.noline{
text-decoration:underline;
}
a:active.noline{
text-decoration:none;
}


.center{
text-align:center;
}
.right{
float:right;
}
.left{
float:left; 
}
.italic{
font-style:italic;
}
.overflow{
overflow:hidden;
}
.white{
color:white;
}
a.grey {
color:#FB994A;
}

a:link.orange{
color:#FF7200;
font-weight:bold;
}
a:visited.orange{
color:#FF7200;
font-weight:bold;
}
a:hover.orange{
color:#FF7200;
font-weight:bold;
}
a:active.orange{
color:#FF7200;
font-weight:bold;
}


.orange{
color:#FF7200;
font-weight:bold;
}
.bold{
font-weight:bold;
}
.lightbold{
font-weight:500;
}
.black{
color:black;
}
a.black{
color:black;
}
a.white{
color:white;
}
a.blue{
color:#0066CC;
} 
a:link.textSmall{
font-size:8pt;
}
a:visited.textSmall{
font-size:8pt;
}
a:hover.textSmall{
font-size:8pt;
text-decoration:underline;
}
a:active.textSmall{
font-size:8pt;
}
a:link.textNormal{
font-size:10pt;
}
a:visited.textNormal{
font-size:10pt;
}
a:hover.textNormal{
font-size:10pt;
text-decoration:underline;
}
a:active.textNormal{
font-size:10pt;
}
a:link.textMedium{
font-size:14pt;
text-decoration:none;
}
a:visited.textMedium{
font-size:14pt;
text-decoration:none;
}
a:hover.textMedium{
font-size:14pt;
text-decoration:none;
}
a:active.textMedium{
font-size:14pt;
text-decoration:none;
}
a:link.textMedium2{
font-size:11pt;
}
a:visited.textMedium2{
font-size:11pt;
}
a:hover.textMedium2{
font-size:11pt;
text-decoration:underline;
}
a:active.textMedium2{
font-size:11pt;
}
a:link.textMedium3{
font-size:14pt;
font-weight:bold;
text-decoration:underline;
}
a:visited.textMedium3{
font-size:14pt;
font-weight:bold;
text-decoration:underline;
}
a:hover.textMedium3{
font-size:14pt;
font-weight:bold;
text-decoration:underline;
}
a:active.textMedium3{
font-size:14pt;
font-weight:bold;
text-decoration:underline;
}
a:link.textLarge{
font-size:18pt;
height:24px;
}
a:visited.textLarge{
font-size:18pt;
height:24px;
}
a:hover.textLarge{
font-size:18pt;
height:24px;
}
a:active.textLarge{
font-size:18pt;
height:24px;
}
.textNormal{
font-size:10pt;
}
a:link.textExtraLarge{
font-size:22pt;
font-weight:bold;
}
a:visited.textExtraLarge{
font-size:22pt;
font-weight:bold;
}
a:hover.textExtraLarge{
font-size:22pt;
font-weight:bold;
}
a:active.textExtraLarge{
font-size:22pt;
font-weight:bold;
}
h1{
font-size:12pt;
margin:0;
padding:0 0 10px 0;
}
h2{
font-size:11pt;
line-height:14pt;
font-weight:bold;
margin:0;
padding:0 0 10px 0;
}
h3{
font-size:10pt;
line-height:14pt;
font-weight:bold;
margin:0;
padding:0 0 10px 0;
}
.margin-top{
margin-top:20px;
}
#content{
float:right;
background-color:white;
width:95%;
padding:10px 20px;
margin-bottom:20px;
}
#content img.right{
float:right;
margin:5px 0px 5px 5px;
padding:2px;
border:1px solid rgb(150,150,150);
}
#content img.left{
float:left;
margin:5px 5px 5px 0px;
padding:2px;
border:1px solid rgb(150,150,150);
}
#content ul{
padding:10px 0 10px 50px;
list-style-image:url('/images/_right.gif');
}
#content p{
padding-bottom:10px;
}
#content_fullscreen{
background-color:white;
width:90%;
border:1px solid #c0c0c0;
padding:10px 10px;
margin-left:auto;
margin-right:auto;
}
#content_wide{
background-color:white;
width:880px;
margin:10px auto 20px auto;
border:1px solid #c0c0c0;
padding:10px 10px;
}
#content_wide img.right{
float:right;
margin:5px 0px 5px 5px;
padding:2px;
border:1px solid rgb(150,150,150);
}
#content_wide img.left{
float:left;
margin:5px 5px 5px 0px;
padding:2px;
border:1px solid rgb(150,150,150);
}
#content_wide ul{
padding:10px 0 10px 50px;
list-style-image:url('/images/_right.gif');
}
#content_wide p{
padding-bottom:10px;
}
#content_wide h2{
font-size:16pt;
font-weight:bold;
margin-top:20px;
}
h3.caps{
font-weight:bold;
text-transform:uppercase;
}
#shareThis{
display:none;
}
.breadcrumbs {
display:none;
}
.breadcrumbs img{
vertical-align:middle;
padding-right:4px;
}
.border{
padding:0;
margin:0;
border-bottom:2px solid #c0c0c0;
padding:6px 0;
color:#000;
}
#contact_us{
width:95%;
padding:10px;
margin:20px 0 20px 0;
text-align:left;
}
#contact_us ul {
list-style-image:none;
}
#contact_us li {

list-style-type:none;
padding:3px 0px 3px 0px;

}
#links{
width:95%;
padding:10px;
text-align:left;
}
#links ul{
list-style-image:none;

}
#links li{
list-style-type:none;
padding:3px 0px 3px 0px;
}
#links a.linkImage{


}
#publications{
width:95%;
padding:10px;
text-align:left;
}
#publications ul{
list-style-image:none;

}
#publications li{
list-style-type:none;
padding:3px 0px 3px 0px;
}
#rateThisPage{
display:none;
}


#linkToBottom{
display:none;
}
#linkToBottom a{
margin-left:30px;
}
#lastUpdated{
margin-top:40px;
}
/* Middle Table data */
table{
border-collapse:collapse;
width:95%;
border:1px solid #666;
}
caption{
text-align:right;
margin:1em 0;
font-style:italic;
}
thead{
border-top:1px solid #a5a5a5;
border-bottom:1px solid #a5a5a5;
background-color:#E2E1E1;
}
th{
font-weight:bold;
text-align:left;
}
th, td{
padding:0.1em 1em;
}
td{
vertical-align:top;
}
.odd{
background-color:#edf5ff;
}
tbody tr:hover{
background-color:#D4EFEF;
}
/* Header */
#header{
display:none;
}

/* Navigation */ 
#menu{
background-color:#fff;
width:900px;
margin:auto;
margin-top:20px;
overflow:auto;
border:1px solid #c0c0c0;
padding:10px 0;
}
#menu ul li{
list-style-type:none;
display:inline;
}
#menu ul li ul{
padding:5px 0;
margin-top:-5px;
}
.menu3columnBr{
float:left;
width:278px;
vertical-align:top;
padding-left:20px;
border-right:1px solid #C0C0C0;
}
#menu3column{
float:left;
width:278px;
vertical-align:top;
padding-left:20px;
}
#menu_blog{
float:left;
background-color:white;
width:200px;
margin-left:40px;
border:1px solid #c0c0c0;
padding:0 5px;
}
#menu_blog ul{
padding-left:30px;
list-style-type:square;
color:#06a;
}
#menu_left{
display:none;

}

/* Footer */
#footerBanner{
display:none
}
.footer4column{
width:180px;
float:left;
padding:10px;
margin:0 10px;
}
#footer{
display:none;
}
#footer h2{
border-bottom:1px solid #fff;
margin:0;
padding:6px 0;
color:#fff;
letter-spacing:1px;
font-weight:bold;
font-size:14pt;
}
#footer li{
display:block;
list-style-type:none;
border-bottom:1px dotted #fff;
padding:3px 0px 3px 20px;
background-image:url(/images/footer_arrow.gif);
background-repeat:no-repeat;
background-position:0 .5em;
width:160px;
}
#footer li a{
padding:3px 0;
width:160px;
color:#fff;
text-decoration:none;
}
#footer li a:hover{
color:#fff;
text-decoration:underline;
}
.footerBar{
display:none;
}
.footerBar li{
display:inline;
list-style-type:none;
padding:0 15px;
letter-spacing:1px;
}



#footer2{
display:none
}
#footer2 .footer2_left{
color:#fff;
font-size:22pt;
font-weight:bold;
padding-left:60px;
float:left;
}
#footer2  .footer2_right{
float:right;
vertical-align:bottom;
}



/* Homepage */
#homepageBand{
display:none;
}
#homepageBand .bandBox1{
width:280px;
float:left;
padding:10px;
background-color:#8686A8;
/*
background-color:#9191B1;
background-color:#023063;*/
height:200px;
}
#homepageBand .bandBox1 h2{
margin-bottom:10px;
}
#homepageBand .bandBox1 img{
float:left;
width:75px;
margin-right:10px;
border:1px solid white;
}
#homepageBand .bandBox2{
width:280px;
float:left;
padding:10px;
background-color:#5C5C74;
/*background-color:#004795;*/
height:200px;
}
#homepageBand .bandBox2 h2{
margin-bottom:10px;
}
#homepageBand .bandBox3{
width:280px;
float:left;
padding:10px;
background-color:#9191B1;
/*background-color:#023063;*/
height:200px;
}
#homepageBand .bandBox3 h2{
margin:0px 0;
}


#homepageBand2{
width:900px;
margin:20px auto;
vertical-align:top;
padding:0;

}
#homepageBand2 .image{
background-image:url(/images/our_priorities.gif);
background-repeat:no-repeat;
background-position:0 .5em;
float:left;
background-color:#8686A8;
margin:0;
padding:0;
width:50px;
height:220px;
}
#homepageBand2 .bandBox1{
width:240px;
float:left;
padding:10px 20px;
background-color:#5C5C74;
/*background-color:#004795;*/
height:200px;
}
#homepageBand2 .bandBox1 h3{
margin-bottom:10px;
}
#homepageBand2 img{
float:left;
width:50px;
margin-right:10px;
border:0px solid white;
}
#homepageBand2 .bandBox2{
width:245px;
float:left;
padding:10px 20px;
background-color:#8686A8;
/*background-color:#023063;*/
height:200px;
}
#homepageBand2 .bandBox2 h3{
margin-bottom:10px;
}
#homepageBand2 .bandBox3{
width:235px;
float:left;
padding:10px 20px;
background-color:#5C5C74;
/*background-color:#004795;*/
height:200px;
}
#homepageBand2 .bandBox3 h3{
margin-bottom:10px;
}





#tabsMaster{
width:900px;
margin:30px auto;
overflow: auto;
}
#tabsMaster img{
vertical-align:bottom;
border:0;
}
#tabsMaster li{
display:inline;
list-style-type:none;
padding-right:20px;
}
#tabsMaster .column3Item{
float:left;
width:266px;
padding:10px;
}
#tabsMaster .column4Item{
float:left;
width:195px;
padding:10px;
}
#events{
margin:10px 10px 0 0;
float:left;
background-image: url(images/events.png);
background-repeat: no-repeat;
width:110px;
height:110px;
}
#tabsMaster img.whatsonImage{
float:left;
width:100px;
margin:5px 10px 0 0px;
padding:4px;
border:1px solid rgb(150,150,150);
}
#tabsMaster img.documentImage{
float:left;
width:100px;
margin:5px 10px 20px 0px;
padding:4px;
}
#tabsMaster img.videoImage{
float:left;
width:100px;
margin:5px 10px 0 0px;
padding:4px;
border:1px solid rgb(150,150,150);
}



/* #menuinpage */
#menuinpage{
background-color:#fff;
width:890px;
margin:10px auto 20px auto;
border:1px solid #000;
padding:6px 5px 4px 5px;
color:#454545;
text-align:center;
}
/* a to z */
#atoz{
display:none;
}

/* end a to z */



/* Offset begins */
ul.offset, .offset, h1.no_offset{
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;

}
h1.no_offset{
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;

}
ul.offset a:focus, ul.offset a:active{
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;

}
/* offsets end */



/* form begins */
.contactform{
width:95%;
margin:2.0em 0 0 0;
padding:0px 10px 0 10px;
border:solid 1px #7E7D7D;
background-color:#F3F3F3;
}
.contactform fieldset{
padding:20px 10px 20px 0 !important /*Non-IE6*/;
padding:0 /*IE6*/; margin:0 0 20px 0;
border:solid 1px #C2C0C0;
}
.contactform fieldset legend{
margin:0 0 0 5px !important /*Non-IE*/;
margin:0 0 20px 5px /*IE6*/;
padding:0 2px 0 2px;
color:#666;
font-weight:bold;
font-size:130%;
}
.contactform label.left{
float:left;
width:150px;
margin:0 0 0 10px;
padding:2px;
font-size:110%;
}
.contactform select.combo{
width:175px;
padding:2px;
border:solid 1px rgb(200,200,200);
font-family:arial,sans-serif;
font-size:110%;
}
.contactform select.combolong{
width:300px;
padding:2px;
border:solid 1px rgb(200,200,200);
font-family:arial,sans-serif;
font-size:110%;
}
.contactform input.field{
width:275px;
padding:2px;
border:solid 1px #c0c0c0;
font-family:arial,sans-serif;
}
.contactform textarea{
width:275px;
padding:2px;
border:solid 1px rgb(200,200,200);
font-family:arial,sans-serif;
font-size:110%;
}
.contactform input.button{
float:left;
width:9.0em;
margin-right:20px;
padding:3px !important /*Non-IE6*/;
padding:0 /*IE6*/;
background:#33353B;
text-align:center;
font-family:arial,sans-serif;
color:#fff;
}
.contactform input.button:hover{
cursor:pointer;
background:#9191B1;
color:black;
}
input.button{
padding:8px 12px;
font-size:11px;
color:#FFF;
background:#000;
float:left;
margin:20px;
text-align:center;
font-family:arial,sans-serif;
}
textarea.rateThisPage{
float:left;
color:#454545;
width:70%;
padding:2px;
border:solid 1px rgb(200,200,200);
font-family:arial,sans-serif;
font-size:120%;
}
/* form end */
.pagination{
text-align:center;
margin:10px;
}
.pagination a{
color:#454545;
text-decoration:none;
margin-top:-20px;
}
.photoAlbum{
padding:5px;
width:120px;
color:#454545;
font-weight:bold;
}
.photoAlbum h5{
padding:0;
margin:0;
}
.photoAlbum a{
color:#454545;
text-decoration:none;
margin-top:-20px;
}
.photoAlbumLeft{
float:left;
margin-left:8%;
}
.photoAlbumRight{
float:right;
margin-right:8%;
}
.img-wrapper{
background:url('/images/shadow.gif') no-repeat bottom right;
float:left;
line-height:0;
}
.img-wrapper img{
background:#fff;
padding:4px;
border:1px solid #a9a9a9;
position:relative;
left:-5px;
top:-5px;
}
a.red{
color:red;
}



.read_more a:link{
float:right;
padding:6px 10px;
text-decoration:none;
color: #FFF;
background:#33353B;
margin-top:20px;
}
.read_more a:hover{
background:#023063;
color:#fff;
margin-top:20px;
}
.read_more a:active{
float:right;
padding:6px 10px;
text-decoration:none;
color: #FFF;
background:#33353B;
margin-top:20px;
}
.read_more a:visited{
float:right;
padding:6px 10px;
text-decoration:none;
color: #FFF;
background:#33353B;
margin-top:20px;
}



.read_more2 a:link{
float:right;
padding:6px 10px;
text-decoration:none;
color: #FFF;
background-color:#33353B;
}
.read_more2 a:hover{
background-color:#FB994A;
color:#000;
}
.read_more2 a:active{
float:right;
padding:6px 10px;
text-decoration:none;
color: #FFF;
background-color:#33353B;
}
.read_more2 a:visited{
float:right;
padding:6px 10px;
text-decoration:none;
color: #FFF;
background-color:#33353B;
}