/* Generated by Font Squirrel (http://www.fontsquirrel.com) on September 7, 2015 */

@font-face {
    font-family: 'montserratbold';
    src: url('fonts/montserrat-bold-webfont.eot');
    src: url('fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/montserrat-bold-webfont.woff2') format('woff2'),
         url('fonts/montserrat-bold-webfont.woff') format('woff'),
         url('fonts/montserrat-bold-webfont.ttf') format('truetype'),
         url('fonts/montserrat-bold-webfont.svg#montserratbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserratregular';
    src: url('fonts/montserrat-regular-webfont.eot');
    src: url('fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('fonts/montserrat-regular-webfont.woff') format('woff'),
         url('fonts/montserrat-regular-webfont.ttf') format('truetype'),
         url('fonts/montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansbold';
    src: url('fonts/opensans-bold-webfont.eot');
    src: url('fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('fonts/opensans-bold-webfont.woff') format('woff'),
         url('fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'fonts/open_sansbold_italic';
    src: url('fonts/opensans-bolditalic-webfont.eot');
    src: url('fonts/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-bolditalic-webfont.woff2') format('woff2'),
         url('fonts/opensans-bolditalic-webfont.woff') format('woff'),
         url('fonts/opensans-bolditalic-webfont.ttf') format('truetype'),
         url('fonts/opensans-bolditalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot?z5nbvj');
	src:url('fonts/icomoon.eot?#iefixz5nbvj') format('embedded-opentype'),
		url('fonts/icomoon.ttf?z5nbvj') format('truetype'),
		url('fonts/icomoon.woff?z5nbvj') format('woff'),
		url('fonts/icomoon.svg?z5nbvj#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face{
    font-family: 'property_icons';
	src:url('fonts/property-icons/property.eot?rpu3j3');
	src:url('fonts/property-icons/property.eot?rpu3j3#iefix') format('embedded-opentype'),
		url('fonts/property-icons/property.ttf?rpu3j3j') format('truetype'),
		url('fonts/property-icons/property.woff?rpu3j3') format('woff'),
		url('fonts/property-icons/property.svg?rpu3j3#property_icons') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'open_sansextrabold';
    src: url('fonts/opensans-extrabold-webfont.eot');
    src: url('fonts/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-extrabold-webfont.woff2') format('woff2'),
         url('fonts/opensans-extrabold-webfont.woff') format('woff'),
         url('fonts/opensans-extrabold-webfont.ttf') format('truetype'),
         url('fonts/opensans-extrabold-webfont.svg#open_sansextrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansextrabold_italic';
    src: url('fonts/opensans-extrabolditalic-webfont.eot');
    src: url('fonts/opensans-extrabolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-extrabolditalic-webfont.woff2') format('woff2'),
         url('fonts/opensans-extrabolditalic-webfont.woff') format('woff'),
         url('fonts/opensans-extrabolditalic-webfont.ttf') format('truetype'),
         url('fonts/opensans-extrabolditalic-webfont.svg#open_sansextrabold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansitalic';
    src: url('fonts/opensans-italic-webfont.eot');
    src: url('fonts/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-italic-webfont.woff2') format('woff2'),
         url('fonts/opensans-italic-webfont.woff') format('woff'),
         url('fonts/opensans-italic-webfont.ttf') format('truetype'),
         url('fonts/opensans-italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanslight';
    src: url('fonts/opensans-light-webfont.eot');
    src: url('fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-light-webfont.woff2') format('woff2'),
         url('fonts/opensans-light-webfont.woff') format('woff'),
         url('fonts/opensans-light-webfont.ttf') format('truetype'),
         url('fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanslight_italic';
    src: url('fonts/opensans-lightitalic-webfont.eot');
    src: url('fonts/opensans-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-lightitalic-webfont.woff2') format('woff2'),
         url('fonts/opensans-lightitalic-webfont.woff') format('woff'),
         url('fonts/opensans-lightitalic-webfont.ttf') format('truetype'),
         url('fonts/opensans-lightitalic-webfont.svg#open_sanslight_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/opensans-regular-webfont.eot');
    src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('fonts/opensans-regular-webfont.woff') format('woff'),
         url('fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('fonts/opensans-regular-webfont.svg#Open Sans, open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('fonts/opensans-semibold-webfont.eot');
    src: url('fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-semibold-webfont.woff2') format('woff2'),
         url('fonts/opensans-semibold-webfont.woff') format('woff'),
         url('fonts/opensans-semibold-webfont.ttf') format('truetype'),
         url('fonts/opensans-semibold-webfont.svg#Open Sans Semibold, open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanssemibold_italic';
    src: url('fonts/opensans-semibolditalic-webfont.eot');
    src: url('fonts/opensans-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-semibolditalic-webfont.woff2') format('woff2'),
         url('fonts/opensans-semibolditalic-webfont.woff') format('woff'),
         url('fonts/opensans-semibolditalic-webfont.ttf') format('truetype'),
         url('fonts/opensans-semibolditalic-webfont.svg#Open Sans Semibold, open_sanssemibold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'govggbold';
    src: url('fonts/govgg_bold-webfont.eot');
    src: url('fonts/govgg_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/govgg_bold-webfont.woff2') format('woff2'),
         url('fonts/govgg_bold-webfont.woff') format('woff'),
         url('fonts/govgg_bold-webfont.ttf') format('truetype'),
         url('fonts/govgg_bold-webfont.svg#govggbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'recruit';
  src:  url('fonts/recruitment-icons/recruit.eot?xryf8');
  src:  url('fonts/recruitment-icons/recruit.eot?xryf8#iefix') format('embedded-opentype'),
    url('fonts/recruitment-icons/recruit.ttf?xryf8') format('truetype'),
    url('fonts/recruitment-icons/recruit.woff?xryf8') format('woff'),
    url('fonts/recruitment-icons/recruit.svg?xryf8#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'gradbold';
    src: url('fonts/mark_simonson_-_grad_bold-webfont.eot');
    src: url('fonts/mark_simonson_-_grad_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/mark_simonson_-_grad_bold-webfont.woff2') format('woff2'),
         url('fonts/mark_simonson_-_grad_bold-webfont.woff') format('woff'),
         url('fonts/mark_simonson_-_grad_bold-webfont.ttf') format('truetype'),
         url('fonts/mark_simonson_-_grad_bold-webfont.svg#gradbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/font-awesome/fontawesome-webfont.eot?v=4.7.0');
  src: url('fonts/font-awesome/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), 
      url('fonts/font-awesome/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), 
      url('fonts/font-awesome/fontawesome-webfont.woff?v=4.7.0') format('woff'), 
      url('fonts/font-awesome/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), 
      url('fonts/font-awesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}


[class^="icon-"], [class*=" icon-"], .gallery.audio:hover:before, .galleryiframe.video:hover:before, .gallery.image:hover:before {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-boat:before {
	content: "\e600";
}
.icon-guernsey-box:before {
	content: "\e601";
}
.icon-plane:before {
	content: "\e602";
}
.icon-recycle:before {
	content: "\e603";
}
.icon-weather:before {
	content: "\e604";
}
.icon-mag-search:before {
    content: "\e605";
}

.icon-fb:before {
    content: "\e60a";
}

.icon-tw:before {
    content: "\e609";
}
.icon-yt:before {
    content: "\e608";
}
.icon-pint:before {
    content: "\e607";
}
.icon-lin:before {
    content: "\e606";
}

.icon-house:before {
    content: "\e60b";
}
.icon-pdf:before {
    content: "\e909";
}
.icon-clipboard85:before {
    content: "\e800";
}
.icon-email5:before {
    content: "\e801";
}
.icon-facebook29:before {
    content: "\e802";
}
.icon-twitter47:before {
    content: "\e803";
}
.icon-sack31:before {
    content: "\e90b";
}
.icon-NewsIcon:before {
    content: "\e908";
}
.icon-DownloadIcon:before {
    content: "\e909";
}
.icon-GoogleTranslate:before {
    content: "\e90a";
}

.icon-apple:before {
    content: "\e90c";
}
.icon-book:before {
    content: "\e90d";
}
.icon-bulb:before {
    content: "\e90e";
}
.icon-calculator:before {
    content: "\e90f";
}
.icon-healthy:before {
    content: "\e910";
}
.icon-person:before {
    content: "\e911";
}
.icon-phone:before {
    content: "\e912";
}
.icon-puzzle:before {
    content: "\e913";
}
.icon-shield:before {
    content: "\e914";
}
.icon-sound:before {
    content: "\e915";
}
.icon-tool:before {
    content: "\e916";
}
.icon-icon-arrow-down-b:before {
    content: "\e906";
}
.icon-icon-arrow-up-b:before {
    content: "\e907";
}

.icon-lions:before {
    content: "\e902";
}
.icon-instagram:before {
    content: "\e900";
}
.icon-wave:before {
    content: "\e901";
}
span.icon-sack31 {
    font-size: 4.2em;
    color: rgb(0, 139, 200);
    float:left;
    margin-right:20px;
    text-shadow: 0 0 1px #fff;
}
.icon-photo:before {
    content: "\e917";
}
.icon-play:before {
    content: "\e918";
}
.icon-sound2:before {
    content: "\e919";
}

    

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

input {
    -webkit-appearance: none;
    border-radius: 0;
}

body
{
    font-family:Arial, helvetica, Sans-Serif;
    font-size:12px;
    background:#FAFAFA;
    overflow-x:hidden;
}

header
{
     width:100%;
     max-width:1170px;     
     margin:0 auto;
     padding:25px 0px;
     position:relative;     
}

header a#logo
{
    font-family:govggbold;
    color:#357C57;
    font-size:4.5em;    
    display:inline-block;
    vertical-align:middle;
    transition:all .5s;
    letter-spacing:-3px;    
}
    header a#logo:hover
    {
        color:#515151;
        text-shadow:0 0px 20px #fff;
    }
    header a#logo img
    {
        margin-right:10px;
    }
    header p#logoText
    {
        color:#515151;
        display:inline-block;
        vertical-align:middle;
        font-weight:bold;
        font-size:1.2em;
        max-width:235px;
        font-family:open_sanssemibold;
        margin-left:20px;
    }
    
    header div#iconContainer
    {
        position:absolute;
        top:34px;
        right:140px;
    }
    
    header #iconContainer span
    {
        font-size:3.7em;
        color:#595959;
        cursor:pointer;
        padding:15px 12px;
        transition:all .3s;
        position:relative;
    }
        header #iconContainer span:hover
        {
            color:#357C57;               
        }
        header #iconContainer span span
        {
            color:#fff;
            position:absolute;
            font-size:0.3em;
            left:0px;
            bottom:-4px;
            text-transform:uppercase;
            display:none;
            font-family:Open Sans Semibold, open_sanssemibold;
        }
        header #iconContainer span span:hover
        {
            color:#fff;   
        }
        
        header #iconContainer span.selected {
            background-color: #595959;
            color: #fff;
            padding-bottom:30px;
        }
            header #iconContainer span.selected span
            {
                display:block;
            }
    header #feedContainer
    {
        background:#595959;
        padding:50px 40px;
        display:none;
        position:absolute;
        top:104px;
        right:0;        
        z-index:10000;
        width:585px;        
        color: #fff;
        font-family: open_sansbold;
        font-size: 3em;
    }
    .goog-te-menu-value * 
    {
        color:#fff;        
    }
    header .goog-te-menu-value
    {
        margin:0;
    }
    header .goog-te-menu-value::after
    {
        content:'Translate';
        color:#fff;
        font-family:open_sansbold;
        font-size: 1.8em;
        transition:all .3s;
    }
        header .goog-te-menu-value:hover::after, #signIn:hover
        {
            color:#ccc;
        }
        
    header #left
    {
        float:left;
        width:160px;
    }
        header #left img
        {
            width:100%;
        }
    header #Right
    {
        float:right;
    }
    #feedContainer > div
    {
        display:none;
    }
    
    #recycleFeedContainer h4
    {
        color: #fff;
        font-size: 1.2em;
        text-transform: none;
        padding: 10px 0;
    }
    
    #recycleFeedContainer p
    {
        font-size: 0.6em;
        margin: 10px 0;
        display: inline-block;
        max-width: 400px;
    }
    
    #recycleFeedContainer.blue span.icon-sack31
    {
        color: #018bc9;
        margin-bottom:30px;
    }
    #recycleFeedContainer.clear span.icon-sack31
    {
        color:#fff;
        margin-bottom:30px;
    }
    
    #airportFeedContainer
    {
        font-size:0.5em;
    }
    #airportFeedContainer table#airarrivals
    {
        display:block;
    }
    
        #airportFeedContainer > span
        {
            position:absolute;
            width:50%;
            top:0;
            text-align:center;
            padding:15px 0;
            background:#666;
            cursor:pointer;
        }
            #airportFeedContainer > span#arr
            {
                left:0;
            }
            #airportFeedContainer > span#dep
            {
                left:50%;
            }
            #airportFeedContainer > span.selected
            {
                background:#595959;   
            }
        #airportFeedContainer table
        {
            table-layout: auto;
            width: 100%;            
            max-height:350px;            
            display:block;
        }
            #airportFeedContainer table td
            {
                font-family: Open Sans, open_sansregular;
                font-size: 0.9em;
                padding-bottom: 5px;
                vertical-align: middle;                
                padding-top: 5px;
                padding: 5px 20px 5px 0;
                line-height: 1.2em;
            }
            #airportFeedContainer table td.headingTabs
            {
                padding: 10px 0 10px 0;
                font-weight:bold;
            }
        
        #airportFeedContainer table span.airline
        {
            background: transparent url(../images/airlines.png) no-repeat;
            display: block;
            width: 83px;
            height: 24px;
            overflow: hidden;
            text-indent: -9999em;
            text-align: left;
        }
        
            #airportFeedContainer table span.vlm
            {
                background-position:0px -79px;
            }
            #airportFeedContainer table span.intersky
            {
                background-position:0px -105px;
            }        
            #airportFeedContainer table span.air-berlin
            {
                background-position:0px -157px;
            }
            #airportFeedContainer table span.cityjet
            {
                background-position:0px -131px;
            }
            #airportFeedContainer table span.flybe
            {
                background-position:0px -53px;
            }
            #airportFeedContainer table span.blue-islands
            {
                background-position:0px -27px;
            }
            #airportFeedContainer table span.aurigny
            {
                background-position:0px -1px;
            }
            #airportFeedContainer table span.mail
            {
                background-position:0px -183px;
            }
         #airportFeedContainer table span.number, #airportFeedContainer table span.location
         {
             display:block;
         }
         
         div#newsFeedContainer h4 {    
            color: #fff;
            font-size: 1em;
            text-transform: none;
            padding:0px 0 10px 0;
        }
            div#newsFeedContainer h5 {
                color: #fff;
                font-size: 0.6em;
                font-family: open_sanssemibold;
                padding-top:20px;
                border-top:1px solid #ccc;
            }
        
        div#newsFeedContainer span.newsDate {
            font-size: 0.4em;
            font-family: open_sansregular;
            /* font-style: italic; */
            display: block;
            padding: 15px 0;
        }        
        div#newsFeedContainer p {
            font-size: 0.5em;
            line-height: 1.2em;
            font-family: open_sansregular;
        }
        div#newsFeedContainer a {
            color: #fff;
            font-size: 0.6em;
            display: block;
            padding:15px 0;
        }
        
        ul.translation-links {
            text-align: center;
        }
            ul.translation-links li {
                display: inline-block;
                vertical-align: top;
                margin-right: 10px;
            }   
            ul.translation-links img {
                box-shadow: 0 0 5px #ccc;
            }
   
    header div#weatherContainer {
        position: relative;            
    }
        div#weatherContainer span {
            display: block;
            font-family: open_sansregular;
            line-height:1.3em;
        }
        header div#weatherContainer span span
        {
            text-transform:uppercase;
        }
        header #weatherContainer img {
            width: 100%;          
            margin-bottom:25px;  
        }
        span#weatherSummary {            
            width: 160px;            
            font-size: 0.43em;            
        }
        div#weatherContainer span#highTemp {
            position: absolute;
            font-size:2em;
            left:200px;
            top:25px;
            font-family: open_sansbold;
        }
            span#highTemp span, span#lowTemp span
            {                
                font-size:0.2em;
                margin-bottom:-15px;
                font-family: open_sansbold;
            }
        
        div#weatherContainer span#lowTemp {
            position: absolute;
            font-size:2em;
            left:200px;
            top:150px;
            font-family: open_sansbold;
        }            
        span#Visibility, span#openSeas, span#wind, span#tides
        {            
            font-size:0.4em;            
            width:180px;
            margin-bottom:25px;
        }
            span#Visibility span, span#openSeas span, span#wind span
            {
                font-family:open_sansbold;
            }
        
        span#tides
        {            
            margin-bottom:0;
        }
        
        #translateFeedContainer
        {
            text-align:center;
        }
        #translateFeedContainer ul.translation-links li
        {
            display:inline-block;
            vertical-align:top;
            margin-right:20px;
        }
            #translateFeedContainer ul.translation-links li img
            {
                box-shadow:0 0 3px #ccc;
            }
            
        div#harboursFeedContainer {
            font-size: 0.45em;
            line-height:1.2em;
            font-family:Open Sans, open_sansregular;
        }
        
        div#harboursFeedContainer a, span#tides a, div#recycleFeedContainer a, div#weatherContainer a, div#airportFeedContainer a, div#newsFeedContainer a.newsAll
        {
            color: #fff;
            padding: 10px;
            border-radius: 10px;
            display: block;
            border: 1px solid #fff;
            text-align: center;
            margin-top: 25px;
            font-family: open_sansregular;
            font-size: 1.2em;            
            transition:all 0.5s;
        }
            div#harboursFeedContainer a:hover, span#tides a:hover, div#recycleFeedContainer a:hover, div#weatherContainer a:hover, div#airportFeedContainer a:hover, #newsFeedContainer a.newsAll:hover
            {
                background:#fff;
                color:#595959;
            }
            div#newsFeedContainer a.newsAll
            {
                font-size:0.7em;
            }
            div#weatherContainer a
            {
                font-size:0.6em;
            }
            span#tides a
            {
                margin:0;
            }
        
        .FeedTable
        {
            width:100%;
        }
            .FeedTable font
            {
                font-family:Open Sans, open_sansregular;
            }
            div#harboursFeedContainer h4:first-of-type
            {
                margin-top:0px;
            }
            div#harboursFeedContainer h4, div#airportFeedContainer h4
            {
                color: #fff;
                border-bottom: 1px solid #fff;
                padding-bottom: 10px;                
                margin-top: 10px;
                padding-top: 10px;
                border-top: 1px solid #fff;
                font-family:Open Sans, open_sansregular;
            }
            td.headingTabs {
                padding: 10px 0 10px 0;
            }
        div#harboursFeedContainer br, div#airportFeedContainer br {
            display: none;
        }
    #signIn
    {
        color:#595959;
        font-family:open_sansbold;
        font-size: 1.5em;
        transition:all .3s;
        display:block;
        margin-top:13px;
        width:110px;
    }
        #signIn:hover
        {
            color:#357C57;
        }
    #rightContainer
    {
        position:absolute;
        top:37px;
        right:0px;
        text-align:left;
    }
    
    .goog-te-gadget img
    {
        display:none;
    }
    #google_translate_element .goog-te-gadget-simple
    {
        border:0;
        color:#fff;
        margin-top:25px;
        background:none;
    }
    #google_translate_element .goog-te-gadget-simple .goog-te-menu-value span
    {
        display:none;
    }
        
#searchContainer
{
    width:100%;
    background:#FAFAFA;
}
    #searchContainer #toplevelsearch
    {
        width:100%;
        padding:30px 0;
        max-width:1170px;
        margin:0 auto;
        position:relative;
    }
    
    #toplevelsearch span.icon-mag-search
    {
        position: absolute;
        color: #595959;
        font-size: 2.4em;
        left: 58px;
        top: 40px;
    }
    header .icon-mag-search.open
    {
        text-shadow:0 0 10px #fff;
    }
    
    input#q
    {
        width:100%;
        max-width:970px;
        border:1px solid #999999;
        color:#999999;
        font-family:open_sansregular;
        padding: 10px 55px;
        font-size: 2em;        
        display:block;
        margin:0 auto;
        box-shadow: 0 0 25px #cccccc;
    }
        input::-webkit-input-placeholder {
            color: #999999;
        }

        input:-moz-placeholder { /* Firefox 18- */
           color: #999999;  
        }

        input::-moz-placeholder {  /* Firefox 19+ */
           color: #999999;  
        }

        input:-ms-input-placeholder {  
           color: #999999;  
        }
    
    input#blockButton, input.blockButton
    {
        width:15%;
        border:0px;
        background:#999999;
        color:#fff;
        position:absolute;
        top:30px; right:44px;
        padding: 11px 0;
        line-height: 30px;
        cursor: pointer;
        font-family: open_sansbold;        
        border: 1px solid #999;
        font-size: 2em;
    }
        input#blockButton:hover
        {
            background:#fff;
            color:#999;
        }
        
    header .icon-mag-search, nav .icon-mag-search
    {
        position: absolute;
        left: 63px;
        font-size: 2em;
        top: 43px;
        color: #595959;
        cursor:pointer;
    }       
    nav .icon-mag-search {
        padding: 0px 0;
        top: 0;
        border: 0;
    }
        nav .icon-mag-search.open
        {
            text-shadow:0 0 15px #fff;
        }

#navlevelsearch
{
    position:relative;
    color:#fff;
}
    #navlevelsearch input#q
    {
        color:#fff;
        background:none;
        padding:3px 0 3px 55px;
        border:2px solid #fff;
        font-size:0.7em;
        border-radius:10px 0 0 10px;
        margin:10px 0 10px 10px;
        height:21px;
        width:130px;        
        line-height:1.2em;
        box-shadow:none;
    }
        #navlevelsearch input::-webkit-input-placeholder {
            color: #ffffff;
        }

        #navlevelsearch input:-moz-placeholder { /* Firefox 18- */
           color: #ffffff;  
        }

        #navlevelsearch input::-moz-placeholder {  /* Firefox 19+ */
           color: #ffffff;  
        }

        #navlevelsearch input:-ms-input-placeholder {  
           color: #ffffff;  
        }
    
    #navlevelsearch .icon-mag-search
    {
        color:#fff;
        font-size:0.7em;
        position:absolute;
        top:16px;
        left:25px;
    }
    
    #navlevelsearch input#blockButton, input.blockButton
    {
        color: #595959;
        background: #fff;
        font-size: 0.7em;
        font-family: open_sansregular;
        width: 81px;
        height: 31px;
        position: absolute;
        right: 14px;
        line-height:0.7em;
        top: 10px;
        border-radius: 0 10px 10px 0;
        border: 0;
    }
    
    #MobileButton, #mMobileButton
    {
        position: absolute;
        top: -1px;       
        color: #fff;
        right: -125px;   
        padding: 0px 10px;
        font-size: 2.5em;
        font-family: Times New Roman, Arial, Sans-serif;
        transition: all .5s;
    }
        #MobileButton:hover, #mMobileButton
        {
            background:#fff;
            color:#357C57;
            cursor:pointer;
        }        
        #MobileButton.NavigationToggleOpen, #mMobileButton.NavigationToggleOpen
        {
            color:#fff;
            background:#333
        }
    #mobileMag
    {
        display:none;
    }
    
/*HAM*/

* {
  margin: 0;
  padding: 0; 
}

/* Icon 1 */

#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
  width: 50px;
  height: 45px;
  position:absolute;
  margin: 35px auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  top:0;
  right:3%;
}

div#nav-icon4 {
    margin: 0px 0;
    top: -1px;
    padding: 0;
    height: 53px;
    right:-60px;
}

#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
  display: block;
  position: absolute;
  height: 5px;
  width: 100%;
  background: #fff;
  border-radius: 1px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
  margin-left:0;
}

