@font-face {
    font-family: Lato;
    src: url(../fonts/Lato-Regular.ttf) format('truetype');
}
@font-face {
    font-family: Lato-Light;
    src: url(../fonts/Lato-Light.ttf) format('truetype');
}
@font-face {
    font-family: Lato-Bold;
    src: url(../fonts/Lato-Bold.ttf) format('truetype');
}
@font-face {
    font-family: icons;
    src: url(../fonts/Foundation/foundation-icons.ttf) format('truetype');
}
h1, h2, h3, h4, h5 {
    font-family: Lato-Light, Helvetica, Geneva, sans-serif;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}
body {
    font-family: Lato, Helvetica, Geneva, sans-serif;
}
h1 {
    font-size: 2rem;
    color: #000;
}
h2 {
    font-size: 1.8rem;
    color: #000;
}
h3 {
    font-size: 1.6rem;
}
h4 {
    font-size: 1.4rem;
}
h5 {
    font-size: 1.3rem;
}
p {
    margin-bottom: .8rem;
}
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea{
	border-color: #000;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus, input[type="text"]:active, input[type="password"]:active, input[type="date"]:active, input[type="datetime"]:active, input[type="datetime-local"]:active, input[type="month"]:active, input[type="week"]:active, input[type="email"]:active, input[type="number"]:active, input[type="search"]:active, input[type="tel"]:active, input[type="time"]:active, input[type="url"]:active, input[type="color"]:active, textarea:active, input[type="text"]:hover, input[type="password"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="month"]:hover, input[type="week"]:hover, input[type="email"]:hover, input[type="number"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="time"]:hover, input[type="url"]:hover, input[type="color"]:hover, textarea:hover{
	border-color: #000fff;
}
.off-canvas-wrap {
    min-height: 100%;
	height:100%;
    overflow-y: auto;
}
.inner-wrap {
    height: 100%;
    min-height: 100%}
.home-image {
    width: 100%;
    max-width: 1600px;
    margin: auto;
    overflow: hidden;
}
.logo-div {
    padding-bottom: 1px;
    padding-top: 1px;
}
blockquote {
    background-color: #f9f9f9;
    border-left: 5px solid #69B296;
    color: #616264;
}
blockquote p {
    color: #616264;
}
#skip-link {
    position: absolute;
    top: -10em;
    z-index: 1;
    transition: 1000ms ease-out 0s;
}
#skip-link:focus {
    position: absolute;
    top: 0;
    background-color: #000FFF;
    border-color: #0009AE;
    color: #FFF;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    display: block;
    padding: .5rem;
    transition: 300ms ease-out 0s;
}
.skip-nav a {
    color: #6e78b0;
    display: block;
    font-size: 110%}
