* {
    margin: 0;
    outline: none;
    padding: 0
}
html {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
  -moz-box-sizing: inherit;
  -webkit-box-sizing: inherit;
}
a:focus,
*:focus {
	outline: 1px solid #66afe9 !important;
}

.item.shadow > a:focus{
  border:1px solid #66afe9 !important;
  outline: 0 !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6)!important;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6) !important;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {  
	/* CSS Statements that only apply on webkit-based browsers (Chrome, Safari, etc.) */  
	 a:focus,
	*:focus {
		outline: 5px auto -webkit-focus-ring-color !important;
		outline-offset: -2px;
	}
}

#maincolumnwrapper button:focus,
#maincolumnwrapper input[type=button]:focus, 
#maincolumnwrapper input[type=reset]:focus,
#maincolumnwrapper input[type=submit]:focus, 
#maincolumnwrapper #registerbutton:focus, 
#maincolumnwrapper .button:focus,
button:focus, 
input[type="submit"]:focus{
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
.form-control:focus,input[type="text"]:focus, select:focus,textarea:focus{
  border-color: #66afe9 !important;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}

ul li{
    padding-bottom:3px;
}

.hidden {
    display: none
}

.errorfooter{
    margin-top:30px;
      width: 100%;
    height:30px;
    background: #633168;
}
#errorbanner{
    width: 100%;
    height:30px;
       background:#007A33;
    border-bottom: 1px solid #5D285F;
    color:#FFF;
}
#introtext ~ .textblock #bodytext > h2,
#introtext ~ .textblock #bodytext > h3
#introtext ~ .textblock #bodytext > h4,
#introtext ~ .textblock #bodytext > h5,
#introtext ~ .textblock #bodytext > h6,
#introtext ~ .textblock #bodytext #relatedimages{
    margin-top:1.2em;
}


#bodytext > * + h2,
#bodytext > * + h3,
#bodytext > * + h4,
#bodytext > * + h5,
#bodytext > * + h6{
	margin-top:1.2em;
}
#bodytext > * + h2,
#bodytext > * + h3,
#bodytext > * + h4,
#bodytext > * + h5,
#bodytext > * + h6{
	margin-top:1.2em;
}



.shadow{
    -webkit-box-shadow: 0px 1px 11px 0px rgba(50, 50, 50, 0.27);
-moz-box-shadow:    0px 1px 11px 0px rgba(50, 50, 50, 0.27);
box-shadow:         0px 1px 11px 0px rgba(50, 50, 50, 0.27);
}

table {
	border-spacing: 0;
}
/* Row Containers */
.mobileonly{
    display: none;
}
.row {
    margin-left:-15px;
    margin-right: -15px;
    overflow: hidden;
}
.col-3{
    width: 33.333333%;
    margin: 0 0 0em 0;
    display: block;
    float: left;
    padding: 0 15px;;
}
.pull-left{
    float: left;
}
.pull-right{
    float: right;
}
.overflow{
    overflow: hidden;
}


table > caption{
    visibility:hidden;
	height:0px;
}

.screenread{
	position:absolute;
	left:-9999px;
}

.wrapper{
    width: 970px;
    padding: 0 10px 0px;
    margin: 0 auto 10px;
    position: relative; 
    overflow: hidden;
}

a:hover {
    text-decoration: underline
}

#bodytext {
    overflow: hidden
}

.clear {
    clear: both
}

#commentform {
    margin-left: -990px
}

.debugtext {
    display: none
}

div.backlink {
    padding: 0 0 10px
}

img {
    max-width: 100%
}

.gm-style img {
    max-width: none
}

.info {
    font-size: .9em;
    padding: 0 0 .5em 0
}

.tableoverflow {
    overflow-x: auto;
    overflow-y: hidden
}

.title {
    font-weight: bold;
    padding: 0 0 .5em 0;
    text-decoration: underline
}

#leftcolumnmobile,
#slidenavigation,
#slidenavigationtoggle {
    display: none
}

a>span.tooltip {
    background: 3px 1px url("../images/newwindow.png") no-repeat;
    padding-right: 19px;
    cursor: pointer;
    height: 12px;
    display: inline-block
}

a>img+span.tooltip {
    display: none
}

a span.tooltip span {
    position: absolute;
    top: -999em;
    left: -999em
}




#toputilnav {
    overflow: hidden;
}

#toputilnav.errorpage,
#toputilnav.poll {
    height: 12px
}

#toputilnav ul {
    float: right;
    list-style: none;
    margin: .5em 0 0;
    white-space: nowrap
}

#toputilnav ul li {
    border-right: 1px solid #FFF;
    display: inline;
    font-size: .9em;
    padding: 0 1em
}
#toputilnav ul li.skipnavigation{
    position: absolute;
    left: -999px;
}

