/**
*
*  purpose of the stylesheet is to style the structural representation of the
*  home page.
*  @author: AShrivastava, rsharp
*  client: esfrs
*  date created: 17/11/2009
*  @version: 1.0.0
*  @since: 1.0.0
*  1.0.0 - 17/11/2009 - Version 1
**/

/* home panel class is added to centrePanel */
.homePanel{
    margin-right:210px;/* add margin to right side to allow space for right panel */
}
/* content block within centre panel */
#contentBlock{
    background-color:#f5f5f5;
    padding:0px;
    overflow:hidden; /* this avoids scroll bars from being displayed by the content-block. */
}
/* header 3 */
h3{
    margin:0px;
    padding:2px;
}
/* h2 header within foot wrapper which appears at bottom of page */
#footWrapper h2{
    min-height:1.1em;
    padding:5px 0px;
    margin:20px 0px -5px 0px;
    background:none;
    border:none;
}
/* h2 header appearance in left, centre and right panels which appear within trunk
between head and foot wrappers */
#leftPanel h2, #centrePanel h2, #rightPanel h2{
    margin-top:0;/* stops there being a space between the border and mainBar - ry */
    clear:none;/* allows for content to be on either side of mainBar (useful for panels!) - ry */
    padding-left:2px;
}
/* h2 header within blocks */
#featuredCampaignsBlock h2, #newsBlock h2, #eventsBlock h2,#incidentsBlock h2,
#stationsBlock h2, #linksBlock h2, #safetyFeatureBlock h2, centrePanelRow h2{
    border:0;/* these divs have a border so no need for the main bar to have one - ry */
    padding-left:2px;
}
/* featured campaigns which appears on left panel */
#featuredCampaignsBlock{
    width:200px;/* fixed width */
    clear:left;
    background-color:#fff;
    border:1px solid #900000;
    margin-bottom:10px;
}
/* feature blocks appear within featured campaigns block */
.featureBlock{
    border:1px solid #900000;
    width:96%;
    min-height:30px;
    margin:4px auto;
    background-color:#ededed;
}
/* hyperlinks within feature blocks */
.featureBlock a{
    min-height:30px;
    height:100%;
    padding-left:5px;
    display:block;
}

/* ruralReviewBlock on top-left of home-page. */
#ruralReviewBlock {
    margin:0;
    border:1px solid #dfdfdf;
    background-color:#fff;
}
/* ruralReviewBlock on top of home-page. */
#ruralReviewBlock p{
    margin:5px;
}
#ruralReviewBlock #rrImg{
    margin:20px 5px 0 3px;
}
#ruralReviewBlock img{
    margin:0;
    padding:0;
    border:1px solid #fff;
}
#ruralReviewBlock a:hover img, #ruralReviewBlock a:focus img {
    border:1px solid #900000;
}

/* rules for news and incidents blocks (appear in left panel) */
#newsBlock, #incidentsBlock, #eventsBlock, #stationsBlock{
    width:200px;/* fixed width */
    border:1px solid #900000;
    margin-bottom:10px;
    background-color:#fff;
}

#linksBlock{
    width:198px;/* fixed width */
    border:1px solid #900000;
    margin-bottom:10px;
    background-color:#fff;
}

#eventsBlock{
    width:auto;
}
/* rules for list elements within news, incidents and stations block */
#newsBlock ul, #incidentsBlock ul, #stationsBlock ul, #eventsBlock ul{
    list-style-type:none;
    list-style-image:url('../../image/arrow.jpg');
    padding-left:10px;
}
/* maintains the margin around the text within safetyFeatureBlock */
#safetyFeatureBlock p {
    margin:9px 2px
}
/* shifts the list-items towards slight-left */
#stationsBlock ul li, #newsBlock ul li {
    margin-left: -3px;
}
/* horizontal line used as devider between the list-items on the home page*/
#stationsBlock ul li hr, #newsBlock ul li hr{
    margin-left:-17px;
    margin-top:3px;
}

#eventsBlock ul.ulBlackBox{
    list-style-image:url('../../image/blackBox.jpg');
}
/* more bar for the 'more..' link */
.moreBar{
    margin-top:5px;
    margin-bottom:5px;
}
/* centre panel which holds content in centre of page between left and right panels */
#centrePanel{
    margin:0 207px 0 210px;
}
/* your safety block appears on home page in centre panel  - Removed since it was increasing too much gap. * /
#yourSafetyBlock{
min-height:360px;
}
*/
/* adjusts the gaps between centre rows */
#centrePanelRowWrapper1, centrePanelRowWrapper2, #centrePanelRowWrapper3{
    margin-top:0px;
}
#eventDiaryBlock{
    margin-top:5px;
}
#centrePanelRowWrapper2 h2{
    margin:11px 0;
}
#centrePanelRowWrapper1, #centrePanelRowWrapper3{
    padding-bottom:11px; /* IE Fix. */
}
/* blocks within centre panel */
#atHomeBlock, #atWorkBlock, #inComBlock,  #x1Block, #x2Block, #x3Block{
    padding:0px;
    min-width:70px;
    float:left;
    clear:none;
    width:32%;
    height:auto;
    margin:auto;
    border:1px solid #dfdfdf;
    background-color:#fff;
}
/* central blocks within their rows in centre panel */
div.midBlockContainer{
    width:33%;
    padding-right:2px; /* Fine-tuning the distance*/
    margin:0 auto;
}
/* blocks which appear at the middle (in each row) */
#atWorkBlock, #x2Block{
    width:100%;
    height:100%;
}
/* smoke alarms and hsv blocks need different rules as there are 2 blocks instead
of 3 stretching across centre panel */
#smokeAlarmsBlock, #safetyVisitsBlock{
    padding:0px;
    float:left;
    clear:none;
    width:49.2%;
    height:auto;
    margin:-1px 0 0 0;
    border:1px solid #dfdfdf;
    background-color:#fff;
}
#safetyVisitsBlock a, #smokeAlarmsBlock a, #ruralReviewBlock a, #eventsBlock a{
    text-decoration:underline;
}
#smokeAlarmsBlock a:hover img, #smokeAlarmsBlock a:focus img,
#safetyVisitsBlock a:hover img, #safetyVisitsBlock a:focus img {
    border:1px solid #900000;
}