#nav-icon3.open span, #nav-icon4.open span
{
    box-shadow: 0 0 10px #fff;
}
/* Icon 3 */

#nav-icon3 span:nth-child(1) {
  top: 0px;
}
#nav-icon4 span:nth-child(1)
{
    top:10px;
}

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
  top: 18px;
}
#nav-icon4 span:nth-child(2), #nav-icon4 span:nth-child(3)
{
    top:24px;
}

#nav-icon3 span:nth-child(4) {
  top: 36px;
}
#nav-icon4 span:nth-child(4)
{
    top:39px;
}

#nav-icon3.open span:nth-child(1), #nav-icon4.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

#nav-icon3.open span:nth-child(2), #nav-icon4.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3), #nav-icon4.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4), #nav-icon4.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}

div#nav-icon4.open {
    background-color: #333;
}
    

/*HAM END*/

nav
{
    width:100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#357c57+0,357c57+50,296746+51,296746+100 */
    background: #357c57; /* Old browsers */
    background: -moz-linear-gradient(top,  #357c57 0%, #357c57 50%, #296746 51%, #296746 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #357c57 0%,#357c57 50%,#296746 51%,#296746 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #357c57 0%,#357c57 50%,#296746 51%,#296746 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#357c57', endColorstr='#296746',GradientType=0 ); /* IE6-9 */
    position:relative;    
}
    nav ul
    {
        width:100%;
        max-width:1170px;
        margin:0 auto;
        border-top:1px solid #357C57;
        border-bottom:1px solid #357C57;
    }
    
        nav ul li
        {
            display:inline-block;
            vertical-align:top;
            width: 15%;
            text-align: center;
            font-size: 2.1em;
            position:relative;
        }   
        nav ul li:last-child
        {
            width:25%;
        }
            nav ul li a, nav ul li > span, nav ul#sideMenu li span
            {
                color:#fff;
                font-family:open_sansbold;
                width: 100%;
                display: block;
                padding: 13px 0;
                border-right:1px solid #fff;
                transition:all .5s;
            }
            nav ul li:first-child a, nav ul li:first-child span
            {
                border-left:1px solid #fff;                
            }
            nav ul li a:hover
            {
                background:#fff;
                color:#357C57;
            }

    nav ul#sideMenu
    {
        position: absolute;
        right: -355px;
        top: 53px;
        width:350px;
        background:#333;        
        border:2px solid #333;     
        transition:all 1s;
        z-index:10000;
    } 
        nav ul#sideMenu li
        {
            display:block;
            width:100%;
            border:0;
            text-align:left;
        }   
            nav ul#sideMenu li a, nav ul#sideMenu li span
            {
                border:0;
                font-size:0.8em;
                padding:15px 30px;
                color:#fff;
                width:auto;
                font-family:open_sansregular;
            }          
                nav ul#sideMenu li a:hover
                {
                    color:#357C57;
                }  
                
            nav ul#sideMenu li.sepTitle a, nav ul#sideMenu li.sepTitle span
            {
                font-family:open_sanssemibold;
                font-size:1em;
                text-decoration:underline;
            }

#mobileHeader
{
    display:none;
}

#imgContainer
{
    width:100%;
    margin-bottom:45px;
    white-space: nowrap;
    overflow:hidden;
    max-height:400px;
}
    #imgContainer img
    {       
        display:inline-block;
        vertical-align:top;
        width:100%;
    }
    
    .slideTextOverlay {
        position: absolute;
        left: 0;
        width: 80%;
        height: 80%;
        padding:10%;
        display: block;
        background-color: rgba(52, 68, 78, 0.34);
        white-space:normal;
    }

    .slideTextOverlay h4
    {
        color:#fff;
        font-family:open_sansbold;
        text-transform:uppercase;
        font-size:1.2em;
        text-shadow:0 0 3px #000;
        padding:10px 10px 0 10px;
    }
    .slideTextOverlay p
    {
        color:#fff;
        font-family:open_sansbold;
        font-size:2.2em;
        text-shadow:0 0 3px #000;
        line-height:1.2em;        
        padding: 0 10px 10px 10px;
    }
    
    .slideTextOverlay h4, .slideTextOverlay p
    {
        background: rgba(000,000,000,0.2);
        display:block;
        zoom:1;
        /*filter:progid:DXImageTransform.Microsoft.Chroma(Color=#999999);
        filter:progid:DXImageTransform.Microsoft.DropShadow(OffX=0, OffY=0, Color=#999999);
        filter:progid:DXImageTransform.Microsoft.Glow(Strength=2, Color=#666666);*/ 
    }
    
    .slideTextOverlay:hover
    {
        background-color: rgba(255, 255, 255, 0.1);
        cursor:pointer;
    }
    
#Breadcrumb
{
    margin-top:50px;
}
    
#Breadcrumb li
{
    display:inline;
    line-height:1.8em;
}
    
    #Breadcrumb a, #Breadcrumb span
    {
        color:#333;
        font-family:open_sanssemibold;
        font-size:1.3em;
    }
        #Breadcrumb a:hover, #Breadcrumb li.first a span:hover
        {
            color:#357C57;
        }
    #Breadcrumb li.first a span
    {
        color:#333;
        font-size:1.7em;
        font-family: 'icomoon';
    }
    
    #Breadcrumb span.triangleSep
    {
        width: 0;
        height: 0;
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        border-left: 12px solid #AED4C0;
        display:inline-block;
        margin:0 20px;
    }   
    
#downloadContainerMobile, #mshareContainer
{
    display:none;
}
#CenterContainer
{
    width:100%;
    max-width:1170px;
    margin:0 auto;
    padding-bottom:50px;
}
    #CenterContainer h1
    {
        color:#333;
        font-family:open_sansbold;
        text-align:left;
        font-size:2.8em;
        line-height:1.3em;
        margin:60px 0 80px 0;
        font-weight:normal;
    }
    
    #CenterContainer h2
    {
        color:#333;
        font-family:open_sansbold;
        text-align:center;
        font-size:3.2em;
        margin:0 0 45px 0;
        font-weight:normal;
    }
    
    #CenterContainer p, #CenterContainer blockquote > ul > li > ul > li, #CenterContainer ol, #CenterContainer > #content > ul
    {
        color:#333;
        font-family:Open Sans, open_sansregular;
        font-size:1.5em;
        margin-bottom:35px;
        font-style:normal;
        line-height:1.4em;
    }
    
    #CenterContainer > #content > ul, #CenterContainer blockquote > ul > li > ul > li ul
    {
        list-style:disc;
    }
        #CenterContainer > #content > ul li
        {
            margin-left:30px;
            line-height:1.6em;
        }
    #CenterContainer ol
    {
        list-style:decimal;
    }

    #CenterContainer ol li
    {
        list-style-type: none;
        counter-increment: list;
        position: relative;
        margin-left:50px;
        margin-bottom:30px;
    }
    #CenterContainer ol li:before {      
        content: counter(list) ".";
        position: absolute;
        left: -2.5em;
        width: 2em;
        text-align: right;
        color: #357C57;
        font-weight:bold;
    }
    
    #CenterContainer p#aIntro
    {
        color:#333;
        font-family:Open Sans Semibold, open_sanssemibold;
        font-size:1.8em;
    }
    
    #CenterContainer hr
    {
        border-top:1px solid #333;
        margin:15px 0 55px 0;
    }
    
    #CenterContainer table
    {
        width:100%;
        table-layout:auto;
    }
    #CenterContainer table tr td, #CenterContainer table tr th {
        font-family: Open Sans, open_sansregular;
        font-size: 1.7em;        
        color: #333;
        padding-top:15px;
        padding-bottom:15px;
        font-weight: normal;
        text-align:left;
    }
        #CenterContainer table tr
        {            
            border-bottom:1px solid #333;            
        }
        
        #CenterContainer table tr td p
        {
            font-size:1em;
        }
    #CenterContainer .consImage
    {
        width:100%;
        margin-bottom:70px;
    }
    
    #CenterContainer p#aSummary {
        font-family: Open Sans Semibold, open_sanssemibold;
        font-size: 2.2em;
        line-height: 1.4em;
        max-width: 800px;
    }
    
    #CenterContainer blockquote > ul > li
    {
        padding-bottom:40px;
    }
    #CenterContainer blockquote > ul > li > ul
    {
        display:none;    
    }
    #CenterContainer blockquote > ul > li > ul > li:first-child
    {
        padding-top:40px;
    }
    #CenterContainer blockquote > ul > li > h3
    {
        padding-left:45px;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    #CenterContainer blockquote > ul > li > h3:hover
    {
        cursor:pointer;
        color:#357C57;
    }
        #CenterContainer blockquote > ul > li > h3:hover::before, #CenterContainer ul#uPages li a:hover::before, #CenterContainer ul#uLinks li a:hover::before
        {
            border-left: 18px solid #357C57;
        }
    #CenterContainer blockquote > ul > li > h3:before, #CenterContainer ul#uPages li a:before, #CenterContainer ul#uLinks li a:before
    {
        width: 0;
        height: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 18px solid #595959;
        display: inline-block;
        margin: 0 25px 0 0;
        content: "";
        position: absolute;
        left: 0;
        top: 3px;
    }
        #CenterContainer blockquote > ul > li > h3.open
        {
            color:#357C57;
        }
            #CenterContainer blockquote > ul > li > h3.open::before
            {
                border-top: 20px solid #357C57;
                border-bottom:0;
                border-left: 13px solid transparent;
                border-right:13px solid transparent;
            }
        
            #CenterContainer blockquote > ul > li > ul > li > ul
            {
                list-style:disc;
            }
                #CenterContainer blockquote > ul > li > ul > li > ul > li
                {
                    margin-left:30px;
                }
            
             #CenterContainer blockquote > ul > li > ul > li table td
             {
                 font-size:1em;
             }
             
    #CenterContainer ul#uPages li, #CenterContainer ul#uLinks li
    {
        display:inline-block;
        vertical-align:top;
        width:365px;
        margin-right:50px;
        margin-bottom:40px;
    }
        #CenterContainer ul#uPages li a, #CenterContainer ul#uLinks li a
        {
            text-decoration:underline;
            padding-left:40px;
            color:#595959;
            font-family:Open Sans, open_sansregular;
            font-size:1.6em;
            position:relative;
            display: inline-block;
            line-height: 1.2em;
        }
            #CenterContainer ul#uPages li a:hover, #CenterContainer ul#uLinks li a:hover
            {
                color:#357C57;
            }
    #CenterContainer h3#uHeading, #CenterContainer h3#ulHeading
    {
        margin-bottom:30px;
        margin-top:20px;
        font-size:1.6em;
        clear:both;
    }


    /*Media Gallery Styles start*/
    #mediaGalleryList li{
        display:inline-block;
        vertical-align:top;
        width:200px;
        margin-right:20px;
        margin-bottom:24px;
    }
        #mediaGalleryList li a{
            display:block;
            position:relative;
        }
            #mediaGalleryList li a img {
                display: block;
                width: 100%;
            }

        .gallery.audio:hover:before, .galleryiframe.video:hover:before, .gallery.image:hover:before
        {
            position: absolute;
            top: 0;
            left: 0;
            content: "\e919";
            background: rgba(53, 124, 87, 0.7);
            text-align: center;
            color: #fff;
            width: 100%;
            height: 100%;
            font-size: 10em;
            box-sizing: border-box;
            padding: 29px 0px;
        }
        .gallery.image:hover:before
        {            
            content: "\e917";           
        }
        .galleryiframe.video:hover:before
        {
            content: "\e918";            
        }

    /*Media Gallery Styles end*/

    /*Deputies styles start*/
    .candImg > span, #profileImg > span {
        display: block;
        width: 100%;
        padding: 15px 0;
        font-size: 1.2em;
        background: rgba(53, 124, 87, 0.5);
        color: #fff;
        font-family: open_sansregular;
        position: absolute;
        bottom: 0;
        left: 0;
        text-align: center;
    }
        .candImg:hover > span {
            background: rgba(53, 124, 87, 0.9)
        }
    .candImg, #profileImg {
        display: inline-block;
        vertical-align: top;        
        height: 213px;
        position: relative;
        cursor: pointer;
        text-align:center;
    }
    /*Deputies styles end*/
    
    #subNavigation > li
    {
        display:inline-block;
        vertical-align:top;
        margin-right:80px;
        width:335px;
        margin-bottom:60px;
    }
    #subNavigation > li:nth-child(3n) {
        margin-right: 0;
    }
        #subNavigation > li > a, #subNavigation > li > span
        {
            color:#357C57;
            font-family:open_sanssemibold;
            text-transform:none;
            font-size:2.1em;        
            position:relative;
            display:block;        
        }    
    
        #subNavigation > li > ul
        {
            padding-top:30px;
        }
    
        #subNavigation li ul li
        {
            display:block;
            margin-bottom:25px;
        }
            #subNavigation li ul li > a
            {
                color: #333;
                font-family: open_sansregular;
                font-size: 1.8em;
                line-height: 1.4em;
                text-decoration: underline;
            }
                #subNavigation li ul li > a:hover
                {
                    color:#357C57;
                }
                
    div#downloadContainer
    {
        width:250px;
    }
    div#downloadContainer, #shareContainer, #mshareContainer
    {
        margin-bottom:60px;
    }

    #downloadContainer h4, #downloadContainerMobile h4, #shareContainer h4, #mshareContainer h4
    {
        color:#333;
        font-size:2.2em;
        font-family:open_sansbold;
        margin-bottom:30px;
    }
        #downloadContainer a.fiLink, #downloadContainerMobile a.fiLink
        {
            color:#357C57;
            font-size:2.2em;
            font-family:Open Sans, open_sansregular;
            margin-bottom:30px;
            display:block;
        }
            #downloadContainer a span.icon-pdf, #downloadContainerMobile a span.icon-pdf
            {
                font-family: 'icomoon';
                font-size:1.8em;
                margin-right:20px;
                display:inline-block;
                vertical-align:top;
            }
        
            #downloadContainer a span.fiTitle, #downloadContainerMobile a span.fiTitle
            {
                display: inline-block;
                vertical-align: top;
                font-size: 0.7em;
                font-family: Open Sans Semibold, open_sanssemibold;
                text-transform: capitalize;
                line-height: 1.2em;
                /* overflow: hidden; */
                max-width: 190px;
            }
                #downloadContainer a.fiLink:hover, #downloadContainerMobile a.fiLink:hover
                {
                    color:#333;
                }
            
        #shareContainer a, #mshareContainer a
        {
            color: #357C57;
            font-size: 3em;
            line-height: 1.2em;
            display: inline-block;
            vertical-align: middle;     
            margin-right:15px;   
            cursor:pointer;
            transition: 0.2s all;
        }
        #shareContainer a.icon-email5, #mshareContainer a.icon-email5 {
            font-size: 3.8em;
        }
            #shareContainer a:hover, #mshareContainer a:hover
            {
                color:#fff;
                text-shadow:0px 0px 8px #357C57, 0 0 0 #357C57, 0px 0px 44px #357C57;
            }
    
    
    #content a
    {
        color:#357C57;
        text-decoration:underline;
    }
    
