/*-----------------------------------------------------------------------------
Prototype Style Sheet (empty commented stylesheet)

version:   1.0
author:    colin summers
email:     colin@the-radiator.com
website:   http://www.the-radiator.com
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/

/* Colours in Project-------
logo colour - #333
link colour - #333
background colour - #333
warning colour - #333
main header colour - #333
paragraph colour - #333*/


/* Remove padding and margin */
* {
  margin: 0;
  padding: 0;
}
html,body{
margin:0;padding:0
}

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
  margin: 0px;
}
div#container{
text-align:left; width:990px;margin:0 auto;
}
div#containerbg{
width:100%; background:url(../images/bg_footer.gif) repeat-x bottom;
}


/***** Global Classes *****/


.clear         { clear:both; }
.clear-border  { clear:both; border-bottom:1px solid #ccc; margin:0px; padding:10px 0px 10px 0px;}
.float-left    { float:left; }
.float-right   { float:right; }

.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }

.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }

.wrap          { width:960px;margin:0 auto; }
img				{ border:none;}

.img-left      { float:left;margin:0px 10px 0px 0px; }
.img-right     { float:right;margin:10px 0px 0px 10px; }

.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }
.view{
background:url(../images/bullet02.gif) no-repeat right center; padding-right:20px;
}
.error { color:#990000;}

/* =Typography
-----------------------------------------------------------------------------*/

body {
  font: 76% arial,sans-serif;text-align:center; background-image:url(../images/bg.jpg); background-repeat:repeat-x;
}
p{
margin:15px 0px 15px 0px; font-size:15px; color:#333333; line-height:18px;
}
div#content p{
line-height:1.4;
}

div#content-left ul {margin:15px 0px 15px 0px; font-size:15px; color:#333333; padding-left:30px;}
div#content-left ul li{line-height:1.4; }

div#content-left ol {margin:15px 0px 15px 0px; font-size:15px; color:#333333; padding-left:30px;}
div#content-left ol li{line-height:1.4; }



/* =Headings
-----------------------------------------------------------------------------*/
h1 {
font-size: 30px; font-weight:normal; color:#00254A; line-height:30px;
}
h2 {
font-size: 18px; font-weight:normal; color:#0056A1;
}
h3 {
font-size: 18px; font-weight:normal; color:#0056A1;
}

/* =Links
-----------------------------------------------------------------------------*/
a { 
color:#F6A609; text-decoration: none;
}
a:hover{ 
color:#F6A609; text-decoration: underline;
}





/* =Header and Branding
-----------------------------------------------------------------------------*/
div#header{
position:relative; height:272px; 
}
div#header .search{
position:absolute; left: 680px; top:15px; float:right; width:300px; text-align:right;
}
div#header .button{
position:relative; top:5px; left:10px;
}
div#header .camera{
position:absolute; top:5px; right:5px; top:118px; z-index:100;
}
div#header .formfield01{
background-image:url(../images/bg_search.gif); width:185px; padding:3px; border:1px solid #00254A;
}
div#header .strapline{
position:absolute; top:140px; left:20px; z-index:101;
}
div#header .logo{
position:absolute; top:22px; left:20px;
}
div#header ul{
display:inline; width:625px; float:right; margin-top:60px; text-align:right;
}
div#header ul li{
display:inline; margin-left:10px;
}



/* =Main Nav
-----------------------------------------------------------------------------*/
div#mainnav{
background:#B9CAFF;float:right;width:200px;
}


/* =Home Content
-----------------------------------------------------------------------------*/

div#home-left{
float:left;width:460px; margin-top:30px;
}
div#home-right{
float:right;width:480px; margin:30px 0px 60px 0px; background:url(../images/bg_homenews.jpg) no-repeat; min-height:600px;height:auto !important;height:600px; position:relative; left:5px;
}





