/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 0px;
    padding-bottom: 20px;
    background-image: url("https://www.dacorum.gov.uk/Sitefinity/WebsiteTemplates/DBCCorp2013/App_Themes/DBCCorp2013/Images/Gradient.gif");
    background-repeat: repeat-x;
    background-position-y: 60px;
    background-size: 100% 60px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 16px;
}

hr {
    margin-top: 5px;
    margin-bottom: 5px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

h1, h2, h3, h4, h5, h6 {
color: #008765;
}

h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited {
color: #008765;

}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
text-decoration: underline;
color: #008765;
}

fieldset legend
{ display: none; }

h1 {
margin-bottom: 20px;
font-size: 30px;
font-weight: normal;
}

/* Set widths on the form inputs since otherwise they're 100% wide */

/*input,
select,
textarea {
    max-width: 280px;
}*/

textarea {

    width: 500px;
    max-width: 600px;
    max-height: 200px;
    font-size: 150%;
    border: 2px solid #007800;
    padding-left: 5px;
}

select
{
    display: inline-block;
    font-size: 1em;
    height: 45px;
    border: 2px solid #007800;
    padding-left: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}

input[type=text], input[type=search], input[type=password]
{
    font-size: 150%;
    height: 45px;
    border: 2px solid #007800;
    padding-left: 5px;
   /* vertical-align: middle; */

}

input[type=submit]
{
    font-size: 150%;
    height: 45px;
    border: 2px solid #000000;
    background-color: rgb(0, 81, 59);
    color: #ffffff;
    padding-left:5px;
    padding-right:5px;
   /* vertical-align: middle;*/
}

input[type=radio], input[type=checkbox]
{
    margin-right:10px;
}

.sfContentBlock
{
    margin-left:10px;
}

.failure {
    font-weight: bold;
    color: red;
    margin-left: 5px;

}

@media screen and (max-width: 320px) {
input[type=submit],
input[type=text] 
{
    font-size: 100%;
    height: 35px;
    vertical-align: middle; 
}

input[type=text]  { width:90px; }
}

input[type=submit]:hover
{
    color: #000000;
    background-color: rgb(245, 197, 3);
}

/* HEADER */
.atozList {
padding-top: 1px;
display: inline-block;
padding-left: 3px;
margin-bottom: 0px;
}

.atoz {
background-color: #00513B;
color: white;
font-weight: bold;
clear: right;
text-align: center;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}

input[type="text"] {
    margin-top: 5px;
    margin-bottom: 5px;
}

@media screen and (max-width: 705px) {
    .atoz {
        border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
    }
}

@media screen and (max-width: 588px) {
    .atoz {
        display: none;
    }
}

.atozList 
{
    padding-top: 1px;
    display: inline-block;
    padding-left: 3px;
    list-style-type: none;
}
.atozList > li 
{
    float:left;
    padding-right:10px;
}
.atozList > li:last-child
{
    padding-right:11px;
}
.atoz a:link, .atoz a:visited
{
    color:White;
    text-decoration:none;    
}

.atoz a:hover
{
    text-decoration: underline;
}

.widgetholder
{
    display: inline-block;
    float: right;
    padding-top: 30px;
}


/* LEFT NAVIGATION */