div.contactDetailsContainer {
    width: 100%;
    background: #eeeeee;
    padding: 40px 0;   
    margin: 0 auto;
    text-align: center;
    clear:both;
}
    div.contactDetailsContainer .contactDetailSection
    {
        display:inline-block;
        vertical-align:top;
        width:300px;
        padding-right:12px;
        text-align:left;
    }
        div.contactDetailsContainer .contactDetailSection:nth-child(1)
        {
            padding-right:80px;
        }
        div.contactDetailsContainer .contactDetailSection:nth-child(2)
        {
            width:230px;
            padding-right:70px;
        }
        div.contactDetailsContainer .contactDetailSection:nth-child(3)
        {
            width:210px;
            padding-right:70px;
        }
        div.contactDetailsContainer .contactDetailSection:nth-child(4)
        {
            width:195px;
        }
    
        div.contactDetailsContainer .contactDetailSection h5
        {
            font-family: open_sansbold;
            color: #357C57;
            text-transform: uppercase;
            font-size: 1.8em;
        }
        div.contactDetailsContainer .contactDetailSection span, div.contactDetailsContainer .contactDetailSection a
        {
            color: #343434;
            font-family: open_sansbold;
            font-size: 1.8em;  
            line-height:1.8em;      
            display:block;
        }
        div.contactDetailsContainer .contactDetailSection:nth-child(2) a
        {
            word-wrap:break-word;
            line-height:1.5em;
        }
        div.contactDetailsContainer .contactDetailSection p
        {
            font-family:open_sansregular;
            font-size: 1.8em;  
            line-height:1.4em;
        }
        div.contactDetailsContainer .contactDetailSection em
        {
            font-family:open_sansregular;
            font-style:italic;
            font-size: 1.8em;  
            line-height:1.4em;
        }
        div.contactDetailsContainer .contactDetailSection
        {
            word-wrap:break-word;
        }
    