/* =Sub Nav
-----------------------------------------------------------------------------*/
div#subnav{
float:right;width:230px; margin-top:80px; position:relative; right:60px; min-height:950px;height:auto !important;height:950px;
}
div#subnav h3{
font-weight:bold;
}
div#subnav ul{
margin:20px 0px 20px 0px; padding:0px;
}
div#subnav ul li{
margin:0px; padding:8px 0px 8px 0px; border-bottom:1px solid #E2A600; list-style-type:none;
}
div#subnav ul li a{
color:#F6A609; display:block; background:url(../images/bullet02.gif) no-repeat right center;
}
div#subnav ul li ul{
margin:10px 0px 0px 0px;
}
div#subnav ul li ul li{
margin:0px; padding:8px 0px 8px 0px; border-top:1px solid #E2A600; border-bottom:none; list-style-type:none;
}
div#subnav ul li ul li a{
color:#7CA1B3; display:block; background:url(../images/bullet03.gif) no-repeat right center; padding-left:10px;
}
div#subnav .video{
margin:20px 0px 20px 0px;
}

div#subnav .formfield02{
background:url(../images/bg_search2.gif) no-repeat; border:1px solid #fff; width:160px; padding:5px 5px 5px 5px; font-style:italic; color:#999999; margin-top:10px;
}
div#subnav .search{
margin-bottom: 20px;
}

div#subnav .elementContainer{margin:20px 0 20px 0;}
div#subnav .elementContainer ul {clear:both; margin:15px 0px 15px 0px; font-size:15px; color:#333333; padding-left:30px;}
div#subnav .elementContainer ul li{line-height:1.4; border-bottom:none; list-style-type:disc;}


/*Resources Subnav*/

div#subnav ul.resources{
margin:20px 0px 20px 0px; padding:0px;
}
div#subnav ul.resources li{
margin:0px; padding:8px 0px 8px 0px; border-bottom:1px solid #E2A600; list-style-type:none; display:block; background:url(../images/bullet02.gif) no-repeat right center;
}
div#subnav ul.resources li a{
color:#F6A609;  display:inline; background-image:none;
}
div#subnav ul.resources li ul{
margin:10px 0px 0px 0px;
}
div#subnav ul.resources li ul li{
margin:0px; padding:8px 0px 8px 0px; border-top:1px solid #E2A600; border-bottom:none; list-style-type:none;
}
div#subnav ul.resources li ul li a{
color:#7CA1B3; display:block; background:url(../images/bullet03.gif) no-repeat right center; padding-left:10px;
}



/* =Main Content (full width for home)
-----------------------------------------------------------------------------*/



div#content{
text-align:left; padding:20px 15px 90px 25px; z-index:900; position:relative; line-height:1.4; background:url(../images/bg_content.jpg) no-repeat top center;
}
div#content .box {
width:310px; float:left; margin-right:2px; height:250px; position:relative; z-index:900; 
}
div#content .box a {
color:#FFFFFF;
}
div#content .box p{
font-size:18px; margin-bottom:4px; margin-left:10px; margin-top:10px;
}
div#content .box img {
margin:0px 0px 2px 0px;
}
div#content .box ul, div#content .box ul li , div#content .box ol, div#content .box ol li  {
display:inline; padding-left:5px; font-size:15px;
}
div#content .box ul li a  {
background:url(../images/bullet01.gif) no-repeat left center; padding-left:10px;
}
div#content .blue {
background:url(../images/bg_blue.jpg) no-repeat bottom center; z-index:999;
}
div#content .green{
background:url(../images/bg_green.jpg) no-repeat bottom center;
}
div#content .red{
background:url(../images/bg_red.jpg) no-repeat bottom right; width:313px;
}

/* =Main Content (for all other pages)
-----------------------------------------------------------------------------*/