/* right aligned blocks in centre content */
#inComBlock, #x3Block, #safetyVisitsBlock{
    float:right;
    clear:none;
}
/* elements within smoke alarms and hsv blocks */
#smokeAlarmsBlock p, #safetyVisitsBlock p{
    margin-top:5px;
}
/* Centre-aligns the content of the header-blocks both horizontally & vertically */
#smokeAlarmsBlock div.vCentre, #safetyVisitsBlock div.vCentre{
    width:100%; /* To expand the width the edge of block. */
    height:auto;
    background-color:#dfdfdf;
}
#smokeAlarmsBlock div.vCentre div.vCentreContainer, #safetyVisitsBlock div.vCentre div.vCentreContainer{
    width:100%;
}
#smokeAlarmsBlock div.vCentre div.vCentreContainer h3, #safetyVisitsBlock div.vCentre div.vCentreContainer h3{
    padding:0 3px;
    margin:0;
    width:1%;/*Hack to apply width:100%; on display:table-(cell/row); But for IE7 use width:auto; & positioning-hack for vertical alignment - Ed */
    display:table-cell;
    vertical-align:middle;  /* Does NOT work in IE7 or below. */
    height:3em;
    text-align:center;
}
/* Following is the holder/container for the images. */
#smokeAlarmsBlock div, #safetyVisitsBlock div{
    margin:0 auto;
    width:267px;
}
#smokeAlarmsBlock p, #safetyVisitsBlock p{
    clear:both;
    padding:2px;
}
/* image element within smoke alarms and hsv blocks */
#smokeAlarmsBlock img, #safetyVisitsBlock img{
    float:left;
    margin:5px auto;
}
/* safety feature block which appears in right panel */
#safetyFeatureBlock{
    border:1px solid #900000;
    margin-bottom:10px;
    background-color:#fff;
}
/* rules for image element inside safety feature block in right panel */
#safetyFeatureBlock img{
    border:1px solid #000;
}
/* stations and links blocks rules (appear within right panel) */
#stationsBlock,#linksBlock{
    border:1px solid #900000;
    margin-bottom:10px;
    background-color:#fff;
}
/* links block rules (appears within right panel) */
#linksBlock{
    min-height:170px;
}
/* rules for list element within bottom block (at bottom of page) */
.bottomBlock{
    border:1px solid black;
    height: 500px; /*ie hack for min height*/
    min-height:450px;
    background-color:#FFFFB3;
    margin:0 auto;}
.bottomBlock h2 a {color:#900000;}
.bottomBlock h2 a:hover {color:#FFFFFF;}

/* rules for lists in bottom block list is divided by bars between menues */
div.bottomBlock li{
    line-height:1.8ex;

    margin:9px 5px 9px 0px;
    padding-right:5px;
    border-right:0px solid #111;
}
div.bottomBlock li:last-child{
    border:0;
    padding-right:0;
    margin-right:0;
}
div.bottomBlock a{
    line-height:1.8ex;
    padding:0 0 3px 0;
}
/* rules for logos block (at bottom of page) */
.logosBlock{
    margin:10px auto 0;
    margin-top:100px;
    clear:both;
}
/* rules for image element within logos block (at bottom of page) */
.logosBlock img{
    margin:0;
    padding:0;
    border:1px solid #fff;
}

.logosBlock a{
    display:inline-table;
    vertical-align:top;
    border:1px solid #900000;
    border-collapse:separate;
    border-spacing:0;
    height:90px;
    padding:0;
    margin:0;
}

#mindful{   
    height:45px;
    width:102px;
}

#ttme {width:120px; margin-right:7px;}

.logosBlock a:hover, .logosBlock a:focus{
    border:1px solid #900000;  /* to stop flickering, that is caused by the removal of border on hover. */
}
/* Rules to hide duplicated links on bottom nav bar: */
#home #footWrapper #lastUpdated, #home #footWrapper #botNavBarContainer{
    display:none;
}
/* Copy right information on bottom nav bar: */
#home #footWrapper #copyRightBar{
    float:none;
    width:auto;
    text-align:center;
}

#nsfsw {width:547px;}
.centerInDiv {margin:0 auto;}

#mainFeatures .cell{width:28%; text-align:center; }
#mainFeatures img{width:97%;}
#mainFeatures .cssTable {border:none;}