.mobileIndicator
{
    display:none;
    height:0;
    width:0;
    padding:0;
    margin:0;
}    

.bxslider li
{
    width:33%;
    position:relative;
    overflow: hidden;
    max-height: 400px;
    float:left;
    list-style:none;
}

footer
{
    background:#357C57;
    padding:65px 0 65px 0;
    clear:both;   
}
footer ul#FooterList
{
    width:100%;
    max-width:1170px;
    margin:0 auto;
    text-align:center;    
    clear:both;
}
    footer ul#FooterList li
    {
        display:inline-block;
        vertical-align:top;
        margin-left:140px;
        padding:0px 0;
    }
        footer ul#FooterList li:first-child
        {
            margin-left:0px;
        }
        footer ul#FooterList li a
        {
            color:#fff;
            text-decoration:underline;
            font-family:open_sanssemibold;
            font-size:1.5em;
        }
            footer ul#FooterList li a:hover
            {
                text-shadow:0 0 20px #fff;
            }
    footer #socialFooter
    {
        width:100%;
        max-width:1170px;
        text-align:left;
        color:#fff;
        font-size:4em;
        margin:0 auto;
        position:relative;
        display:block;
        margin-bottom:100px;        
    }
        footer #socialFooter a#contactButton
        {
            position:absolute;
            left:0;
            top:0;
            color:#fff;
            font-size:1.2em;
            border:3px solid #fff;
            border-radius:10px;
            padding:20px 25px;
            font-family:open_sansbold;
        }
        footer #socialFooter a
        {
            color:#fff;
            font-size:1.6em;
            transition:all 0.5s;
            margin:0 15px;
        }                   
            footer #socialFooter a:hover
            {
                text-shadow: 0px 0px 8px #FFF, 0 0 0 #000, 0px 0px 44px #FFF;
                color:#357C57;                
            }
            
        footer #tweetsContainer iframe
        {
            display: inline-block;
            vertical-align: top;
            margin: 0 25px;
            width: 525px !important;
            margin-bottom: 50px !important;
            background: rgba(68,68,68,0.7);
            color: #fff !important;
            border-radius: 10px;
        }
        a.twitter-timeline, blockquote.twitter-tweet
        {
            color:#fff;
            font-family:Open Sans, open_sansregular;
        }        
        p.e-entry-title
        {
            color:#fff !important;
        }
        
        footer #tweetsContainer h2
        {
            color:#fff;
            font-family:open_sansbold;
            text-align:center;
        }
        