.leftNavigation a:link {
	font-size: 10pt !important; font-weight: bold;
}
.leftNavigation a:visited {
	font-size: 10pt !important; font-weight: bold;
}
.leftNavigation ul {
	margin: 0px; padding: 0px; width: 100%;
}
.leftNavigation ul li {
	margin: 0px; padding: 0px; height: 46px; vertical-align: baseline; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid; display: block; list-style-type: none; box-sizing: content-box;
}
.leftNavigation ul li a:link {
	padding: 0px 10px; height: 46px; line-height: 46px; text-decoration: none;
}
.leftNavigation ul li a:visited {
	padding: 0px 10px; height: 46px; line-height: 46px; text-decoration: none;
}
.leftNavigation a:link {
	color: white; overflow: hidden; display: block;
}
.leftNavigation a:visited {
	color: white; overflow: hidden; display: block;
}
.nav-section1 {
	background-color: rgb(0, 135, 101);
}
.nav-section1 a:link {
	background-color: rgb(0, 135, 101);
}
.nav-section1 a:visited {
	background-color: rgb(0, 135, 101);
}
.nav-section1 {
	background-color: rgb(0, 56, 41);
}
.nav-section1 a:hover {
	background-color: rgb(0, 56, 41);
}
.nav-section2 {
	background-color: rgb(0, 107, 78);
}
.nav-section2 a:link {
	background-color: rgb(0, 107, 78);
}
.nav-section2 a:visited {
	background-color: rgb(0, 107, 78);
}
.nav-section2 a:hover {
	background-color: rgb(0, 56, 41);
}
.nav-section3 {
	background-color: rgb(0, 107, 78);
}
.nav-section3 a:link {
	background-color: rgb(0, 107, 78);
}
.nav-section3 a:visited {
	background-color: rgb(0, 107, 78);
}
.nav-section3 a:hover {
	background-color: rgb(0, 56, 41);
}
.nav-section4 {
	background-color: rgb(0, 107, 78);
}
.nav-section4 a:link {
	background-color: rgb(0, 107, 78);
}
.nav-section4 a:visited {
	background-color: rgb(0, 107, 78);
}
.nav-section4 a:hover {
	background-color: rgb(0, 56, 41);
}
.nav-section5 {
	background-color: rgb(0, 107, 78);
}
.nav-section5 a:link {
	background-color: rgb(0, 107, 78);
}
.nav-section5 a:visited {
	background-color: rgb(0, 107, 78);
}
.nav-section5 a:hover {
	background-color: rgb(0, 56, 41);
}
.nav-section6 {
	background-color: rgb(0, 107, 78);
}
.nav-section6 a:link {
	background-color: rgb(0, 107, 78);
}
.nav-section6 a:visited {
	background-color: rgb(0, 107, 78);
}
.nav-section6 a:hover {
	background-color: rgb(0, 56, 41);
}
.nav-section7 {
	background-color: rgb(0, 107, 78);
}
.nav-section7 a:link {
	background-color: rgb(0, 107, 78);
}
.nav-section7 a:visited {
	background-color: rgb(0, 107, 78);
}
.nav-section7 a:hover {
	background-color: rgb(0, 56, 41);
}
.nav-section8 {
	background-color: rgb(0, 107, 78);
}
.nav-section8 a:link {
	background-color: rgb(0, 107, 78);
}
.nav-section8 a:visited {
	background-color: rgb(0, 107, 78);
}
.nav-section8 a:hover {
	background-color: rgb(0, 56, 41);
}
.nav-section9 {
	background-color: rgb(0, 107, 78);
}
.nav-section9 a:link {
	background-color: rgb(0, 107, 78);
}
.nav-section9 a:visited {
	background-color: rgb(0, 107, 78);
}
.nav-section9 a:hover {
	background-color: rgb(0, 56, 41);
}
.nav-section10 {
	background-color: rgb(0, 107, 78);
}
.nav-section10 a:link {
	background-color: rgb(0, 107, 78);
}
.nav-section10 a:visited {
	background-color: rgb(0, 107, 78);
}
.nav-section10 a:hover {
	background-color: rgb(0, 56, 41);
}
.nav-page {
	color: white !important; padding-left: 20px; background-color: rgb(0, 81, 59);
}
.nav-page a:link {
	color: white; padding-left: 10px;
}
.nav-page a:visited {
	color: white; padding-left: 10px;
}
.nav-selected {
	
}
.nav-page a:hover {
	color: black !important; background-color: rgb(245, 197, 3);
}
.nav-selected {
	color: black !important; background-color: rgb(245, 197, 3);
}
.nav-selected a:link {
	color: black !important; background-color: rgb(245, 197, 3);
}
.nav-selected a:visited {
	color: black !important; background-color: rgb(245, 197, 3);
}
.sfBreadcrumbNavigation a:link {
	color: rgb(0, 135, 101) !important; font-size: 10pt; text-decoration: none;
}
.sfBreadcrumbNavigation a:visited {
	color: rgb(0, 135, 101) !important; font-size: 10pt; text-decoration: none;
}
.sfNoBreadcrumbNavigation a:link {
	color: rgb(0, 135, 101) !important; font-size: 10pt; text-decoration: none;
}
.sfNoBreadcrumbNavigation a:visited {
	color: rgb(0, 135, 101) !important; font-size: 10pt; text-decoration: none;
}

/* END LEFT NAVIGATION */


@media screen and (max-width: 705px) {
    .widgetholder
{
    float: none;
    width: 100%;
}

}

.searchterm[type=text] 
{
    width: 80%;
    height: 48px;
    font-size: 150%;
    border: 0px solid #fff;
}

.submit[type=button]
{
    background-color: rgb(0, 81, 59);
    width: 20%;
    height: 48px;
    font-size: 16px;
    color: #ffffff;
    font-weight: bold;
    font-size: 150%;
    border: 0px none #fff;

}

@media screen and (max-width: 435px) {
    .submit { width: 25%; }
    .searchterm { width: 75%; }
}

