/*
BASE (MOBILE) SIZE
	These are the mobile styles. It's what people see on their phones.
	Remember, keep it light: Speed is Important.
*/

/* typography */

/*
font-family: 'Frutiger 65 Bold'
font-family: 'Frutiger Pro 65 Bold'
font-family: 'Frutiger Pro 45 Light'
font-family: 'Frutiger Pro 55 Roman'*/

html
{
    height: 100%;
}

body
{
    color: #666;
    font-family: FrutigerLTPro-Light, 'Frutiger Pro 45 Light' , Frutiger,  Arial, Helvetica, 'Ubuntu' ,sans-serif;
    font-size: 1em;
    line-height: 1.2em;
    font-weight: normal;
    height: 100%;
    p-adding-bottom: 60px;
    min-height: 100%;
    z-index: 1;
    background: #fff;
}

.clear
{
    clear: both;
}

h1, h2, h3, h4, h5, h6
{
    font-weight: normal;
    font-family: FrutigerLTPro-Bold,'Frutiger Pro 65 Bold' , Frutiger,  Arial, Helvetica, 'Droid Serif' ,sans-serif;
    line-height: 1.5em;
    margin: .45em 0;
    padding: 0;
    color: #333;
}


/* links */
a, a:visited, a:active, a:hover
{
    color: #333333;
}

a:hover
{
    text-decoration: none;
}