footer #feedBackContainer
{
    float:right;
    max-width: 385px;
    margin-bottom: 40px;
}
    footer #feedBackContainer h3
    {
        color:#fff;
        font-size:0.5em;
        font-family:open_sansbold;
        margin-bottom:10px;
    }
    footer #feedBackContainer .feedBackButton, footer #feedBackContainer #submit
    {
        color: #fff;
        border: 3px solid #fff;
        border-radius: 3px;
        padding: 0px 19px;
        font-size: 0.5em;
        font-family: Open Sans Semibold, open_sanssemibold;
        margin: 0 10px 0 0;
        cursor:pointer;
    }
        footer #feedBackContainer .feedBackButton:hover
        {
            text-shadow:none;
            background:#fff;
            color:#357C57;
        }
        
            footer #feedBackContainer #commentBox
            {
                font-size:0.4em;
                color:#666;
                display:none;
            }
            
                footer #feedBackContainer #commentBox textarea
                {
                    width:100%;
                    max-width:360px;
                    padding:10px;
                }
            
            footer #feedBackContainer #submit
            {
                display:none;                
            }

#reauthpopup
{
    position: fixed;
    width: 300px;
    height: 160px;
    background: rgba(255,255,255, 0.3);
    z-index: 10;
    top: 50%;
    left: 50%;
    margin-left: -150px;
    text-align: center;
    box-shadow: 0 0 10px #333;
    padding: 30px;
    margin-top: -80px;
    box-sizing: border-box;
}
    #reauthpopup p
    {
        font-family: Open Sans, open_sansregular;
        color:#333;
        font-size:1.3em;
    }
        #reauthpopup p button
        {
                display: block;
                margin: 20px auto;
                text-align: center;
                cursor: pointer;
                font-family: open_sansbold;
                background: none;
                border: none;
                cursor: pointer;
                font-size: 1.1em;
                color: #333;
        }
            #reauthpopup p button:hover
            {
                color:#357C57;
            }