#toputilnav ul li.last {
    border-right: none;
    padding-right: 0
}

#toputilnav ul li .selected {
    font-weight: bold;
    cursor: default
}

.topwrapper{

}
#topbanner {
    overflow: hidden;
    padding: 0.5em 0.2em 0em 0.2em
}

#topbanner #toplogo {
    margin-top: 0;
    float: left;
}
#topbanner #toplogo .mobile_logo{
	display:none;
}

#toplevelsearch {
    float: right;
    margin-top:2.5em;
}

#toplevelsearch form {
    margin-top: 0
}

#toplevelsearch fieldset {
    border: 0;
    margin: 0;
    overflow: hidden;
}

#toplevelsearch fieldset label,
#toplevelsearch fieldset legend {
    display: none
}

#toplevelsearch input {
    font-size: 1.15em;
    padding: .6em .9em;
    height: 34px;
    font-weight: bold;
}

#toplevelsearch input#go {
    border-radius: 0;
    filter: none;
    margin-left: -5px;
    transition: background .3s;
    -moz-transition: background .3s;
    -webkit-transition: background .3s; 

    background-image:url('../images/search.png');
    background-repeat: no-repeat;
    background-position: center center;


    -moz-border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;

     -moz-border-bottom-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;

    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    text-shadow: none;
    margin-top: 0px;
    border-top: 0;
    border:1px solid #000;
    height: 34px;
    width:55px;
    float: left;
}

#toplevelsearch input#q {
     float: left;
    -moz-border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;

     -moz-border-bottom-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;

    width: 182px;
    transition: box-shadow .3s, color .3s;
    -moz-transition: box-shadow .3s, color .3s;
    -webkit-transition: box-shadow .3s, color .3s;

    font-size: 100%;
	font-weight:bold;
    color:#000;
}

/* Top Nav */
#navmenu .wrapper{
    padding-top:5px;
    padding-bottom: 5px;
    margin-bottom: 0;
}
#topnavicon{
    float: left;
    display: table;
    height: 28px;
    cursor: pointer;
    vertical-align: middle;
}
#topnavicon > a,
#topnavicon > span{
    display: table-cell;
    vertical-align: middle;
}

#topnavicon .fa{
    font-size:170%;
    padding-right: 10px;
    vertical-align: middle;
}
#toplevelnav{
    display: block;
    clear: both;
    overflow: hidden;
    width: 100%;
 }
#toplevelnav.active{
    display: block;
}
#toplevelnav ul{
	display:none;
     width: 100%;
    list-style: none;
    padding:0;
    margin:8px 0 8px 0;
    overflow:hidden;
}
#toplevelnav ul li{
     width: 100%;
    padding:0;
    margin:0;
    display: block;
}
#toplevelnav ul li:first-child a,
#toplevelnav ul li:first-child span{
    border-top: 1px solid #009740;
}
#toplevelnav ul li span,
#toplevelnav ul li a{
    display: block;
    padding:4px 5px;
    margin:0;
    border-bottom: 1px solid #009740;
    font-size: 105%;
}
#toplevelnav ul li a:hover{
    text-decoration: none;
    background: #00662C;
}





















.button{
    border-radius: 5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    padding:5px 15px;
    border:0;
}


#cookiebanner .wrapper .banner{
    border:1px solid #3D3C3C;
    padding:10px 15px;
    margin-top:10px;
    overflow: hidden;
}

#cookiebanner .wrapper p{
    margin:0;
    font-size: 95%;
    color:#3D3C3C;
}

#cookiebanner .wrapper p a{
    text-decoration: underline;
}
#cookiebanner .wrapper p a:hover{
    text-decoration: none;
}

#cookiebanner .wrapper .button{
    float: left;
    clear: left;
    border:0;
    font-size: 95%;
    margin-top:10px;
    margin-bottom:5px;
  
}

#breadcrumb .wrapper{margin-bottom:0;}
#breadcrumb a {
    text-decoration: underline
}

#breadcrumb a:hover {
    text-decoration: none
}

#breadcrumb ol {
    margin: 0;
    padding: 10px 0em 10px 0em
}

#breadcrumb ol li {
    display: inline;
    list-style: none
}

#breadcrumb ol li.separator {
    padding: 0 .5em;
    font-size: 85%;;
}


#announcements{
    text-align: center;
}

#announcements .wrapper{
    margin-top:0;
    margin-bottom: 0;
    padding:10px 0;
}
#announcements .wrapper > div{
    text-align: center;
    margin:0;
    padding:0;
}
#announcements a{
    text-decoration: underline;
}
#announcements a:hover{
    text-decoration: none;
}

