a[href="/council-policies.php"] + ul.dropotron {
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
}


.leftsubmenu .dropdown-menu
			{
  padding: 10px;
  font-size: 0.9em;
  color: #ccc;
  text-align: inherit;
  background-color: #005EAA !important; 
  border: 0;
  margin-bottom: 0px;
			}

	.leftsubmenu a
			{
				color: #fff;
				font-size: 1em;
				font-weight: 600;
				margin-bottom: 10px;
			}

	.leftsubmenu a:hover
			{
				color: #005EAA;
			}


			
			.leftsubmenu li
			{
				color: #fff;
				list-style-type: none; 
				padding: 0; 
				margin: 0; 
			}

#header {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-align-items: center;
		-webkit-align-items: center;
		-ms-align-items: center;
		align-items: center;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 10000;
		background-color: #ffffff;
		color: #333333;
		height: 100px;
		box-shadow: inset 0 -1px 0 0 #dbdbdb;
		overflow: hidden;
	}

#header nav {
			height: inherit;
			line-height: inherit;
			position: absolute;
			left: 180px;
			top: 0;

			color: #333333;
		}

			#header nav > ul {
				list-style: none;
				margin: 0;
				padding: 0;
				color: #333333;
			}
			
			

			#header nav > ul > li {
	display: inline-block;
	padding-left: 0px;
	font-size: 0.85em;
	font-weight: 600;
	text-align: center;
	color: #444;
				}


    #header nav > ul > li:nth-child(1) a { 
	background: transparent;
 white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
     padding: 0.4em 0.4em;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; 
	margin-right: 5px;
    border-top: 4px solid transparent;
}

    #header nav > ul > li:nth-child(1) a:hover { 
	color: #006EC7;
    border-top: 4px solid #006EC7;
}


    #header nav > ul > li:nth-child(2) a { 
	background: transparent;
 white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  border: 1px solid transparent;
     padding: 0.4em 0.4em;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; 
	margin-right: 5px;
 border-top: 4px solid transparent;
}

    #header nav > ul > li:nth-child(2) a:hover { 
	color: #289925;
    border-top: 4px solid #289925;
}





    #header nav > ul > li:nth-child(3) a { 
	background: transparent;
 white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
      padding: 0.4em 0.4em;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; 
	margin-right: 5px;
 border-top: 4px solid transparent;
}

    #header nav > ul > li:nth-child(3) a:hover { 
	color: #5bc0de;
    border-top: 4px solid #5bc0de;
}



    #header nav > ul > li:nth-child(4) a { 
	background: transparent;
 white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
      padding: 0.4em 0.4em;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; 
	margin-right: 5px;
 border-top: 4px solid transparent;
}

    #header nav > ul > li:nth-child(4) a:hover { 
	color: #f0ad4e;
    border-top: 4px solid #f0ad4e;
}



    #header nav > ul > li:nth-child(5) a { 
	background: transparent;
 white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
     padding: 0.4em 0.4em;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; 
	margin-right: 5px;
 border-top: 4px solid transparent;
}

    #header nav > ul > li:nth-child(5) a:hover { 
	color: #d9534f;
    border-top: 4px solid #d9534f;
}



    #header nav > ul > li:nth-child(6) a { 
	background: transparent;
 white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
      padding: 0.4em 0.4em;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; 
	margin-right: 5px;
 border-top: 4px solid transparent;
}

    #header nav > ul > li:nth-child(6) a:hover { 
	color: #A300D9;
    border-top: 4px solid #A300D9;
}



    #header nav > ul > li:nth-child(7) a { 
	background: transparent;
 white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
     padding: 0.4em 0.4em;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; 
	margin-right: 5px;
 border-top: 4px solid transparent;
}

    #header nav > ul > li:nth-child(7) a:hover { 
	color: #8C0000;
    border-top: 4px solid #8C0000;
}



    #header nav > ul > li:nth-child(8) a { 
	background: transparent;
 white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
      padding: 0.4em 0.4em;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; 
	margin-right: 5px;
 border-top: 4px solid transparent;
}

    #header nav > ul > li:nth-child(8) a:hover { 
	color: #B2B200;
    border-top: 4px solid #B2B200;
}


    #header nav > ul > li:nth-child(9) a { 
	background: transparent;
 white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
      padding: 0.4em 0.4em;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; 
	margin-right: 5px;
 border-top: 4px solid transparent;
}

    #header nav > ul > li:nth-child(9) a:hover { 
	color: #000;
    border-top: 4px solid #000;
}



    #header nav > ul > li:nth-child(10) a { 
	background: transparent;
 white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
      padding: 0.4em 0.4em;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; 
	margin-right: 5px;
 border-top: 4px solid transparent;
}

    #header nav > ul > li:nth-child(10) a:hover { 
	color: #F5790C;
    border-top: 4px solid #F5790C;
}