/* Box sizing. Awesome thing. Read about it here: http://www.w3schools.com/cssref/css3_pr_box-sizing.asp */
*
{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

/* Override this for the colorbox overlay, or the margins get cropped*/
#colorbox
{
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    -o-box-sizing: content-box !important;
    box-sizing: content-box !important;
}

.clear
{
    clear: both;
}

/*Responsive linebreak*/

.rwd-break
{
    display: none;
}

/* RESPONSIVE IMAGES */
img
{
    max-width: 100%;
    height: auto;
}

#hero, #page-header
{
    background: #f3f3f3;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    padding: 0px 0;
}

#hero h1
{
    line-height: 1.2em;
    margin-top: 0px;
    margin-bottom: 10px;
}



#content
{
    margin: 0px 0;
}

aside
{
    margin: 40px 0;
}

p
{
    margin: 0 0 1.5em;
}
/* Home page */

/* structure */
.wrapper
{
    width: 100%;
    margin: 0 auto;
}

#outercontainer
{
    top: -50px;
    position: relative;
    height: 100%;
}

#container
{
    min-height: 100%;
    width: 100%;
    position: relative;
    border: 1px solid #cccccc;
    height: 100%;
    padding-bottom: 15px;
    min-height: 110vh;
    z-index: 50;
}


#cookiewarn
{
    width: 100%;
    height: 50px;
    background-color: #396F74;
    border: 1px solid #cccccc;
    padding: 5px;
    text-align: center;
    color: #FFFFFF;
    font-size: 0.8em;
}


#cookiewarn a
{
    color: #FFFFFF;
}

#topline
{
    height: 24px;
    background-color: #8BB1BD;
    color: #ffffff;
}

#topline a
{
    color: #ffffff;
    text-decoration: none;
}

#toplinelogin, #toplinecontact
{
    display: none;
}


.headwrapper
{
    width: 94%;
    margin: 0 auto;
    b-order: 1px solid yellow;
    padding-top: 10px;
}

#banner
{
    text-align: center;
    float: left;
}

/*Menu below*/

header
{
    padding: 0px 0;
}



#homecontainer
{
    p-osition: absolute;
    margin-top: 10px;
}



.topnut
{
    width: 100%;
    height: 115px;
    background-image: url('/images/headers/newheaders/h1.jpg');
    background-size: 100%;
    z-index: 5;
    margin-top: 102px;
    float: right;
    z-index: 0;
    position: absolute;
    display: block;
}

.flexslider
{
    display: none;
}




.coolheader
{
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 0;
    padding-top: 30%;
    position: relative;
}



#homebanner
{
    display: none;
}

#padsocial
{
    display: none;
}


#lefthome
{
    margin-top: 145px;
}

#smallheadergraphic
{
    width: 100%;
    float: left;
    display: none;
}




#leftinner
{
    float: left;
    c-lear: left;
    width: 100%;
    b-order: 1px solid red;
    position: relative;
    margin-top: -30px;
}

.homeboxholder
{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.homeboxholder a
{
    text-decoration: none;
}

#homecontactbutton
{
    display: block;
    background-color: #396F74;
    height: 50px;
}

.homebox
{
    padding: 5px 20px 5px 20px;
    /*20141015margin-bottom: 10px;*/
}

.homebox h1
{
    font-size: 1em;
    font-weight: 500;
    color: #ffffff;
    font-family: FrutigerLTPro-Bold, 'Frutiger Pro 65 Bold' , Frutiger,  Arial, Helvetica, 'Ubuntu' ,sans-serif;
    margin: 0em;
    line-height: 1.2em;
    margin-bottom: 5px;
}

.homebox p
{
    font-size: 0.6em;
    color: #ffffff;
    margin: 0em;
    line-height: 1.2em;
}

.homebox img
{
    display: none;
}

.hb1
{
    background-color: #95358C;
}

.hb2
{
    background-color: #25327D;
}

.hb3
{
    /*background-color: #FE7A38;*/
    background-color: #7AB800;


}

#twitterholder
{
    width: 90%;
    margin: 2% auto;
    z-index: 100;
    clear: right;
    text-align: center;
}

#twitterholderlarge
{
    display: none;
}

.localtwitterstyle
{
}

#homebannerholder
{
    display: none;
}



#leftinner2
{
}

#homelogos
{
    width: 90%;
    margin-top: 7%;
    margin-left: auto;
    margin-right: auto;
}

#homebrochures
{
    display: none;
}

#leftinnner3
{
}


#padrecievesectornews
{
    display: none;
}



/*MAIN MENU*/
.menu-toggle
{
    display: block;
    padding: 10px;
    margin: 20px 0 0;
    b-ackground: #666;
    color: #fff;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 20px;
}

.menu-toggle
{
    /*make menu float right, instead of sitting under the logo*/
    margin-top: 0px; /*this depends on the height of the logo*/
    float: right;
}


.menu-toggle.toggled-on
{
    b-ackground: #0099ff;
}

.srt-menu
{
    display: none;
}

.srt-menu.toggled-on
{
    display: block;
    position: relative;
    z-index: 10;
}

.srt-menu
{
    clear: both;
    margin-bottom: 60px;
}

.srt-menu li a
{
    background: #dadada;
    display: block;
    margin: 1px 0;
    padding: 10px;
    text-decoration: none;
    font-size: .8em;
}

.srt-menu li a:hover
{
    background: #0099ff;
    color: #fff;
}

.srt-menu li li a
{
    background: #e8e8e8;
    padding-left: 40px;
}

.srt-menu li li li a
{
    background: #efefef;
    padding-left: 80px;
}

/*SECONDARY MENU*/
#secondary-navigation
{
    margin-bottom: 60px;
}

#secondary-navigation ul
{
    margin: 0;
    padding: 0;
}

#secondary-navigation ul li a
{
    background: #E6E6E6;
    display: block;
    margin: 5px 0;
    padding: 10px;
    text-decoration: none;
    font-size: 1em;
}

#secondary-navigation ul li a:hover, #secondary-navigation ul li.current a
{
    background: #0099ff;
    color: #fff;
}

/*SPACE GRID ELEMENTS VERTICALLY, SINCE THEY ARE ONE UNDER ANOTHER SO FAR*/
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12
{
    margin-bottom: 40px;
}

/*FOOTER*/
#footer
{
    clear: both;
    font-size: 0.7em;
    padding: 5px 0 5px 0;
    position: absolute;
    bottom: 0px;
    width: 100%;
    h-eight: 60px; /* Height of the footer */
    border-bottom: 1px solid #cccccc;
}

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

#footer
{
    background: #fff;
    color: #ccc;
    text-align: right;
    padding-right: 20px;
}

footer h1, footer h2, footer h3, footer h4
{
    color: #CCC;
    margin-bottom: 10px;
}

footer ul
{
    margin: 0 0 0 8%;
}

a.buttonlink
{
    background: #0099ff;
    border-radius: 7px;
    color: #fff;
    display: block;
    float: left;
    margin: 10px 15px 10px 0;
    padding: 10px;
    text-decoration: none;
}

a.buttonlink:hover
{
    background: #8dbc01;
}

.greenelement
{
    background: #5ec79e;
    color: #fff;
}

.violetelement
{
    background: #887dc2;
    color: #fff;
}



/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after
{
    content: "";
    display: table;
}

.clearfix:after
{
    clear: both;
}

.clearfix
{
    zoom: 1;
}

.rightfloat
{
    float: right;
}

.leftfloat
{
    float: left;
}

#footernav
{
    display: none;
}

#footernav li
{
}



.hubhead
{
    margin-top: 10px;
    width: 100%;
    /*h-eight: 70px;*/
    background-image: url('/images/headers/Innerpages/ih_01.jpg');
    padding-top: 15px;
    padding-bottom: 15px;
}

#hubtitle
{
    margin-left: 3.8%;
    /*20141015margin-left: 5%;
    m-argin-top: 15px;
    h-eight: 40px;*/
    padding: 10px;
    float: left;
    border: 0px red solid;
    background-image: url('/images/green50.png');
}

#hubtitle h1
{
    color: #ffffff;
    font-family: FrutigerLTPro-Bold, 'Frutiger Pro 65 Bold' , Frutiger,  Arial, Helvetica, sans-serif;
    font-size: 1.3em;
    margin: 5px;
    margin-right: 20px;
     text-transform:capitalize;
}

#hubcontent
{
    width: 90%;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    font-size: 0.8em;
}

#hubcontent p
{
    max-width: 826px;
    padding-bottom: 10px;
    b-order-bottom: 1px solid #cccccc;
}

#hubnavigation
{
    width: 91.2%;
    /*20141015margin-left: auto;*/
    margin-right: auto;
    text-align: center;
    padding-bottom: 20px;
}
#hubnavigation div.brighttext
{
    width: 50%;
}
.hubnavlink
{
    margin-bottom: 10px;
    padding: 10px;
    text-align: center;
    width: 100%;
}
.hubnavlink a
{
    color: #ffffff;
    text-decoration: none;
}


.brighttext, .brighttextselected 
{
    text-align: center;
    font-weight: bold;
    width: 100%;
}

.brighttext a
{
    color: #ffffff;
    text-decoration: none;
}

.bright
{
    color: #ffffff;
}

.bright a
{
    text-decoration: none;
    color: #ffffff;
}

#secondarycontentcontainer
{
    width: 95%;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    font-size: 1em;
}

#secondarycontentholder
{
    position: relative;
    b-order: 1px solid blue;
}
#secondarycontent
{
    float: right;
    width: 100%; /* display: table-header-group;*/
    font-size: 0.8em;
}

#secondarycontent h1
{
    margin: 0;
    margin-bottom: 0.5em;
    font-size: 1.2em;
    
}


#secondarycontent h2
{
    margin: 0;
    font-size: 1.1em;
   
}


#secondarycontent p
{
    margin-bottom: 1em;
}

#secondarynavigation
{
    display: none; /*display: table-footer-group;*/
}

#secondarynavigationsmartphone
{
    margin-top: 10px;
    width: 100%;
    float: left; /*display: table-footer-group;*/
    display: table;
    padding-bottom: 20px;
}
.secondarynavlinkholder
{
    width: 100%;
    margin-bottom: 15px;
    display: table;
}

.secondarynavlink
{
    h-eight: 40px;
    margin-bottom: 10px;
    width: 100%;
    text-align: center;
    f-ont-weight: bold;
    padding: 5px;
}

.secondarynavlinkselected
{
    /* h-eight: 30px;     padding: 5px;     margin-bottom: 10px;     width: 100%;     text-align: center;     font-weight: bold; */
    display: none !important;
}



.secondarynavlink a, .secondarynavlinkselected a
{
    color: #ffffff;
    text-decoration: none;
}



#secondaryextras
{
    display: none;
}

#secondaryDocuments
{
    margin-right:-20px;
    margin-top:10px;
    
}

#secondaryKeyStaff
{
    /*margin-left:260px;*/
}

.keyStaff
{
    width: 100%;
    font-size: 1em;
    float: left;
    cursor: pointer;
    margin-top: 10px;
}

.keyStaff img
{
    display: none;
}

.keyStaffText
{
    font-size: 1em;
}

/*About us stuff*/

.personholder
{
    position: relative;
    b-order: 1px solid #cccccc;
    overflow: hidden;
    height: auto;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}
.personhover
{
    height: 35px;
    background-color: #000000;
    width: 100%;
    position: absolute;
    bottom: 0px;
    text-align: center;
    color: #ffffff;
    padding: 6px;
}

#aboutuscontent
{
    width: 95%;
    margin-right: auto;
    margin-left: auto;
    font-size: 0.8em;
    margin-top: 20px;
}

.personholder img
{
    height: auto;
    width: 100%;
}
/*
News page
*/

#newsholder
{
    width: 90%;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    font-size: 0.8em;
}

#newsmain
{
}

#newstopicsandsearch
{
}



#newstopics
{
    background-color: #B7D4D8;
    margin-bottom: 10px;
    margin-top: 40px;
    padding: 15px;
    font-size: 0.8em;
}

#newstopics a
{
    t-ext-decoration: none;
    b-ackground-color: #DEEBED;
    color: #808080;
    line-height: 2em; /* padding:3px;       margin:3px; */
}

#newstopics h1
{
    color: #4E9BA0;
    text-transform: uppercase;
    margin: 0px;
    font-size: 1.6em;
}

#newstopicsandsearch
{
    display: none;
}


.pager
{
    float: left;
    background-color: #8BB1BD;
    padding: 3px;
    padding-right: 8px;
    padding-left: 8px;
    margin-right: 3px;
}
.pager a
{
    text-decoration: none;
    color: #ffffff;
}

.PagerActive
{
    background-color: #2F7B8B;
}

#newssearchsp
{
    float: right;
    margin-bottom: 5px;
    padding: 3px;
    width: 200px;
}
#newssearchsp > label
{
    color: #62A2A0;
    font-style: italic;
}

.searchbox
{
    border: 1px solid #cccccc;
    margin-bottom: 3px;
    width: 160px;
}

.searchbutton
{
    margin-left: 5px;
    margin-bottom: -6px;
}


#newslist
{
    width: 100%;
}
.newsphoto
{
    display: none;
}

.newsarticle
{
    width: 95%;
}

.newsarticle h2
{
    margin: 0px;
    font-size: 1.1em;
    color: #5A9AA1 !important;
   
}

.newsarticle h2 a
{
    text-decoration: none;
    color: #5A9AA1 !important;
}

.pressreleasesarticle h2
{
    margin: 0px;
    font-size: 1.1em;
    color: #5A9AA1 !important;
    font-weight: bold;
}

.pressreleasearticle h2 a
{
    text-decoration: none;
    color: #5A9AA1 !important;
}


.readmorearrow
{
    background-image: url('/images/greenemail.png');
    height: 25px;
    padding: 5px;
    padding-bottom: 7px;
    padding-left: 10px;
    width: 132px;
    display: block;
    background-repeat: no-repeat; /*background-position:left;      background-attachment:fixed;       background-repeat:no-repeat;*/
    margin-bottom: 10px;
}

.readmorearrow a
{
    color: #ffffff;
    text-decoration: none;
}



.testimonial
{
    font-size: 1.8em;
    font-style: italic;
    text-align: center;
    color: #69A0C3;
    line-height: 1.5em;
    margin-top: 20px;
    margin-right: 20px;
    margin-left: 20px;
    margin-bottom: 0px !important;
    font-weight: bold;
}
.testimonialauthour
{
    text-align: right;
    color: #666666;
    font-size: 1em;
    margin-top: 0px;
    margin-right: 20px;
}

.kiddoc {
    float: left;
    text-align: center;
    margin-right: 20px;
    height: 220px;
    width: 150px;
}

.kiddoctitle {
    margin-top: -80px;
    font-size: 0.9em;
    width: 60%;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    line-height: 1.3em;
    font-weight:bold;
}