#reauthpopup span#btnClose {
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 1.7em;
}


/*Recruit Navigation*/

.recruit-navigation {
    background: #14505B;
    width: 210px;
    padding: 40px 0px 0px 0;
    position:absolute;
    top:0;
    right:0;        
    box-sizing:border-box;
}
.recruit-navigation > ul > li
{
    display:block;    
    padding-right:40px;
}
    .recruit-navigation > ul > li > a,  .recruit-navigation > ul > li > span
    {
        color: #fff;
        border-bottom: 1px solid #255E69;
        width: 105px;
        display: block;
        padding-left: 60px;
        padding-top: 40px;
        text-align: right;
        font-size: 1.1em;
        line-height: 1.2em;
        padding-bottom: 8px;
        background: linear-gradient(to right, #0FAFB5 50%, transparent 50%);
        background-size: 200% 100%;
        background-position: right bottom;
        transition: all 0.3s;

    }
    .recruit-navigation > ul > li > span
    {
        color: #fff;
        padding-right: 20px;
        background-position: left bottom;
    }
    .recruit-navigation > ul > li > a:hover
    {        
        color: #fff;
        padding-right: 20px;
        background-position: left bottom;
    }

    #mobileStrip
    {
        display:none;
    }


#CenterContainer .recruit-navigation > p
{
    display: block;
    text-align: center;
    color: #10B5BB;
    font-size: 0.9em;
    width: 130px;
    text-align: right;
    margin: 30px auto;    
}

a.apply {
    background: #10b5bb;
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 40px 0;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 1.2em;
    text-transform: uppercase;    
}
#footerBand
{
    width:100%;
    display:block;
    height:30px;
    background:#14505B;
}
.icon-pencil {
    display: block;
    font-size: 1.4em;
    font-weight: normal;
    margin-bottom: 15px;
}
.icon-pencil:before {
  content: "\e905";
  
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'recruit' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

        
.twitter-widget
{
    margin:50px 0;
    min-height: 295px;
}
.twitter-widget ul {
margin: 0;
padding: 0;
font-size:0.5em;
}
.twitter-widget li {
list-style: none;
clear: both;
}
.twitter-widget li img
{
    width:50px;
    margin-right:25px;
    border:1px solid #fff;
}
.twitter-widget li img, .twitter-widget li .tweets_txt {
float: left;
margin-bottom: 10px;
}
.twitter-widget li .tweets_txt {
width: 445px;
margin-left: 10px;
font-family:Open Sans, open_sansregular;
line-height:1.2em;
}
.twitter-widget li .tweets_txt span {
display: none;
}
.twitter-widget > div {
    display: inline-block;    
    font-size: 0.8em;
    text-align: left;
    vertical-align:top;
    margin-bottom:40px;
}

footer #socialFooter .twitter-widget a
{
    font-size:0.9em;
    margin:0;   
    font-family:Open Sans, open_sansregular; 
    text-decoration:underline;
}

    #tweecoolGov .tweets_txt:before, #tweecoolHarbours .tweets_txt:before, #tweecoolPolice .tweets_txt:before, #tweecoolElection .tweets_txt:before
    {
        content:'States of Guernsey @Govgg';
        display:block;
        font-family:open_sansbold;
        margin-bottom:5px;
    }
    
    #tweecoolGov, #tweecoolPolice
    {
        margin-right:80px;
    }
    
    #tweecoolHarbours .tweets_txt:before
    {
        content:'VisitGuernsey @VisitGuernsey';
    }
    #tweecoolPolice .tweets_txt:before
    {
        content:'Guernsey Police @GuernseyPolice';
    }
    #tweecoolElection .tweets_txt:before
    {
        content:'Culture & Heritage @CultureGSY';
    }

/*Mobile/small desktop*/
@media(max-width:1520px)
{
    #navlevelsearch input#q
    {
        float: left;
        width:135px;
    }
    #navlevelsearch input#blockButton, input.blockButton
    {
        float:left;
        font-size: 0.7em;
        position:relative;
        width:75px;
        left:0;
    }
    div#nav-icon4, #mMobileButton
    {
        right:-70px;
    }
}
        

/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {	
	border:  0px solid #fff;	
	background: #f1f1f1;
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: -55px;
	width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 20px solid #707070;
    content: "";
    position: absolute;
    margin: auto;   
}

.bx-wrapper .bx-next {
	right: -55px;
	width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 20px solid #707070;
    content: "";
    position: absolute;
    margin: auto;   
	
}

#imgContainer .bx-wrapper .bx-prev {
	left: 25px;	
	width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 20px solid #fff;
    content: "";
    position: absolute;
    margin: auto;   
}

#imgContainer .bx-wrapper .bx-next {
	right: 25px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 20px solid #fff;
    content: "";
    position: absolute;
    margin: auto;   
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 0px;
	height: 0px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}