#announcements .schoolnames{display: inline;}
#announcements .schoolnames span:last-child{display: none;}
/*right column*/

#rightcolumn {
    float: right;
    display: inline;
    width: 256px;
    margin: 0px 0px 0 15px;
}

.rightnav {
    position: relative
}

#rightnavigation {
    list-style: none;
    margin: 0 0 15px 0;
    padding: 0
}
#rightnavigation li:first-child {
    background-color: #5D285F;
    border-top: 1px solid #007A33;
    position:relative;
}
#rightnavigation li:first-child.sibling{
   padding:0;
   background:none;
}
#rightnavigation li:first-child.sibling a{
     padding: 1em 1.6em 1em 3em;
     background: url('../images/chevron_right.png') 24px 50% no-repeat;
     color:#000;
     font-size: 100%;
     text-align: left;
}
#rightnavigation li:first-child.sibling div:hover{
    padding:0;

}

#rightnavigation li:first-child.sibling a:hover{
     font-size: 100%;
     text-align: left;
     color:#000;
}

#rightnavigation li:first-child.selected{
    background-color: #5D285F;
    border-top: 1px solid #007A33;
    position: relative;
}

#rightnavigation li:first-child.selected.children div span,
#rightnavigation li:first-child.sibling{
   background:none;
}


#rightnavigation li:first-child.sibling a:hover{
    padding: 1em 1.6em 1em 3em;
}
#rightnavigation li:first-child.sibling::before{
    display:none;
}
#rightnavigation li:first-child::before {
    opacity: 1;
    content: ' ';
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -26px;
    width: 0;
    height: 0;
    border-left: 26px solid transparent;
    border-right: 26px solid transparent;
    border-top: 10px solid #5D285F;
    z-index: 1;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

#rightnavigation li {
    border-left: 1px solid #007A33;
    border-right: 1px solid #007A33;
    border-bottom: 1px solid #007A33;
    padding-bottom: 0;
}
#rightnavigation li:first-child a, #rightnavigation li:first-child span, #rightnavigation li:first-child a:hover, #rightnavigation li:first-child span:hover, #rightnavigation li.selected:first-child a, #rightnavigation li.selected:first-child span{
    color:white;
    text-align:center;
    background: none;
    font-size:120%;
}
#rightnavigation li a,
#rightnavigation li span {
    display: block;
    padding: 1em 1.6em 1em 2em;
    color: #000;
    font-weight:bold; 
}

#rightnavigation li a {
    background: url('../images/chevron_right.png') 12px 50% no-repeat; 
}
#rightnavigation li a:hover {
    background: #F4E6F4 url('../images/chevron_pright.png') 12px 50% no-repeat; 
}

#rightnavigation li a:hover {
    text-decoration: none
}

#rightnavigation li span {
    font-weight: bold
}

#rightnavigation li.child a {
    padding: 1em 1.6em 1em 3.7em;
    background: url('../images/chevron_right.png') 30px 50% no-repeat;
}
#rightnavigation li.child a:hover {
    background: #F4E6F4 url('../images/chevron_pright.png') 30px 50% no-repeat; 
}

#rightnavigation li.selected{
    border-bottom:1px solid #5D285F;
    border-right:1px solid #5D285F;
    border-left: 1px solid #5D285F;
}


#rightnavigation li.selected div a,
#rightnavigation li.sibling div a,
#rightnavigation li.selected div span,
#rightnavigation li.sibling div span{
    padding:1em 1.6em 1em 3em;
    background: url('../images/chevron_right.png') 24px 50% no-repeat; 
}

#rightnavigation li:first-child.sibling a:hover,
#rightnavigation li.selected div span,
#rightnavigation li.selected div a:hover,
#rightnavigation li.sibling div a:hover{
    background: #F4E6F4 url('../images/chevron_pright.png') 24px 50% no-repeat; 
}


#rightnavigation li.selected.children div span{
    background: url('../images/chevron_pdown.png') 24px 50% no-repeat #F4E6F4 ;
}
#rightadditional {
    width: 217px;
    overflow: hidden
}

#maincolumnwrapper {
    clear: both;
    overflow: hidden;
    width: 100%;
    padding-top:10px;
}

#contentwrap {
    height: 100%;
    overflow: hidden
}

#centrecolumn {
    margin: 0px 0;
    overflow: hidden
}

#centrecolumn a.formstart {
    clear: both;
    display: block;
    height: 0;
    overflow: hidden
}

#contentfullwidth {
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%
}

#contentrightnav {
    float: left;
    margin: 20px 0 0;
    overflow: hidden;
    position: relative;
    width: 100%
}

#contentrightnav .contentleft {
    float: left;
    margin-left: -200px;
    position: relative;
    right: 100%;
    width: 200%
}