#skip-nav a:active, .skip-nav a:hover {
    text-decoration: underline;
}
#wrap {
    min-height: 95%;
	padding-bottom: 1%;
}
.full-width {
    max-width: 75.5em;
}
#adverts {
    margin-top: .5em;
}
#switch_placeholder * {
    text-decoration: none;
    border: 1px solid #000;
}
#top-row {
    border-bottom: .3em;
}
@media only screen and (min-width:30em) {
    #home-logo-big {
    position: absolute;
    width: 175px;
    top: 1px;
}
}@media only screen and (min-width:40.063em) and (max-width:64em) {
    #home-logo-big {
    position: absolute;
    width: 175px;
    top: 6px;
}
}#top-links {
    margin: .9rem 0 .5rem;
}
#top-links li {
    font-size: small;
}
#top-links li a {
    color: #0000FF;
	text-decoration: underline;
}
#top-links li a:focus, #top-links li a:hover, #top-links li a:focus {
    text-decoration: none;
	color: #0009AE;
}
#top-links li a span {
    font-size: x-large;
    position: absolute;
    top: .5rem;
}
#top-links .contact-details-top {
    position: absolute;
    color: #fff;
    left: 37.5rem;
    width: 300px;
    top: 1px;
}
.fi-social-twitter {
    left: 37.5rem;
}
.fi-social-facebook {
    left: 35.5rem;
}
.fi-social-facebook:focus, .fi-social-facebook:hover, .fi-social-twitter:focus, .fi-social-twitter:hover {
    color: #69B296;
}
ul.off-canvas-list .contact-details-menu {
    border-bottom: 1px solid #262626;
    color: #fff;
    display: block;
    padding: .66667rem;
}
#top-right-menu {
    margin-bottom: .3em;
}
#increase-size {
    font-size: larger;
    margin-top: -3px;
}
.placeholdersjs {
    color: #ccc!important;
}
#search-input {
    margin: .5rem 0;
    font-size: larger;
    min-height: 2.1em;
    padding: 7px 0 7px 23px;
}
#search-input::-webkit-input-placeholder {
    color: #c8d3db;
}
#search-input:-moz-placeholder {
    color: #c8d3db;
}
#search-input::-moz-placeholder {
    color: #c8d3db;
}
#search-input:-ms-input-placeholder {
    color: #c8d3db;
}
#searchbar .fi-magnifying-glass {
    position: absolute;
    top: 14px;
    margin: 0 0 0 6px;
    color: #c8d3db;
    font-size: larger;
}
#searchbar label {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
}
.postfix.button {
    text-align: center;
       line-height: 2.125rem;
    border: none;
}
#search-button, #search-button-medium {
    margin: .65rem 0 0 .5rem;
    padding: 0;
    background: #000fff;
	text-decoration: underline;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    max-height: 2rem;
    font-family: Lato, Helvetica, Geneva, sans-serif;
    -moz-box-shadow: 2px 2px 1px #666;
    -webkit-box-shadow: 2px 2px 1px #666;
    box-shadow: 2px 2px 1px #666;
}
#search-button-medium:focus, #search-button-medium:hover, #search-button:focus, #search-button:hover {
    -moz-box-shadow: 0 0 0 #fff;
    -webkit-box-shadow: 0 0 0 #fff;
    box-shadow: 0 0 0 #fff;
	background-color: #0009AE;
	text-decoration: none;
}
#topnav>a {
    margin: 0;
    padding: .25rem;
    border-right: 1px solid #8aa9c1;
}
#topnav>a::after {
    display: inline-block;
    line-height: 5em;
    width: 0;
    content: "\00A0";
    overflow: hidden;
    vertical-align: middle;
}
#topnav>a h1 {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
	text-decoration: underline;
    font-size: small;
    color: #FFF;
    font-family: Lato, Helvetica, Geneva, sans-serif;
}
#topnav>a:hover>h1, #topnav>a:focus>h1{
	text-decoration: none;
}
#topnav a.button {
    background: #000FFF;
    color: #FFF;
    font-size: small;
    font-family: Lato, Helvetica, Geneva, sans-serif;
}
#topnav a.button:active, #topnav a.button:focus, #topnav a.button:hover {
    background-color: #0009AE;
}
.topnav-dropdown:before {
    border-color: transparent transparent #ecf1f5;
}
.topnav-dropdown {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: #000FFF;
    max-width: 500px;
    font-family: "Arial Regular", Arial, sans-serif;
    z-index: 5;
}
.topnav-dropdown div {
    padding-left: .3rem;
    padding-right: .3rem;
}
.topnav-dropdown p {
    margin-bottom: .3rem;
	color: #fff;
}
.topnav-dropdown ul {
    margin: .5rem 0 .5rem .5rem;
}
.topnav-dropdown li {
    list-style: none;
}
.topnav-dropdown li a {
    color: #FFF;
    font-size: small;
    padding-top: .4rem!important;
    padding-bottom: .4rem!important;
	text-decoration: underline;
}
.topnav-dropdown li:first-child {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.topnav-dropdown li:last-child {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.dropdown-col-1 {
    width: 60%}
.dropdown-col-2 {
    width: 40%}
.dropdown-col-1 a:active, .dropdown-col-1 a:focus, .dropdown-col-1 a:hover {
    background-color: #0009AE;
	text-decoration: none;
}
.top-level-navigation-link {
    border-bottom: 1px solid #8aa9c1;
}
.dropdown-col-1 li:last-child {
    border-radius: 0;
}
.dropdown-col-2 p {
    text-align: center;
}
.dropdown-col-2 ol {
    margin-left: 1rem;
}
.dropdown-col-2 a {
    min-height: 99px;
}
.dropdown-image {
    padding-top: 10%}
.menu-icon {
    text-indent: 2.1875rem;
    width: 2.8125rem;
    height: 2.8125rem;
    display: block;
    padding: 0;
    background-color: #000fff;
    position: relative;
	-webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}
.menu-icon:focus, .menu-icon:hover {
	background-color: #fff;
}
.menu-icon span::after {
    content: "";
    position: absolute;
    display: block;
    height: 0;
    top: 50%;
    margin-top: -.5rem;
    left: .90625rem;
    box-shadow: 0 0 0 1px #fff, 0 7px 0 1px #fff, 0 14px 0 1px #fff;
    -webkit-box-shadow: 0 0 0 1px #fff, 0 7px 0 1px #fff, 0 14px 0 1px #fff;
    -moz-box-shadow: 0 0 0 1px #fff, 0 7px 0 1px #fff, 0 14px 0 1px #fff;
    width: 1rem;
	-webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}
.menu-icon:hover > span:after, .menu-icon:focus > span:after {
    box-shadow: 0 0 0 1px #000fff, 0 7px 0 1px #000fff, 0 14px 0 1px #000fff;
    -webkit-box-shadow: 0 0 0 1px #000fff, 0 7px 0 1px #000fff, 0 14px 0 1px #000fff;
    -moz-box-shadow: 0 0 0 1px #000fff, 0 7px 0 1px #000fff, 0 14px 0 1px #000fff;
}
.left-off-canvas-menu, .right-off-canvas-menu {
	background-color: #000fff;
}
.left-submenu, .right-submenu {
	background-color: #000fff;
}
.left-submenu .back>a, .right-submenu .back>a, .left-submenu .back>a, .right-submenu .back>a {
	background-color: #000fff;
	color: #fff;
}
.left-submenu .back>a:hover, .right-submenu .back>a:hover, .left-submenu .back>a:focus, .right-submenu .back>a:focus {
	background-color: #fff;
}
ul.off-canvas-list li label {
    background: #fff;
    border-top: 1px solid #000fff;
    color: #000;
}
ul.off-canvas-list li a {
    color: #fff;
	text-decoration: underline;
}
ul.off-canvas-list li a:hover , ul.off-canvas-list li a:focus, ul.off-canvas-list li a:active {
    background: #fff;
	color: #000fff;
	text-decoration: none;
}
.left-off-canvas-menu .button{
	background-color: #000fff;
}
.phone-navigation .content.active{
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.phone-navigation .accordion {
    margin: 0;
}
.phone-navigation .accordion .accordion-navigation> a {
    background: #D5E5F1;
    color: #4C5E72;
    margin: 0;
    padding: .5rem;
    border-right: 1px solid #c2d2df;
    font-weight: 700;
    text-align: center;
	-webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}
.phone-navigation .accordion .accordion-navigation>a:active, .phone-navigation .accordion .accordion-navigation>a:focus, .phone-navigation .accordion .accordion-navigation>a:hover {
    background: #4C5E72;
    color: #D5E5F1;
}
.phone-navigation .accordion .accordion-navigation .content .button{
	background-color: #fff;
	border-top: 0;
}
.phone-navigation .accordion .accordion-navigation .content .button:active, .phone-navigation .accordion .accordion-navigation .content .button:focus, .phone-navigation .accordion .accordion-navigation .content .button:hover{
	background-color: #d7d7d7;
}
#breadcrumb {
    border: 1px solid #000;
    color: #000;
}
#breadcrumb a {
    color: #000fff;
	text-decoration: underline;
}
#breadcrumb p {
    margin: .5rem 0;
}
#breadcrumb a:hover, #breadcrumb a:focus {
    color: #0009AE;
	text-decoration: none;
}
#maincontent {
    padding-left: 20px;
    padding-right: 20px;
}
@media only screen and (min-width:30em) {
    #content {
    column-count: 2;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    -ms-column-count: 2;
    -webkit-column-gap: 2em;
    -moz-column-gap: 2em;
    -ms-column-gap: 2em;
    column-gap: 2em;
}
.no-csscolumns #page-image {
    float: right;
    padding: .5rem;
}
.no-csscolumns .page-image-link {
    float: right;
}
.csscolumns #page-image {
    margin: auto;
    padding: .5rem;
    display: block;
}
.csscolumns .page-image-link {
    margin: auto;
}
}@media only screen and (max-width:30em) {
    #content {
    column-count: 1;
    -moz-column-count: 1;
    -webkit-column-count: 1;
    -ms-column-count: 1;
}
#page-image {
    float: right;
    padding: .5rem;
}
.page-image-link {
    float: right;
    max-width: 100%}
}
#content, #content-1 {
    color: #000;
	text-align: justify;
}
#content a, #content-1 a {
    color: #000fff;
	text-decoration: underline;
    font-weight: 700;
}
#content a:hover, #content-1 a:hover, #content a:focus, #content-1 a:focus {
    text-decoration: none;
}
.SearchResultLink a {
    color: #6e78b0;
    font-weight: 700;
    display: inline-block;
}
.SearchResultLink a:hover {
    text-decoration: underline;
}
#search-intro a {
    color: #6e78b0;
    font-weight: 700;
    display: inline-block;
}
#search-intro a:hover {
    text-decoration: underline;
}
#content-1.parking, #content.parking {
    column-count: 1;
    -moz-column-count: 1;
    -webkit-column-count: 1;
    -ms-column-count: 1;
}
#sitemap li a {
    color: #6e78b0;
}
#sitemap li a:active, #sitemap li a:hover {
    color: #616264;
    text-decoration: underline;
}
#my-mid-sussex-content-2 .accordion-navigation .content a {
    color: #7CBBA3;
}
#my-mid-sussex-content-2 .accordion-navigation .content a:active, #my-mid-sussex-content-2 .accordion-navigation .content a:hover {
    color: #7CBBA3;
    text-decoration: underline;
}
#content .contact, #content-1 .contact {
    padding: 1rem;
    margin: .5rem;
    border: 1px solid #616264;
}
#content .contact li, #content-1 .contact li {
    list-style-type: none;
}
#content .contact .fn, #content-1 .contact .fn {
    font-size: larger;
    font-weight: 700;
}
#content .contact .jt, #content-1 .contact .jt {
    font-weight: 700;
}
.content .active {
    font-size: 1rem;
}
.pitches {
    margin: auto;
}
.pitches .pitch-on {
    color: green;
    font-weight: 700;
}
.pitches .pitch-off {
    color: red;
    font-weight: 700;
}
.gm-style-iw a {
    color: #6E78B0;
    font-size: 1rem;
    font-weight: 700;
}
.gm-style-iw a:active, .gm-style-iw a:focus, .gm-style-iw a:hover {
    text-decoration: underline;
}
.alert-box{
	margin: 0.3rem;
}
.alert-box .close {
    padding-bottom: 9px;
}
.alert-box p {
    font-size: 1.3rem;
    margin-bottom: 0;
	text-align: center;
}
.alert-box a {
    color: #3D5666;
}
.alert-box a:active, .alert-box a:focus, .alert-box a:hover {
    color: #fff;
}
.arrow-bottom {
    text-align: center;
    margin: auto;
    width: 100%;
    height: .3rem;
    position: relative;
}
.arrow-bottom:after, .arrow-bottom:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-width: 5px;
    margin-left: -5px;
}
.arrow-top {
    text-align: center;
    background-color: #000fff;
    margin: auto;
    width: 100%;
    height: .3rem;
    position: relative;
    display: none;
}
.arrow-top:after, .arrow-top:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(75, 75, 75, 0);
    border-top-color: #000fff;
    border-width: 5px;
    margin-left: -5px;
}
#content .button, #content-1 .button {
    background: #000fff;
    color: #fff;
    transition: background-color 300ms ease-out 0s;
}
#content .button:hover, #content-1 .button:hover {
    background: #0009AE;
    text-decoration: none;
}
.housing-faq {
    padding-top: 1rem;
}
#map div.gm-style div.gmnoprint div div img {
    max-width: 1024px;
}
.enquiry-form-frame {
    width: 100%;
    height: 900px;
    border: 0;
}
.design-award-images {
    float: right;
    padding-left: 1rem;
}
#further-info, #further-info p {
    color: #616264;
}
#job-vacancies a, #vacancy a, .consultation-details a, .consultation-item a {
    color: #6e78b0;
    font-weight: 700;
}
#job-vacancies a:active, #job-vacancies a:focus, #job-vacancies a:hover, #vacancy a:active, #vacancy a:focus, #vacancy a:hover, .consultation-details a:active, .consultation-details a:focus, .consultation-details a:hover, .consultation-item a:active, .consultation-item a:focus, .consultation-item a:hover {
    text-decoration: underline;
}
@media only screen and (min-width:40.063em) {
    .table-button {
		min-width: 100%;
		margin-bottom: 0;
	}
}
#more-pages>ul li a {
    background: #4C5E72;
    color: #D5E5F1;
    transition: background-color 300ms ease-out 0s;
    -webkit-transition: background-color 300ms ease-out 0s;
    -moz-transition: background-color 300ms ease-out 0s;
    -o-transition: background-color 300ms ease-out 0s;
}
#more-pages>ul li a:hover {
    background: #D5E5F1;
    color: #4C5E72;
}
#more-links {
    border: 1px solid #D5E5F1;
}
#more-links>ul li {
    list-style: none inside;
}
#more-links>ul li a {
    background: 0 0;
    color: #4C5E72;
}
#more-links>ul li a:hover {
    background: 0 0;
    color: #4C5E72;
    text-decoration: underline;
}
#adverts {
    max-height: 90px;
}
.switch_placeholder {
    margin: 0 auto;
}
#adverts .switch_placeholder #__switch_placeholder_0 {
    border: 0;
}
#szfb_container.szfb_position_e div#szfb_tabbar {
    width: 20px;
}
footer {
    border-top: 1px solid;
    border-color: #000;
    background-color: #fff;
    position: relative;
    clear: both;
}
footer:after, footer:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
footer:after {
    border-color: rgba(235, 240, 243, 0);
    border-bottom-color: #000;
    border-width: 10px;
    margin-left: -15px;
}
footer:before {
    border-color: rgba(215, 215, 215, 0);
    border-bottom-color: #000;
    border-width: 10px;
    margin-left: -15px;
}
footer a {
    color: #000FFF;
	text-decoration: underline;
}
footer a:focus, footer a:hover , footer a:active{
	color: #0009AE;
    text-decoration: none;
}
#footer {
    margin: 1rem 0 0;
}
#footer ul {
    font-size: .7rem;
}
#page-foot {
    background-color: #EBF0F3;
}
#navigation {
    margin: 1rem;
}
#navigation ul {
    margin-bottom: 1rem;
}
#navigation li {
    width: 24%;
    margin: 0 .2rem .2rem;
    display: block;
}
#navigation li a {
    width: 100%;
    padding: 1.5rem .1rem;
    margin-bottom: .2rem;
    border-left: 0 none;
    font-family: Lato, Helvetica, Geneva, sans-serif;
    color: #fff;
    text-decoration: underline;
}
#navigation li a:hover, #navigation li a:focus, #navigation li a:active {
    text-decoration: none;
}
.arrow {
    text-align: center;
    margin: auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 7px;
    border-color: transparent transparent #000;
    transition: border-color 300ms ease-out 0s;
    -webkit-transition: border-color 300ms ease-out 0s;
    -moz-transition: border-color 300ms ease-out 0s;
    -o-transition: border-color 300ms ease-out 0s;
}
#navigation .button img {
    display: none !important;
}
@media only screen and (max-width:40em) {
    #navigation li {
		width: 100%
	}
	#navigation li a {
		padding-top: .4rem;
		padding-bottom: .4rem;
	}
}
#navigation ul li, .nav-item {
    transition: background-color 300ms ease-out 0s;
    -webkit-transition: background-color 300ms ease-out 0s;
    -moz-transition: background-color 300ms ease-out 0s;
    -o-transition: background-color 300ms ease-out 0s;
	background-color: #000fff;
    color: #fff;
}
.arrow-bottom:after, .arrow-bottom:before {
    border-color: transparent transparent #0009AE;
    transition: border-color 300ms ease-out 0s;
    -webkit-transition: border-color 300ms ease-out 0s;
    -moz-transition: border-color 300ms ease-out 0s;
    -o-transition: border-color 300ms ease-out 0s;
}
.arrow-bottom {
    background-color: #0009AE;
    transition: background-color 300ms ease-out 0s;
    -webkit-transition: background-color 300ms ease-out 0s;
    -moz-transition: background-color 300ms ease-out 0s;
    -o-transition: background-color 300ms ease-out 0s;
}
.nav-item:hover, .nav-item:focus, .nav-item:active{
	background-color: #0009AE;
}
#navigation ul li:active, #navigation ul li:active>.nav-item, #navigation ul li:active>.arrow-bottom, #navigation ul li:hover, #navigation ul li:hover>.arrow-bottom, #navigation ul li:hover>.nav-item, #navigation ul li:focus, #navigation ul li:focus>.nav-item, #navigation ul li:focus>.arrow-bottom{
    background-color: #0009AE;
    color: #fff;
	text-decoration: none;
}
#navigation ul li:active>.arrow-bottom, #navigation ul li:hover>.arrow-bottom , #navigation ul li:focus>.arrow-bottom {
    background-color: #fff;
    transition: background-color 300ms ease-out 0s;
    -webkit-transition: background-color 300ms ease-out 0s;
    -moz-transition: background-color 300ms ease-out 0s;
    -o-transition: background-color 300ms ease-out 0s;
}
#navigation ul li:active .arrow-bottom:after, #navigation ul li:active>.arrow-bottom:before, #navigation ul li:hover>.arrow-bottom:after, #navigation ul li:hover>.arrow-bottom:before, #navigation ul li:focus>.arrow-bottom:after, #navigation ul li:focus>.arrow-bottom:before {
    border-color: transparent transparent #fff;
    transition: background-color 300ms ease-out 0s;
    -webkit-transition: background-color 300ms ease-out 0s;
    -moz-transition: background-color 300ms ease-out 0s;
    -o-transition: background-color 300ms ease-out 0s;
}
.home-page-images {
    margin-bottom: .9rem!important;
    z-index: -1;
}
@media only screen and (min-width:30em) {
	#news {
		max-height: 85px;
	}
}
#news {
    margin: .5rem 0 1rem;
	border: 1px solid #000;
    padding: 0;
    background: #fff;
}
#news-title {
    font-family: Lato-Light, Helvetica, Geneva, sans-serif;
    font-size: 1.2rem;
    padding: 1rem .5rem;	
}
#news-title a {
    color: #000FFF;
	text-decoration: underline;
}
#news-title a:hover, #news-title a:active, #news-title a:focus {
    color: #0009AE;
	text-decoration: none;
}
#news-story {
    font-family: Lato-Light, Helvetica, Geneva, sans-serif;
	display: block;
    margin: 0;
    padding: 0.2rem;
    z-index: 1;
}
#news-story p {
    color: #000;
}
#news-story a {
    color: #000FFF;
	text-decoration: underline;
}
#news-story a:active, #news-story a:focus, #news-story a:hover {
    text-decoration: none !important;
	color: #0009AE;
}
.news-item {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
}
#news-story .slick-prev {
    position: absolute;
    left: 0;
}
#news-story .slick-next {
    position: absolute;
    right: 0;
}
div.news-item p {
    margin-bottom: 5px;
}
.news-item.slick-slide input#email {
    height: 1.5rem;
    width: 60%;
    padding: 0;
    display: inline;
}
.news-item.slick-slide label {
    color: #FFF;
    font-family: Lato-Light, Helvetica, Geneva, sans-serif;
    font-size: 1rem;
    padding-right: 3px;
    display: inline;
}
.news-item.slick-slide input#newsletter-submit {
    font-family: Lato, Helvetica, Geneva, sans-serif;
    margin: .1rem 0 0 .5rem;
    max-height: 2rem;
    border-radius: 3px;
}
#middle-links {
    padding: 0;
}
@media only screen and (min-width:40em) {
    #front-navigation>div {
		padding-left: 30px;
	}
}
#front-navigation li {
    width: 19%;
    margin: 0 .2rem .2rem;
    border-bottom: .4rem solid #FFF;
	background-color: #000FFF;
    transition: border 300ms ease-out 0s;
    -webkit-transition: border 300ms ease-out 0s;
    -moz-transition: border 300ms ease-out 0s;
    -o-transition: border 300ms ease-out 0s;
}
#front-navigation li a {
    width: 100%;
    font-weight: 700;
    padding-right: .1rem;
    padding-bottom: .1rem;
    padding-left: .1rem;
    margin-bottom: 0;
    color: #FFF;
	text-decoration: underline;
    background-color: transparent;
    border-left: 0 none;
}
#front-navigation li:active a, #front-navigation li:focus a, #front-navigation li:hover a, #front-navigation li a:active, #front-navigation li a:focus, #front-navigation li a:hover{
    color: #FFF;
	text-decoration: none;
	background-color: #0009AE;
}
#front-navigation img {
	display: none;
	visibility: hidden;
}
#front-navigation hr {
    margin: .2rem 2rem;
	background-color: #000;
}
.front-title {
    font-family: Lato-Bold, Helvetica, Geneva, sans-serif;
    margin-bottom: 5px;
    font-size: 1.2rem;
    color: #FFF;
}
.front-description {
    font-size: .7rem;
    font-family: Arial, Geneva, sans-serif;
    font-weight: 700;
    margin-bottom: 5px;
}
#my-mid-sussex:active>.arrow, #my-mid-sussex:focus>.arrow, #my-mid-sussex:hover>.arrow {
    border-color: transparent transparent #0009AE;
}
#apply-for-it:active>.arrow, #apply-for-it:focus>.arrow, #apply-for-it:hover>.arrow {
    border-color: transparent transparent #0009AE;
}
#book-it:active>.arrow, #book-it:focus>.arrow, #book-it:hover>.arrow {
    border-color: transparent transparent #0009AE;
}
#pay-for-it:active>.arrow, #pay-for-it:focus>.arrow, #pay-for-it:hover>.arrow {
    border-color: transparent transparent #0009AE;
}
#report-it:active>.arrow, #report-it:focus>.arrow, #report-it:hover>.arrow {
    border-color: transparent transparent #0009AE;
}
#front-navigation .arrow {
    border-color: transparent transparent #fff;
}
@media only screen and (max-width:40em) {
	#front-navigation li {
		width: 100%;
		background: #000FFF;
		transition: background-color 300ms ease-out 0s;
		-webkit-transition: background-color 300ms ease-out 0s;
		-moz-transition: background-color 300ms ease-out 0s;
		-o-transition: background-color 300ms ease-out 0s;
	}
	#front-navigation li a {
		color: #fff;
	}
	#front-navigation li:active a, #front-navigation li:focus a, #front-navigation li:hover a, #front-navigation li a:active, #front-navigation li a:focus, #front-navigation li a:hover {
		color: #fff;
		text-decoration: none;
		background-color: #0009AE;
	}
	.front-title {
		color: #fff;
	}
	#front-navigation .arrow {
		border-color: transparent transparent #fff;
	}
}
#my-mid-sussex-content-1 .medium-3 {
    padding: 0 .1rem;
}
.my-mid-sussex-h2 {
    font-size: 1.5rem;
}
#mms-icons {
    text-align: center;
    margin-bottom: 1rem;
}
#mms-icons span {
    font-size: 3rem;
    color: #cbe4da;
    width: 200%;
    border-radius: 50%;
    background-color: #69b296;
}
.fi-monitor {
    padding: 0 7px;
}
.fi-shopping-bag {
    padding: 0 9px;
}
.fi-trash {
    padding: 0 15px;
}
.fi-pound {
    padding: 0 20px;
}
.mms-box {
    border: 1px solid #a2a0a0;
    text-align: center;
    padding: 0 .3rem;
    margin-bottom: 1rem;
    font-size: small;
    position: relative;
}
@media only screen and (min-width:40.05em) {
    .mms-box: after, .mms-box:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.mms-box:after {
    border-color: rgba(162, 160, 160, 0);
    border-bottom-color: #a2a0a0;
    border-width: 6px;
    margin-left: -6px;
}
.mms-box:before {
    border-color: rgba(162, 160, 160, 0);
    border-bottom-color: #a2a0a0;
    border-width: 12px;
    margin-left: -12px;
}
}.mms-box li {
    font-size: small;
}
.mms-box h3 {
    font-size: 1.5rem;
}
.mms-box ul {
    list-style: none;
    margin: 0;
}
.mms-box a {
    color: #7cbba3;
}
.mms-box a:active, .mms-box a:focus, .mms-box a:hover {
    text-decoration: underline;
}
.mms-box .button {
    color: #686868;
    background: #d4d4d4;
    border-radius: 5px;
}
.mms-box .button:active, .mms-box .button:hover {
    color: #d4d4d4;
    background: #686868;
    text-decoration: none;
}
.mms-box .button {
    padding: .5rem .8rem;
    margin: .3rem 0 .5rem;
    font-size: small;
}
#my-mid-sussex-content-2 .accordion {
    padding: 0;
    margin: 0;
}
.mms-link {
    background: #fff!important;
    color: #747474!important;
    padding: .2rem .1rem .3rem!important;
    font-size: small!important;
}
.active>.mms-link, .mms-link:hover {
    color: #73a894!important;
}
.toggle-open:after {
    content: "+";
    color: #fff;
    float: right;
    border-radius: 50%;
    background: #ccc;
    width: 1.4rem;
    text-align: center;
}
.active a>.toggle-open:after {
    content: "-";
    background: #73a894;
}
#content-1 .accordion .accordion-navigation>a:hover, #content-1 .accordion .accordion-navigation>a:focus, #content .accordion .accordion-navigation>a:hover, #content .accordion .accordion-navigation>a:focus {
    background: #0009AE;
}
#content .accordion .accordion-navigation>a, #content-1 .accordion .accordion-navigation>a {
    background: #000fff;
    color: #fff;
    display: block;
    font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
    font-size: 1rem;
    padding: 1rem;
}
.accordion-navigation .content {
    padding: 1rem .1rem!important;
    color: #000;
}
.accordion-navigation .content a {
    color: #6E78B0;
    font-weight: 700;
}
.accordion-navigation .content a:hover, .accordion-navigation .content a:focus {
    text-decoration: none;
}
hr {
    margin: .1rem 0;
}
.a-to-z-body #page-title {
    background-color: #fff;
    margin-bottom: 1em;
}
.a-to-z-body a {
    color: #6E78B0;
	text-decoration: underline;
}
.a-to-z-body a:active, .a-to-z-body a:focus, .a-to-z-body a:hover {
    color: #6E78B0;
    text-decoration: none;
}
.atoz-navigation li {
    text-align: center;
    font-family: 'Source Sans Pro', sans-serif;
    padding: 0 .1rem .3rem;
    transition: color 300ms ease-out 0s;
    -webkit-transition: color 300ms ease-out 0s;
    -moz-transition: color 300ms ease-out 0s;
    -o-transition: color 300ms ease-out 0s;
}
.a-z-accordion {
    padding-bottom: .4em;
}
.atoz-navigation li ul li:active, .atoz-navigation li ul li:active a, .atoz-navigation li ul li:focus, .atoz-navigation li ul li:focus a, .atoz-navigation li ul li:hover, .atoz-navigation li ul li:hover a, .content {
    color: #69b296;
}
.atoz-navigation li ul li a {
    height: 15em;
    overflow: hidden;
    color: #fff;
}
.atoz-including {
    margin: .5rem 0 0;
    font-family: Lato-Bold, sans-serif;
}
.atoz-description {
    font-size: small;
}
.atoz-navigation li ul li a hr {
    margin-top: .3rem;
    margin-bottom: .3rem;
}
.atoz-letter {
    font-family: Lato-Light, sans-serif;
    margin-bottom: 0;
    border-radius: 50%;
    background-color: #0009AE;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 51px;
    color: #fff;
    font-size: xx-large;
}
.atoz-navigation .content ul {
    list-style: none;
    margin: 0 .2rem;
}
.atoz-navigation .content ul li {
    padding: 0;
}
.a-z-accordion.active>.arrow-bottom {
    display: none;
}
.a-z-accordion.active>.arrow-top {
    display: block;
}
.a-to-z-body .accordion {
    margin-left: 0;
}
.a-z-accordion a {
    background: #000fff!important;
    color: #fff!important;
    transition: background-color 300ms ease-out 0s;
    -webkit-transition: background-color 300ms ease-out 0s;
    -moz-transition: background-color 300ms ease-out 0s;
    -o-transition: background-color 300ms ease-out 0s;
}
.a-z-accordion:active>a, .a-z-accordion:hover>a, .a-z-accordion>a:focus {
    background: #fff!important;
    color: #000fff!important;
    text-decoration: none!important;
}
.a-z-accordion.active a {
    background: #fff!important;
}
@media only screen and (max-width:40.05em) {
    .atoz-navigation li ul li a {
		height: 5em;
		overflow: hidden;
	}
}
@media only screen and (min-width:40.05em) {
	.a-z-accordion.active a {
		height: 100px!important;
	}
	.a-z-accordion.active a .atoz-description, .a-z-accordion.active a .atoz-including {
		display: none!important;
	}
}
.a-z-accordion:active .arrow-bottom, .a-z-accordion:hover .arrow-bottom {
    background-color: #000fff;
    transition: background-color 300ms ease-out 0s;
    -webkit-transition: background-color 300ms ease-out 0s;
    -moz-transition: background-color 300ms ease-out 0s;
    -o-transition: background-color 300ms ease-out 0s;
}
.a-z-accordion:active>.arrow-bottom:after, .a-z-accordion:active>.arrow-bottom:before, .a-z-accordion:hover>.arrow-bottom:after, .a-z-accordion:hover>.arrow-bottom:before {
    border-color: transparent transparent #000fff;
    transition: background-color 300ms ease-out 0s;
    -webkit-transition: background-color 300ms ease-out 0s;
    -moz-transition: background-color 300ms ease-out 0s;
    -o-transition: background-color 300ms ease-out 0s;
}
#atoza-link {
    background: url(../img/website/AZ/test.jpg) no-repeat;
    background-size: 100% auto;
}
.a-to-z-body .active ul li a {
    color: #000fff!important;	
}