#header nav > ul > li a:after{
    content: '';
    border: 4px solid transparent;
    border-top: 4px solid black;
    margin-left: 2px;
    margin-bottom: 3px;
    display: inline-block;
    vertical-align: bottom;
}





#header nav > ul > li > ul {
	display: none;
	color: #333333;
					}

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

			#header nav > ul > li {
	display: inline-block;

	padding-left: 0px;

	font-size: 0.7em;
	font-weight: 700;
	text-align: center;
	color: #333333;
				}
}

					
					@media screen and (max-width: 1350px) {
					#header nav > ul > li {
					display: inline-block;
					margin-left: 0px;
					padding-left: 0px;
					font-size: 0.65em;
				}
					}
					
					@media screen and (max-width: 1120px) {
					#header nav > ul > li {
					display: inline-block;
					margin-left: 1px;
					padding-left: 1px;
					font-size: 0.6em;
				}
					}

	@media screen and (max-width: 1080px) {
					#header nav > ul > li {
					display: inline-block;
					margin-left: 1px;
					padding-left: 1px;
					font-size: 0.5em;
				}
					}

	#header nav > ul > li a {
	text-decoration: none;
	border-bottom: 0;
	color: #333333;
	}

						#header nav > ul > li a:before {
							-moz-osx-font-smoothing: grayscale;
							-webkit-font-smoothing: antialiased;
							font-family: FontAwesome;
							font-style: normal;
							font-weight: normal;
							text-transform: none !important;
							color: #333333;
						}

						#header nav > ul > li a:before {
							margin-right: 0.75em;
						}

					#header nav > ul > li:first-child {
						margin-left: 0;
					}

		#header .navPanelToggle {
			text-decoration: none;
			border: 0;
			height: 40px;
			position: absolute;
			right: 12px;
			top: 30px;
			width: 40px;
			display: none;
			background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
			color: red;
		}

			#header .navPanelToggle:before {
				-moz-osx-font-smoothing: grayscale;
				-webkit-font-smoothing: antialiased;
				font-family: FontAwesome;
				font-style: normal;
				font-weight: normal;
				text-transform: none !important;
				color: red;
				background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
			}

			#header .navPanelToggle:before {
				background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
				color:red;
				width: 3em;
				height: 3em;
				display: block;
				position: absolute;
				right: 0;
				top: 0;
				text-align: center;
				
			}

		#header + #banner {
			margin-top: -3.5em;
		}

		#header.reveal {
			-moz-animation: reveal-header 0.5s ease;
			-webkit-animation: reveal-header 0.5s ease;
			-ms-animation: reveal-header 0.5s ease;
			animation: reveal-header 0.5s ease;
		}

	

			#header.alt input[type="submit"],
			#header.alt input[type="reset"],
			#header.alt input[type="button"],
			#header.alt button,
			#header.alt .button {
				background-color: transparent;
				color: #000 !important;
				box-shadow: inset 0 0 0 1px #fff;
			}

				#header.alt input[type="submit"]:hover,
				#header.alt input[type="reset"]:hover,
				#header.alt input[type="button"]:hover,
				#header.alt button:hover,
				#header.alt .button:hover {
					background-color: rgba(255, 255, 255, 0.075);
				}

				#header.alt input[type="submit"]:active,
				#header.alt input[type="reset"]:active,
				#header.alt input[type="button"]:active,
				#header.alt button:active,
				#header.alt .button:active {
					background-color: rgba(255, 255, 255, 0.2);
				}

				#header.alt input[type="submit"].special,
				#header.alt input[type="reset"].special,
				#header.alt input[type="button"].special,
				#header.alt button.special,
				#header.alt .button.special {
					box-shadow: none;
					background-color: #fff;
					color: #444 !important;
				}

			#header.alt input, #header.alt select, #header.alt textarea {
				color: #333333;
			}

			#header.alt a {
				color: #333333;
				
			}

			#header.alt strong, #header.alt b {
				color: #333333;
			}

			#header.alt h1, #header.alt h2, #header.alt h3, #header.alt h4, #header.alt h5, #header.alt h6 {
				color: #333333;
			}

			#header.alt blockquote {
				border-left-color: rgba(255, 255, 255, 0.25);
			}

			#header.alt code {
				background: rgba(255, 255, 255, 0.075);
				border-color: rgba(255, 255, 255, 0.25);
			}

			#header.alt hr {
				border-bottom-color: rgba(255, 255, 255, 0.25);
			}

			#header.alt h1 {
				left: 2.5em;
			}

			#header.alt nav {
				
			}

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

			#header.alt {
				top: 0em;
			}

				#header.alt h1 {
					left: 0em;
				}

				#header.alt nav {
					right: 0;
				}

		}

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

			#header.alt {
				top: 0;
			}

			#header nav {
				display: none;
			}

			#header .navPanelToggle {
				display: block;
			}

		}

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

			#header {
				height: 100px;
			}

				#header h1 {
					left: 1em !important;
				}

					#header h1 a {
						font-size: 0.9em;
					}

		}

	.dropotron {
		list-style: none;
	
		background: #fff;
		color: #444;
		min-width: 13em;
		padding-right: 0.5em;
		padding-left: 0.5em;
		padding-top: 3em;
		padding-bottom: 0.5em;
		margin-top: -0.5em;
		font-family: "Source Sans Pro", Helvetica, sans-serif;
		font-weight: 500;
		text-transform: uppercase;
		box-shadow: 0 0 0.125em 0 rgba(0, 0, 0, 0.35);
	}
		.dropotron li {
			box-shadow: inset 0 1px 0 0 #e6e6e6;
		}

			.dropotron li:first-child {
				box-shadow: none;
			}
		.dropotron a:hover{
	background-color:#2A9827;
	color:#fff;
	padding: 5px;
	border-radius: 5px;
		}

		.dropotron a {
			color: inherit;
			text-decoration: none;
			letter-spacing: 0.05em;
			font-size: 0.8em;
			display: block;
			line-height: 2em;
			border: 0;
			padding: 5px;
			border-radius: 5px;
			margin-right: 20px;
			-moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
			-webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
			-ms-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
			transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		}