#contentrightnav .contentbodywrap {
    float: left;
    left: 50%;
    padding-bottom: 1em;
    position: relative;
    width: 50%
}

#brandingbanner img {
    height: auto;
    margin-bottom: 1em;
    max-width: 100%
}

#headingtext {
    height: 100%;
    margin: 0 0 10px 0
}

#headingtext>img,
#headingtext>h1 {
    display: inline;
    margin: 0;
    vertical-align: middle
}

#headingtext>img {
    margin-right: .5em
}

#introtext,
#introtext p {
    margin: 0;
    font-weight: bold
}

.newsflash {
    border: 1px solid transparent;
    margin-bottom: 1em;
    padding: 1em
}

.newsflash p {
    margin: 1em 0 0
}

.newsflash p:first-child {
    margin: 0
}

.widgetspace {
    margin-bottom: 1em;
    overflow: hidden
}

input,
select,
textarea {
    border: 1px solid transparent;
    padding: .2em
}

input[type=radio],
input[type=checkbox] {
    background: transparent;
    border: 0
}

button:active,
input[type=button]:active,
input[type=reset]:active,
input[type=submit]:active {
    position: relative;
    top: 1px
}

button::-moz-focus-inner,
input[type=submit]::-moz-focus-inner {
    border: 0;
    padding: 0
}

#maincolumnwrapper button,
#maincolumnwrapper input[type=button],
#maincolumnwrapper input[type=reset],
#maincolumnwrapper input[type=submit],
#maincolumnwrapper #registerbutton,
#maincolumnwrapper .button {
    -webkit-appearance: none !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    font-size: 1.1em;
    text-shadow: none;
    outline: 0;
    padding: 0.4em 0.8em;
    -webkit-transition: background 0.2s ease-in-out;
    -moz-transition: background 0.2s ease-in-out;
    -o-transition: background 0.2s ease-in-out;
    transition: background 0.2s ease-in-out;
    
}

.formbackto ~ .backlink {
    display: none
}

.formbackto ~ br {
    display: block !important
}

div.error,
ul.error {
    border: 1px solid transparent;
    font-weight: bold;
    margin: 1em 0;
    padding: 0.5em 1em
}

div.error strong {
    font-size: 1.1em
}

ul.error,
div.error ul {
    list-style: none
}

.icmform dl {
    font-weight: bold
}

div.thankyou {
    margin: 2em 0;
    padding: 1.25em 1em;
    border: solid 1px transparent;
    font-weight: bold
}

div.thankyou strong {
    display: block;
    font-size: 1.1em
}

div.thankyou p {
    margin: 0.5em 0 0;
    line-height: normal
}

div.thankyou ~ br {
    display: none
}

.selector {
    margin: 0 0 10px;
    padding: 10px;
    position: relative
}

.selector .title {
    font-weight: bold;
    font-size: 1.3em;
    text-decoration: none
}

.selector form {
    margin: 1em 0 0
}

.selector label {
    display: block
}

.selector select {
    width: 70%
}

.selector input {
    margin: 0 0 0 10px
}

#relatedflash {
    clear: both;
    margin: 2em 0 0 0
}

#relatedflash .img {
    display: inline
}

#relatedflash .img img,
#relatedflash .img object {
    padding: 1px;
    border: solid 1px transparent
}

#relatedflash .img a {
    text-decoration: none
}


#related .container {
    clear: both;
    margin-bottom: 1em;
    padding: 1em;
    text-decoration:none;
    overflow:auto;
    font-weight:normal;
}

#related .container {
    border: 1px solid #007A33;
  
}
#relatedpolls{
    padding: 20px;
    margin-bottom: 1em;
}

#contributoractions {
    overflow: hidden;
    padding: 10px 20px;
    margin: 0px 0 15px 0;
    width: 100%;
	clear:both;
}
.contribwrapper{
    padding:0;
}

#contributoractions .panel-title, 
#relatedpolls .panel-title,
#related .container .panel-title {
    border-bottom: 1px solid black;
}
#contributoractions .panel-title, 
#relatedpolls .panel-title,
#related .container> .panel-title {
    margin: .7em 0 .1em;
    overflow:auto;
    font-weight: bold;
    font-size:141.667%;
    text-decoration:none;
       padding-bottom: 5px;
    margin: 0px;
    display: block;
}
#relatedpolls fieldset{
    padding-top:0.7em;
}
#relatedpolls fieldset ol{
    list-style: none;
    margin:0;
    padding:0 0 10px 0;
}
#relatedpolls fieldset ol li{
    list-style: none;
    margin:0;
    padding:8px 0 0 0;
}