div#tweetsContainer
{
    overflow:hidden;
}

#addToHomeButton
{
    display:none;
    position:fixed;
    bottom:0;
    right:0;
    width:50px;
    height:50px;
    max-width:50px;
}
    #addToHomeButton img
    {
        width:100%;
    }

/* IE Bits */
/* 6, 7, 8 */
@media \0screen\,screen\9 
{
    #nav-icon4 span
    {
        top:15px;
    }
        #nav-icon4 span:first-child + span, #nav-icon4 span:first-child + span + span
        {
            top:33px;
        }
        #nav-icon4 span:first-child + span + span + span
        {
            top:52px;
        }
    footer #socialFooter a:hover
    {
        color:#fff;
    }
    #shareContainer a:hover
    {
        color:#357C57;
    }    
    #subNavigation li ul li:first-child + li + li, #subNavigation li ul li:first-child + li + li + li + li + li
    {
        margin-right:0px !important;
    }
    
    #popularList li a span, #MyIslandList li a span
    {
        top:0 !important;
    }
    #CenterContainer #popularList li:first-child, #CenterContainer #popularList li:first-child + li + li + li + li + li, #CenterContainer #MyIslandList li:first-child
    {
        margin-left:0px;
    }
    .slideTextOverlay
    {    
        background:transparent;
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#561E5974,endColorstr=#561E5973);
    }
        .slideTextOverlay:hover
        {
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000,endColorstr=#00000000);
        }    

}
/*6, 7*/
@media screen\9 
{
    nav ul li, footer ul#FooterList li, #CenterContainer ul#uPages li, #shareContainer a, #popularList li, #MyIslandList li,a.navItem, .twitter-widget > div, header p#logoText, header a#logo
    {
        *display:inline;
        *zoom:1;
    }
}