.dropotron.level-0 .opener {
    background-image: url('http://www.ashingtontowncouncil.gov.uk/images/ra.png');
padding: 0.3em 0;
 background-repeat: no-repeat;
  background-position: right;
}

.dropotron.level-1 .opener {
    background-image: url('http://www.ashingtontowncouncil.gov.uk/images/ra.png');
padding: 0.3em 0;
 background-repeat: no-repeat;
    background-position: right;
}

.dropotron.level-2 li a {
color: #444;
	}

.dropotron .level-1
{
	padding-top: 0.5em;
}

.dropotron .level-2
{
	padding-top: 0.5em;
}

/* Navigation Panel */

	#navPanel {
	-moz-transform: translateX(20em);
	-webkit-transform: translateX(20em);
	-ms-transform: translateX(20em);
	transform: translateX(20em);
	
	-webkit-overflow-scrolling: touch;
	background-color: #2A9827;
	box-shadow: none;
	display: none;
	height: 100%;
	max-width: 80%;
	overflow-y: auto;
	position: fixed;
	right: 0;
	top: 0;
	visibility: hidden;
	width: 20em;
	z-index: 10002;
	font-family: "Source Sans Pro", Helvetica, sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	color: #FFFFFF;
	}

		#navPanel nav {
			padding: 3em 2em;
		}

		#navPanel .link {
			border: 0;
			border-top: solid 1px #e6e6e6;
			color: inherit !important;
			display: block;
			font-size: 0.9em;
			padding: 0.75em 0;
		}

			#navPanel .link:first-child {
				border-top: 0;
			}

			#navPanel .link.depth-0 {
				font-weight: 700;
				color: inherit !important;
			}

			#navPanel .link .indent-1 {
				display: inline-block;
				width: 1.25em;
			}

			#navPanel .link .indent-2 {
				display: inline-block;
				width: 2.5em;
			}

			#navPanel .link .indent-3 {
				display: inline-block;
				width: 3.75em;
			}

			#navPanel .link .indent-4 {
				display: inline-block;
				width: 5em;
			}

			#navPanel .link .indent-5 {
				display: inline-block;
				width: 6.25em;
			}

		#navPanel .close {
			text-decoration: none;
			border: 0;
			cursor: pointer;
			display: block;
			height: 40px;
			padding-right: 1.25em;
			position: absolute;
			right: 12px;
			text-align: right;
			top: 30px;
			vertical-align: middle;
			width: 40px;
			background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
		}

			#navPanel .close:before {
				-moz-osx-font-smoothing: grayscale;
				-webkit-font-smoothing: antialiased;
				font-family: FontAwesome;
				font-style: normal;
				font-weight: normal;
				text-transform: none !important;
			}

			#navPanel .close:before {
		
			
			
				display: block;
				position: absolute;
				right: 0;
				top: 0;
				text-align: center;
			}

			#navPanel .close:hover {
				color: inherit;
			}

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

				#navPanel .close {
					height: 2em;
					line-height: 2em;
				}

			}

		#navPanel.visible {
			-moz-transform: translateX(0);
			-webkit-transform: translateX(0);
			-ms-transform: translateX(0);
			transform: translateX(0);
			box-shadow: 0 0 0.125em 0 rgba(0, 0, 0, 0.35);
			visibility: visible;
		}

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

			#navPanel {
				display: block;
			}

		}

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

			#navPanel {
				display: block;
			}

				#navPanel nav {
					padding: 2.25em 1.25em;
			} }

@media (max-width: 980px) {

    /* Hide submenu items until expanded */
    #navPanel .link.depth-1,
    #navPanel .link.depth-2,
    #navPanel .link.depth-3,
    #navPanel .link.depth-4,
    #navPanel .link.depth-5 {
        display: none;
    }

    /* Expanded items */
    #navPanel .link.mobile-show {
        display: block !important;
    }

    /* Prevent inline layout */
    #navPanel .link {
        display: block;
        width: 100%;
        clear: both;
        float: none;
        box-sizing: border-box;
    }

    /* Plus/minus icon */
    #navPanel .link.has-mobile-submenu {
        position: relative;
        padding-right: 45px;
    }

    #navPanel .submenu-toggle {
        position: absolute;
        right: 12px;
        top: 0;
        width: 35px;
        height: 100%;
        text-align: center;
        font-size: 22px;
        font-weight: bold;
        cursor: pointer;
    }

    /* Move first menu item below hamburger */
    #navPanel .link:first-child {
        margin-top: 60px;
    }
}