#relatedpolls form + form{
    padding-top:0.7em;
}
#related .container > ul li.first ~ li, #related .container > ul li:first-child ~ li {
    margin-top: .7em;
}
#related .container>fieldset {
    border: 1px solid transparent;
    margin: 0;
    padding: 1em 1em 1em 1em;

}
#related .container>ul {
    border: 1px solid transparent;
    margin: 0;
    padding: 1em 1em 1em 0;
}

#related .container > ul li {
    list-style: none;
}

#related .container > ul li > span{
    padding-left: 26px;
    display: block;
    position: relative;
    padding-top:3px;
}
#related .container > ul li a {
    color:#355C7D;
	text-decoration:underline;
}
#related .container > ul li a:hover {
	text-decoration:none;
}

#related .container > ul li .bigIco {
    position: absolute;
    top:0;
    left:0;
    width:26px;
    height: 20px;
}


#related .container>ul li.first ~ li,
#related .container>ul li:first-child ~ li {
}

#related .container>ul li .square,
#related .container.documents>ul li img {
    margin-right: .3em
}

#related .container.contacts>ul li ~ li {
    border-top: 1px solid transparent;
    padding-top: .6em
}

#related .container.contacts ul li div {
padding-bottom: 5px;}
#related .container.contacts .bold,
#related .container.poll .pollquestion {
    font-size: 1.1em;
    font-weight: bold
}
#related .container.contacts .summary{
    padding-bottom:10px;
}
#related .container.contacts>ul li div {
    margin: 5px 0;
    padding-bottom: 0;
}
#related .container.contacts>ul li div.fulldetails{
    padding-top:10px;
}

#related .container.contacts>ul li div > span{
    margin-right: 5px;
    font-size:110%;
}
#related .container.contacts>ul li div > .fa-globe{
   font-size:2em;
   padding-left: 3px;
}


#related .container.contacts .fulldetails a {
    background: url("../images/linkarrow.png") no-repeat left center;
    display: block;
    margin-top: .1em;
    padding-left: 9px
}

.container.contributor>ul li {
    list-style: square inside
}

#related .container.documents>ul li img,
#related .container.documents>ul li .mediatext {
    display: inline;
    vertical-align: middle
}

#related .container.poll .pollquestion {
    margin-bottom: .3em
}

#related .container.poll>fieldset ol {
    margin: 0;
    padding: .4em
}

#related .container.poll>fieldset ol li {
    list-style: none;
    margin-bottom: .3em
}

#related .container.poll .pollbuttons input {
    margin-right: .3em
}

#related fieldset{
    border:0;
}

#contentlinks .screenread{
	visibility:hidden;
	position:absolute;
	left:-9999px;
}
#contentlinks {
    border: 1px solid transparent;
    clear: both;
    margin-bottom: 15px;
    overflow: hidden;
    margin-top: 10px;
    padding: 10px;
}

#contentlinks ul {
    margin: 0;
    padding: 0
}

#contentlinks ul li {
    display: inline-block;
    list-style: none;
    vertical-align: middle;
    padding-bottom: 0;
    padding-right: 10px;
}

#contentlinks ul li.padding,
#contentlinks ul li>.padding {
    display: inline-block;
    padding: .6em
}

#contentlinks ul li.addthis {
    list-style: none
}

#footer {
    clear: both;
    overflow: hidden;
    padding: 1em;
    position: relative
}

#footer ul {
    margin: 0;
    padding: 0;
	text-align:right;
}

#footer ul li {
    border-left: 1px solid transparent;
    display: inline;
    list-style: none;
    padding: 0 .5em
}

#footer ul li:first-child {
    border-left: 0;
    padding-left: 0
}

#footer ul li:last-child {
    padding-right: 0
}

#footer ul li .selected {
    font-weight: bold
}


#footer #bottomutilnav {
    margin-bottom: 0.5em;
    float:right;
    clear: right;
}
#footer #bottomutilnav li a{
    font-size: 100%;
}


#footer #iconlinks li {
    border: 0;
    display: inline-block;
    padding: 0 0 0 .2em
}

#footer #iconlinks li a {
    text-decoration: none
}

#footer #iconlinks li a *,
#footer #iconlinks li:hover a img.normal {
    display: none
}

#footer #iconlinks li a img.normal,
#footer #iconlinks li:hover a img.highlight {
    display: inline
}

#footer #imagelinks{
	padding-top:10px;
	padding-bottom:10px;
}
#footer #imagelinks a:hover{
    text-decoration:none;
}
#footer #imagelinks li {
	border:0;
}


#copyright {
    margin: 0;
    float: right;
    clear: right;
}

#powered {
    text-align: right;
    margin: .5em 0 0
}

#relatedimages {
    float: left;
    display: inline;
    margin: 1em 1em 1em 0
}