div#content-left{
text-align:left; padding:20px 25px 90px 25px;z-index:900; position:relative; width:608px; float:left;background:url(../images/bg_content2.jpg) no-repeat;
}
div#content-left h1{
border-bottom:1px solid #ccc; padding-bottom:10px; margin-top:-5px; margin-bottom:10px;
}
div#content-left .map{
margin-top:15px;
}
div#content-left .breadcrumbs{
font-size:12px; color:#999999; margin-bottom:10px; position:relative; bottom:5px;
}



/* =Footer
-----------------------------------------------------------------------------*/
div#footer{
color: #FFF; clear:both; list-style-type:none; position:relative; min-height:160px;height:auto !important;height:160px; 
}
#footer .title{
font-weight:bold; width:131px; background-image: url(../images/bg_foot.jpg); display:block; color:#F6A609;
}
#footer a{
padding:2px 2px 2px 10px; color:#FFFFFF; text-decoration:none;
}
#footer a:hover{
text-decoration:underline;
}
#footer .footone {
float:left;padding: 10px;
}
div#footer ul li{
list-style-type:none;
}
div#footer .siteby{
 position:absolute; bottom:15px; left:10px; color:#CCCCCC; 
}


/* = contact form styling
-----------------------------------------------------------------------------*/

div#contact .left { width:320px; float: left;}
div#contact .right { width:320px; float: right; margin-top:15px;}
div#contact .left .form { width: 305px; }

/* style for  labels */
div#contact label {
  display: block; font-weight:normal;
}

/* style for required labels */
div#contact .required {
  font-size: 0.75em;
  color:#760000;
}

div#contact input {
  width: 296px;
}


div#contact input.radio, input.submit {
  width: auto;
}

/* style form elements on focus */
div#contact input:focus, textarea:focus {
  background: #ffc;
}

div#contact .col {
float:left; width:200px; margin-right:20px;
}

div#contact input.radio {
  float: left;
  margin-right: 1em;
}

div#contact textarea {
  width: 300px;
  height: 100px;
}


/* =Tables
-----------------------------------------------------------------------------*/

table { 
  border-spacing: 0;
	border-collapse: collapse;
}

td {
  text-align: left;
	font-weight: normal;
}


/* = Table styling for councils
-----------------------------------------------------------------------------*/

#councils{
  margin:20px 0px 20px 0px;
  border-collapse: collapse;
  width: 600px;
}
#councils a{
color:#2F4D6B;
}

#councils caption {
  font-size: 1.2em;
  font-weight: bold;
  margin: 1em 0;
}

#councils col {

}

#councils col#albumCol {
  border: none;
}

#councils thead {
  background: #ccc url(../images/bar.gif) repeat-x left center;

}

#councils th {
  font-weight: normal;
  text-align: left;
}

#councils th, td {
  padding: 0.4em 1em;
}

#councils .odd {
  background-color:#E5EEF5;
}

.tipGraphic{padding:5px 5px 5px 0;}

/* FAQ accordian styles */

.accordians{}
.AccordionHeader{color:#e1a600; font-size:16px; cursor: pointer; padding:7px 7px 4px 0; border-bottom:solid 1px #CCC;}
.AccordionContent{padding-top: 3px; width:605px; border-bottom:solid 1px #CCC;}
.accordians p{width:560px;clear:both;padding-left:0;}
.accordianFooter{margin:0 0 10px 0;}


.cameraTable{border:none; width:100%; margin:15px 0 30px 0;}
.camDetailImage{padding: 20px 0 20px 0; width:609px;}

.speedLimitTable{width:100%; border: 2px solid #446a85;}
.speedLimitTable td{border:solid 2px #446a85;}
.speedLimitTable td.header{font-weight:bold; color:#FFFFFF; background-color:#69889d;}

ul.searchResults{
margin:20px 0px 20px 0px; padding:0px; list-style-type:none; 
}
ul.searchResults li{
margin:0px; padding:8px 0px 8px 0px; border-bottom:1px solid #E2A600; list-style-type:none; display:block;
}
ul.searchResults li a{
color:#F6A609;  display:inline; background-image:none;
}