/*====== CUSTOM.CSS ======*/

/*=== BACKGROUND COLOURS FOR HEADLINE AREA ===*/
#inner-headline {background: #2C550F;}
.arts-and-entertainment #inner-headline {background: #000;}
.planning-and-building #inner-headline {background: #0377AA;}

/*====== REMOVE RULES ======*/
a.rm:active, a.rm:focus {border: 3px #fff solid; background-color: #00926f; color: #fff;}

/*====== BASIC ITEM COLOURS ======*/
h1, h1 a, h1 a:link, h2, h2 a, h2 a:link {color:#e54539;}
h3, h3 a, h3 a:link {color: #bb1205;}
h4, h4 a, h4 a:link, h5, h5 a, h5 a:link, h6, h6 a, h6 a:link {color: #780800;}

h2 a:visited {color: #780800;}
h2 a:focus, h2 a:active {background:#e54539; color: #fff;}

hr {background-color:#e54539; color:#e54539;}  
pre {border-left: 1px #e54539 solid;}   
q {background: #ecf5c3;}
blockquote {background: #ecf5c3 url(/images/quote.gif) no-repeat 10px 15px;}
dt {color:#e54539;}

/*====== LIST BULLET POINTS ======*/
ul li, ul ul li, ul ul ul li {background: url(/images/bullet-one.gif) no-repeat 0 0.4em;}  
ul ul li, ul ol ul li, ul ul ul li {background: url(/images/bullet-two.gif) no-repeat 0 0.5em;}

#footer li, #navigation li {background: none;}
    
/*====== HEADER STYLES ======*/
#header {background: #fff url(/images/content-header-divider.gif) repeat-x 0 100%;}
#header h1 {font-size: 3em; color:#00926f;}

/*=== TOP NAV ===*/
#top-nav {background: #f5ce00; border-left: 213px #fae200 solid;}
#top-nav a, #top-nav a:link {color: #000;}
#top-nav a:visited {color: #333;}
#top-nav a:focus, #top-nav a:active {background: #000; color: #f5ce00;}

/*=== SITE SERVICES ===*/
#site-services {text-align: right; font-size: 0.85em;}

/*=== SEARCH AREA ===*/
#search-area {text-align: right;}
#search-area li {background: none;}
#search-area li a {color: #fff;}
#search-area li a:hover, #search-area li a:focus, #search-area li a:active {background: #fff; color: #069;}
#search-area label {color: #fff; font-weight: normal;}
#search-area a, #search-area input {font-size: 0.85em;}

/*=== BREADCRUMB TRAIL ===*/
#breadcrumb li {list-style-type: none;}
#breadcrumb li a {background-image: url(/images/breadcrumb-arrow.gif); background-repeat: no-repeat; background-position: 100% 50%;}
#breadcrumb h1 {color: #e54539;}

/*=== HEADLINE AREA ===*/
#headline {background: #d3e771;}
#headline-wrap {background: url(/images/border-photo.gif) repeat-x 0 100%;}
#main-story {background: #00926f; color: #fff;}
#main-story p {font-size: 1.25em;}

/*=== LINK STYLES ===*/
#main-story a, #main-story a:link, #main-story h1, #main-story h1 a, #main-story h1 a:link, #main-story h2, #main-story h2 a, #main-story h2 a:link, #main-story h3, #main-story h3 a, #main-story h3 a:link, #main-story h4, #main-story h4 a, #main-story h4 a:link, #main-story h5, #main-story h5 a, #main-story h5 a:link, #main-story h6, #main-story h6 a, #main-story h6 a:link {color: #fff;}

#main-story a:visited, #main-story h1 a:visited, #main-story h2 a:visited, #main-story h3 a:visited, #main-story h4 a:visited, #main-story h5 a:visited, #main-story h6 a:visited {color:#d9fff6;}

#main-story a:focus, #main-story a:active, #main-story h1 a:focus, #main-story h1 a:active, #main-story h2 a:focus, #main-story h2 a:active, #main-story h3 a:focus, #main-story h3 a:active, #main-story h4 a:focus, #main-story h4 a:active, #main-story h5 a:focus, #main-story h5 a:active, #main-story h6 a:focus, #main-story h6 a:active {background: #fff; color: #00926f;}

/*====== LAYOUT ======*/
#outer-wrap {background: url(/images/navigation-bg.gif) repeat-y 0 0;}
#mainwrap {background: url(/images/related-bg.gif) repeat-y 100% 0;}
.home #mainwrap, .landing #mainwrap, .wide #mainwrap {background: none;}
#wrap1 {background: url(/images/wrap1-bg.gif) no-repeat 0 0;}
.home #wrap1, .landing #wrap1 {background: none;}
#navigation {background: #ECF5C3;}

/*====== HOME PAGE AND LANDING PAGE CONTENT STYLES =======*/
.home #content li, .landing #content li {background: none;}
.home #content h3, .landing #content h3 {color: #000;}
.home #content h2, .landing #content h2 {background-repeat: no-repeat; background-position: 0 50%;}

.dividing-box {border-left: 1px #e54539 solid;}

/*====== HEADING ICONS ======*/
#online-heading {background-image: url(/images/icon-do-it-online.gif);}
#news-heading {background-image: url(/images/icon-news.gif);}
#events-heading, #whats-on-heading {background-image: url(/images/icon-events.gif);}
#quick-links-heading {background-image: url(/images/icon-quick-links.gif);}
#link-heading {background-image: url(/images/icon-link.gif);}
#external-heading {background-image: url(/images/icon-external.gif);}

/*=== NEWS AND EVENTS ===*/
#news-story .bold, #events-listing dd {font-weight: bold;}
#news dt {font-weight: bold; color: #000;}
#events-listing dt a, #news dd a, #news-story a, #whats-on li a {font-size: 1.45em; font-weight: normal; font-family: Georgia, Times New Roman, serif;}

/*=== CONTACT AREA ===*/
#contact-area {overflow: hidden; background-color:#00926f;}
#inner-contact-area {background: #fff;}
#contact-area li a {background-color:#00926f; background-repeat: no-repeat; background-position: 10px 0.5em; color: #fff; font: 1.45em Georgia, Times New Roman, serif;}
#contact-area #visit-dacorum a {background-image:url(/images/icon-visit-dacorum.gif);}
#contact-area #contact-dacorum a {background-image:url(/images/icon-contact.gif);}

#contact-area a:focus, #contact-area a:active {background-color:#fff; color: #00926f; text-decoration: none;}

/*====== RELATED LINK STYLES ======*/
#related li {background: none;}
#related h2 {font-size:1.45em; letter-spacing: 0;}

/*=== PHOTO BOX ===*/
.photo-box {background-color: #fff;}
.photo-box p {background-color: #ecf5c3;}

/*=== LOGO BOX ===*/
#logo-box {background: #ababab; text-align: center;}
#logo-box p {color: #fff; font-size: 2em;}

/*====== GOV METRIC SNIPPET ======*/
#gov-metric-snippet input {border: none; background: none;}

#related #gov-metric-snippet {background-color: #fff;}
#related #inner-gov-metric-snippet {background-color: #ecf5c3;}


/*=== TABLE STYLES ===*/
caption {text-align: left; color: #e54539; font-weight: bold;}

table {border: none; border-collapse: collapse;}

th, td {border: 1px solid #fff; border-width: 1px 0 1px 1px;}
    
th {
    font-weight: bold;
    text-align: left;
    background: #00926f;
    color: #fff;
    }
        
td {background-color: #f9fceb;}
    
.odd td {background-color: #eef6c7;}
    
/*=== FORM STYLES ===*/
fieldset {border: none;}

legend {font-size: 1.5em; color:#000; font-family: Georgia, Times New Roman, serif;}

.required {    
    font-size: 2.7em;
    vertical-align: middle;
    color:#00926f;
    font-weight: normal;
    font-family: Georgia, Times New Roman, serif;}

.error {color: #cc0000; font-weight: bold;}   

form input {border: 1px #999 solid; background: #fff url(/images/textbox-bg.gif) no-repeat 0 0;}
form .submit {background: #fff url(/images/button-bg.gif) no-repeat 0 100%; font-weight: normal; font-family:Trebuchet MS, Arial, Verdana, sans-serif;}

form .question-text label, form .question-textarea label, form .question-select label, .row-title {
    text-align: left;
    color: #000;
    font-weight: bold;
    line-height: 1.2em;
    }
    
form .question-checkbox input, form .question-radio input {background:none; border: none;}

form .info {font-size: 0.85em;}  

/*====== NAVIGATION STYLES ======*/
#navigation {font-size: 115%; line-height: 1.3em;border-top: 15px #fff solid;}
#navigation li a {background: url(/images/navigation-border.gif) no-repeat 30px 100%;}
#navigation li strong {background: #e54539; color: #fff;}
#navigation li a {text-decoration: none; color: #00795c;}
#navigation li a:hover, #navigation li a:active, #navigation li a:focus {background: #d6e97d; text-decoration: underline;}

#navigation .section, #navigation .section a:hover, #navigation .section a:active, #navigation .section a:focus, #navigation .home-link, #navigation .home-link a:hover, #navigation .home-link a:active, #navigation .home-link a:focus {background: url(/images/nav-arrow.gif) no-repeat 15px 0.8em;}
#navigation .section a:hover, #navigation .home-link a:hover, #navigation .section a:active, #navigation .home-link a:active, #navigation .section a:focus, #navigation .home-link a:focus {background-color: #d6e97d;}
#navigation .section a {font-weight: bold;}

#navigation .section ul a {font-weight: normal;}
#navigation .section ul a:hover, #navigation .section ul a:active, #navigation .section ul a:focus {background-image: none;}

#navigation li  strong a { color: #fff;}

/*=== GOV LINKS ===*/
#navigation #gov-links li, #navigation #gov-links {background: #fff;}

/*====== FOOTER STYLES ======*/
#footer {font-size: 0.85em;text-align: center; background: #d3e771 url(/images/border-footer.gif) repeat-x 0 0;}
#footer a, #footer a:link {color: #000;}
#footer a:visited {color: #333;}
#footer a:focus, #footer a:active {background:#000; color: #d3e771;}

     
/*====== SITEMAP STYLES WITHOUT JAVASCRIPT ======*/

#sitemap ul li {background: none;}

#sitemap ul ul li {}

#iewrap #sitemap li a {text-decoration: none;}
#iewrap #sitemap li a:link {text-decoration: none;}
#iewrap #sitemap li a:visited {text-decoration: none;}
#iewrap #sitemap li a:active {text-decoration: underline;}
#iewrap #sitemap li a:hover {text-decoration: underline;}

#sitemap li li {font-weight: bold;}
#sitemap li li li {font-weight: normal;}
#sitemap #nav li {position: relative;}


/*====== SITEMAP STYLES WITH JAVASCRIPT ======*/

#sitemap #nav.pde_nav .pde_icon:hover, #sitemap .pde_icon:focus, #sitemap .pde_icon:active, #sitemap #nav.pde_nav ul li {background: none;}	

#sitemap #nav.pde_nav ul ul li {}

#sitemap #nav.pde_nav .pde_icon img {background: url(/images/sitemap-minus.gif) 50% 50% no-repeat;}
#sitemap #nav.pde_nav .pde_hide .pde_icon img {background-image: url(/images/sitemap-plus.gif);}
#sitemap #nav.pde_nav .pde_hide ul {display: none;}

input, label {display:inline; }


/*======== NEW STYLES FOR NEW LAYOUT =====*/
/*======== 01-09-2010 MM             =====*/

.clickon {
	margin-top: 0px;
	margin-bottom: 0px;
font-size: 1.25em;

padding: 5px 5px 5px 5px;
background-color: #c0dc37 !important;
font-family: Arial,Verdana,Helvetica,Sans-Serif !important;
color: #007800;
	}
/*
#navigation {
	
border: solid 1px #007800; 
width: 211px;
font-family: Arial,Verdana,Helvetica,Sans-Serif !important;
background-color: #fff;
}
	
#navigation ul li a{
	
	padding-left: 5px;
	
}

#mmWrap {
	
text-align: left;
}
	
body{
margin-left:auto;
margin-right:auto;
text-align:center;

}	*/