#mainimage {
    margin: 0 0 1px 0
}

#mainimage img,
#relatedthumbnails div.img {
    padding: 1px
}

#mainimage a,
#relatedthumbnails div.img a {
    display: block;
    line-height: 0
}

#relatedthumbnails {
    width: 246px;
    margin: 0 0 1em 0;
    overflow: hidden
}

#relatedthumbnails div.img {
    float: left;
    display: inline;
    width: 76px;
    height: 76px;
    overflow: hidden;
    margin: 0 2px 2px 0;
    background: #bbb
}

#relatedthumbnails div.img span.thumbnailbox {
    display: block;
    width: 76px;
    height: 76px;
    overflow: hidden;
    position: relative
}

#relatedthumbnails div.img span.thumbnailbox.clickable {
    cursor: pointer
}

#relatedthumbnails div.img span.thumbnailbox span {
    display: block
}

#relatedthumbnails div.img span.horizontalcentre span.outer {
    position: absolute;
    width: 200%;
    left: -50%
}

#relatedthumbnails div.img span.horizontalcentre span.inner {
    position: absolute;
    left: 50%
}

#relatedthumbnails div.img span.horizontalcentre span.inner img {
    position: relative;
    left: -50%
}

#relatedthumbnails div.img span.verticalcentre span.outer {
    height: 228px;
    margin: -76px 0 0 0;
    line-height: 228px
}

#relatedthumbnails div.img span.verticalcentre span.outer img {
    vertical-align: middle
}

#relatedimages #mainimage>div {
    display: none
}

#relatedimages #mainimage>div.selected {
    display: block
}

#commentsformsection .inputwidth {
    width: 24em
}

#commentsformsection .formrow {
    height: 100%;
    overflow: hidden;
    padding: .5em 0
}

#commentsformsection .submitbutton {
    margin: 0 0 0 13em;
    padding: .5em 0
}

#commentsformsection label,
#commentsformsection .formrow label,
#commentsformsection .formrow p.label {
    float: left;
    font-weight: bold;
    margin: 0;
    padding: .25em 1em;
    text-align: right;
    width: 14em
}

#commentsformsection .formrow label,
#commentsformsection .formrow p.label {
    text-align: left;
    width: 6em
}

#commentsformsection img#captcha {
    border: 1px solid transparent;
    display: inline;
    float: left;
    margin: 0 1em 0 0
}

#cke_pagecomments {
    display: block;
    overflow: hidden;
    height: 100%
}

.cke_skin_v2 table.cke_editor {
    display: table !important
}

.cke_skin_v2 table.cke_editor td {
    width: 100%
}

.cke_skin_v2 .cke_browser_gecko,
.cke_skin_v2 .cke_browser_gecko * {
    border-collapse: separate
}

#commentsform {
    margin: 30px 0 0
}

.commenttitle {
    border-top: 1px solid transparent;
    font-size: 1.1em;
    font-weight: bold;
    margin: 20px 0;
    padding: 30px 0 0
}

.commentlink {
    padding: 2em 0
}

#comments {
    list-style: none;
    padding: 0;
    border-top: 1px solid transparent
}

#comments li {
    padding: 1em;
    border-bottom: 1px solid transparent
}

.comment {
    height: 100%;
    margin: 1px 0;
    overflow: hidden;
    padding: 2em 1em
}

.comment:first-child {
    border-top: 1px solid transparent
}

.comment:first-child ~ .comment {
    border-bottom: 1px solid transparent
}

ol.addmsg {
    border: 1px solid transparent;
    font-weight: bold;
    list-style: none;
    margin: 2em 0 0 0;
    padding: 1em
}

.validationerrors ul,
ul.validationerrors {
    border: 1px solid transparent;
    list-style: none;
    margin: 0 0 1em 0;
    padding: 1em
}

.validationerrors li.errorheader {
    font-weight: bold
}

#poll .message {
    font-size: 140%;
    font-weight: bold
}

#poll .question,
#poll .message {
    margin: 1em 0 0 0;
    padding: 0 10px
}

#polltablewrap {
    padding: 0;
    width: 95%
}

#poll #results {
    border-top: solid 1px #4D4D4D;
    margin: 1em;
    width: 95%
}

#poll #results td {
    border-bottom: solid 1px #4d4d4d
}

#poll td.answer {
    width: 150px
}

#poll td.answer div {
    padding: 0.5em 10px 0.5em 0;
    font-size: 90%
}

#poll td.percent {
    width: 40px
}

#poll td.vote .back {
    background: #EEE
}

#poll td.vote .bar {
    background: #590058;
    border-right: solid 1px #111;
    height: 25px;
    margin: 5px 0

}

#poll #footer {
    background: #4d4d4d;
    margin: 1em 0 0 0;
    padding: 1em;
    text-align: right
}