@media screen and (max-width: 320px) {
    .submit { width: 30%; font-size: 120%; }
    .searchterm { width: 70%; font-size: 120%; }
}


.searchbox
{

    border-top: 5px solid rgb(0, 0, 0);
    border-right: 5px solid rgb(0, 0, 0);
    border-bottom: 5px solid rgb(0, 0, 0);
    border-left: 5px solid rgb(0, 0, 0);
    float: none;
    background-color: rgb(0, 81, 59);
}

.submit:hover
{
    background-color: rgb(245, 197, 3);
    color: #000;
}

.band2
{
    
    background-color:#008765;
    background-image: url(https://www.dacorum.gov.uk/Sitefinity/WebsiteTemplates/DBCCorp2013/App_Themes/DBCCorp2013/Images/Gradient.gif);
    background-repeat: repeat-x;
    width:100%;
    height:60px;
    display:inline;
    /*position:absolute;
    top:60px;
    left:0px;
    z-index:0;*/
}

/* HEADER END */

/* FOOTER */


footer
{
    background-color: rgb(0, 135, 101);
    height: 460px;
}

.footer 
{
    color:White;
   /* width: 1040px;*/
    margin-top: 0;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
    background-repeat: no-repeat;
    background-color:#008765;
    /*height:350px;*/
    font-size: 14pt;
    padding-top:190px;
    padding-left: 20px;
    height:336px;
    line-height:1.3;
    background-image: url('https://www.dacorum.gov.uk/images/default-source/web-graphics/footer_1170.gif?Status=Master&sfvrsn=1');
}

.footer > ul
{
    position:relative; 
    z-index:10; 
    float:left;
    display:inline-block;
    vertical-align:middle;
    width:30%;     
}

.footer > .tiles
{
    position:relative; 
    z-index:10; 
    display:inline-block;
    width:30%;
    vertical-align:middle;
    
}




@media screen and (min-width: 320px) and (max-width: 1199px) {
    .footer
    {
    display: table-cell;
        height: 100%;
    }
}

/*@media (min-width: 992px) and (max-width: 1199px) {
        .footer
    {
        display: table-cell;
        height: 100%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
        .footer
    {
        display: table-cell;
        height: 100%;
    }
}*/

ul.footer-middle 
{
    width:20%;
}


.footer a 
{
    color: White;
    text-decoration: none;
}
.follow-us > li
{
    float:left;
}
.follow-us > li > a > img
{
    margin-top: 30px;
    box-shadow: 5px 5px 2.5px  rgba(50, 50, 50, 0.5);
}
.footer a:link, footer a:visited, footer a:hover, .footer a:focus
{
    font-weight: 500;
    font-size: 14pt;
    text-decoration:none;
}
.footer a:hover
{
    text-decoration: underline;
}

.footer a 
{
    color: White;
    text-decoration: none;
}

.footer-list > div 
{
    line-height: 0px !important;
}
.footer-list > div > a
{
    line-height: 0px !important;
}

.footer-list > div > a > img
{
    box-shadow: 5px 5px 2.5px  rgba(50, 50, 50, 0.5);
}


/* CONTACT US FOOTER TWEAKS */
.cuMain
{
    display:table;
    background-color: #00513B;
   /* width: 100%;*/
    box-shadow: 5px 5px 2.5px  rgba(50, 50, 50, 0.5);
}

.cuMain:hover {

    background-color: rgb(245, 197, 3);
    color: #000;

    }
.cuLeft
{
    display: table-cell ;
    vertical-align: middle;
    width: auto;
    padding-left:5px;
}
.cuLeft a:link, .cuLeft a:hover, .cuLeft a:focus, .cuLeft a:visited
{
    font-size:16pt;
}
.cuRight
{
    display: table-cell ;
    text-align:right;
                              
}
/* CONTACT US FOOTER TWEAKS END */


/* FOOTER END */


/* CONTENT SPECIFICS */

.listboxes {
    margin-top: 10px;
    border: 0px solid #fff;
    font-size: 120%;

}

.formLabels {
    font-size: 150%;
}

.formContent
{
    padding-left: 10px;
}

.formContent input[type=text] 
{
   text-transform:uppercase;
    
}


@media screen and (max-width: 320px) {

.formLabels {
    font-size: 100%;
    font-weight: bold;
}

}

#txtBxPCode{
    text-transform: uppercase;
}

/* CONTENT SPECIFICS END */

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }
    .body-content {
        padding: 0;
        box-shadow: 0px 0px 40px 20px rgba(80, 80, 80, 0.5);
    }
}