#poll .btntext {
    border: 1px solid #FFF;
    padding: 5px 20px;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}

body.error #toplogo {
    margin: 30px 0 0px
}

body.error .content {
    padding: 3em
}

body.error .content ul {
    margin: 0;
    padding: 0;
    list-style: none
}

body.error #footer {
    padding-top: 1em
}

body.error #copyright {
    margin: 1em 0
}
body.error #footer{
    border-top:30px #633168 solid;
    position: fixed;
    bottom:0;
    left:0;
    right:0;
}
.searchright {
    width: 50%;
    float: right;
    border: solid 1px #ccc;
    padding: 5px;
    margin: 5px 0 5px 5px
}

.searchleft {
    width: 50%;
    float: left;
    border: solid 1px #ccc;
    padding: 5px;
    margin: 5px 5px 5px 0
}

.searchfull {
    width: 100%;
    padding: 5px;
    margin: 5px 0px
}

.categorisedsearch label {
    font-weight: bold;
    padding-right: 5px
}

.categorisedsearch .category-list {
    list-style-type: none;
    margin: 5px;
    padding: 0
}

.categorisedsearch .category-list li {
    padding: 1px 0
}

.categorisedsearch .page-header {
    font-weight: bold
}

.categorisedsearch .result-list {
    margin: 5px 0 5px 15px;
    padding: 0
}

.categorisedsearch .result-list li {
    list-style-type: none;
    margin: 3px 0;
    padding: 0
}

.categorisedsearch .result-list li .result-desc {
    margin-top: 2px
}

#askquestion div.tableoverflow {
    overflow: visible !important
}


#forum,
#thread,
#message,
#addthread,
#subscriptions,
#indirects {
    min-width: 600px
}

#forumcontrol {
    width: 95% !important
}

#councillorrhs {
    width: 100% !important
}

#councillorrhs #councillorcalendar {
    width: 100%;
    overflow-x: auto
}

#councillorrhs #councillorcalendar .header,
#councillorrhs #councillorcalendar .current,
#councillorrhs #councillorcalendar .navigation {
    width: 230px;
    margin: auto
}

#councillorrhs #councillorcalendar table {
    width: 250px;
    margin: auto
}

#councillorrhs .futurerhs .item {
    padding-left: 0;
    padding-right: 0
}

#councillorrhs #councillorcalendar .tableoverflow {
    overflow: visible;
    width: 100%
}

#relatedthumbs {
    width: 246px;
    margin: 0 0 1em 0;
    overflow: hidden
}

#relatedthumbs div.img {
    float: left;
    display: inline;
    width: 76px;
    height: 76px;
    overflow: hidden;
    margin: 0 2px 2px 0;
    background: #bbb
}

#relatedthumbs div.img span.thumbnailbox {
    display: block;
    width: 76px;
    height: 76px;
    overflow: hidden;
    position: relative
}

#relatedthumbs div.img span.thumbnailbox span {
    display: block
}

#relatedthumbs div.img span.horizontalcentre span.outer {
    position: absolute;
    width: 200%;
    left: -50%
}

#relatedthumbs div.img span.horizontalcentre span.inner {
    position: absolute;
    left: 50%
}

#relatedthumbs div.img span.horizontalcentre span.inner img {
    position: relative;
    left: -50%
}

#relatedthumbs div.img span.verticalcentre span.outer {
    height: 228px;
    margin: -76px 0 0 0;
    line-height: 228px
}

#relatedthumbs div.img span.verticalcentre span.outer img {
    vertical-align: middle
}

#relatedthumbs div.clickable {
    cursor: pointer;
    background: #fff
}

#relatedthumbs div.clickable span {
    cursor: pointer
}

#centrecolumn {
    padding-bottom: 20px
}

#assisted-search fieldset {
    border: none;
    margin-bottom: 20px;
    padding: 10px 0 20px;
    border-bottom: 1px solid #ccc
}

#assisted-search fieldset label {
    margin-right: 10px
}

#assisted-search fieldset input {
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 5px 10px
}

.resultssummary {
    margin-bottom: 20px
}

.siteuser {
    margin-bottom: 20px;
    padding-bottom: 20px
}

.siteuser div:first-child {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #808080
}

.siteuser div>span:first-child {
    color: #808080
}

.siteuser>div {
    margin-bottom: 3px
}

.siteuser table {
    border-spacing: 1px;
    width: 100%;
    padding: 5px 10px 0 10px
}

.siteuser table caption {
    text-align: left;
    color: #808080
}

.siteuser th {
    font: 12px/18px Arial, Sans-serif;
    color: #355C7D;
    font-weight: bold;
    padding: 4px;
    background-color: #e2e2e2;
    text-align: left;
    vertical-align: top
}

.siteuser td {
    padding: 2px;
    vertical-align: top
}

.siteuser tr:nth-child(even)>td {
    background-color: #e2e2e2
}

#user-requests,
#user-newrequest,
#user-profile {
    display: inline-block;
    margin-left: 10px
}

#user-requests {
    margin: 15px 0 0 0
}

#jPanelMenu-menu ul.menu {
    display: none
}

#jPanelMenu-menu ul li a.onpath,
#jPanelMenu-menu ul li span.onpath {
    font-weight: bold
}

#jPanelMenu-menu ul li span {
    font-size: 1.1em;
    font-weight: bold
}

.isParent {
    padding-right: 30px !important;
    position: relative
}

.menuDropdown {
    -webkit-transition: background 0.2s ease-in-out;
    -moz-transition: background 0.2s ease-in-out;
    -o-transition: background 0.2s ease-in-out;
    transition: background 0.2s ease-in-out;
    background-image: url(../images/light-arrow-right.gif);
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 2px;
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
    height: 10px;
    width: 20px
}

.isParent.showMenu>.menuDropdown {
    background-image: url(../images/light-arrow-down.gif)
}


.morelinks{
    padding:20px 20px;
}
.morelinks .row:last-child{
    margin-bottom: 0;
}
#responsivediv{
    position: relative;
    z-index: 1;
}


a {
    text-decoration: none;
}

#atozbar{
 padding-top: 10px;
 padding-bottom: 10px;
}
#atozbar .wrapper{
    padding-bottom: 0;
    margin-bottom: 0;
}
#atozbar ul{
    list-style: none;
    display: inline-block;
    vertical-align: middle;
    margin:0;
    padding:0;
    width: 100%;
    font-size: 110%;
}
#atozbar ul li.atozlabel{
    width: auto;
    padding-right: 6px;
}

#atozbar ul li{
    display: inline-block;
    padding-right: 2px;
    padding-left: 2px;
}

#atozbar ul li span,
#atozbar ul li a{
    line-height: 1.8em;
    display: block;
    width: 1.7em;
    height:1.8em;
    text-align: center;
    vertical-align: middle;
    font-size: 100%;
}
#atozbar ul li a:hover{
    text-decoration: none;
}
#footer .wrapper{
    padding-top:10px;
}
#footeraddress{
	text-align:left;
}
#footeraddress ul{
    list-style: none;
    padding:0;
    margin:0;
}
#footeraddress ul li{
text-align:left;
    margin:0;
    padding:0;
    background-repeat: no-repeat;
    background-position: center left;
    padding-left:50px;
    min-height: 41px;
    display: block;
    border:0;
    margin-bottom:8px;
    line-height: 41px;
}
#footeraddress ul li:first-child{
    padding-left: 50px;
}

#footeraddress ul li.phone{
   background-image:url('../images/footer/phone.png');
}
#footeraddress ul li.email{
   background-image:url('../images/footer/email.png');
}
#footeraddress ul li.map{
   background-image:url('../images/footer/map.png');
}

.bigIco {
    font-size: 160%;
    padding-right:6px;
}

.plusbutton {
    color: #633168;
    display:none;
}
.lastupdated {
    margin-bottom:.4em;
    clear:both;
}

#calendar input.btntext {
    width:auto;
}

/*Inlines */ 
.lnk-button{display: inline-block; text-decoration: none!important;
    font-weight: bold; 
    border-radius: 5px;
-moz-border-radius:5px; 
-webkit-border-radius:5px;
transition:all 0.5s;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
}
.lnk-button:hover{text-decoration: none !important;}
.lnk-button.btn-small{ padding:5px 8px; }
.lnk-button.btn-medium{ padding:12px 15px; font-size: 120%; }
.lnk-button.btn-large{ padding:18px 20px; font-size: 140%; }

#related .container.contacts>ul li div.relateddetail {
    display: block;
    width: 100%;
}
#related .container.contacts>ul li div.relateddetail > a, #related .container.contacts>ul li div.relateddetail > span {
    display: inline-block;
    vertical-align: middle;
}
.morelinks .more {
    list-style: none;
    padding: 0;
    margin: 0;
}
.morelinks .more span {
    display: block;
    background: url('../images/bulleticon.png') no-repeat left center;
    padding-left: 25px;
}
.morelinks .more a {
    display: block;
    font-size: 140%;
    color: #000;
    border-bottom: 1px solid #000;
    padding-bottom: 5px;
}
.morelinks .more a:hover {
    text-decoration: none;
}

#brandingbanner{
    width: 100%;
    margin-bottom: 10px;
}
#brandingbanner img{
    max-width: 100%;
}