/*@charset "utf-8";
/* CSS Document */

body{color:black;}
p{color:black; line-height:135%;}

h2{line-height: 50px;}
h3{line-height: 30px; margin-top:20px; margin-bottom:0px; text-transform:capitalize;}
h4{line-height: 25px;}

h5{line-height: 25px; text-transform:capitalize; font-weight:bold;}

li{line-height: 130%;}

tbody{border:none; }

.block-region{margin-top:25px;}
#header .logo a{top:-25px;}

.popularnews{
   background-color: black;
}

.popularnews p{
    margin-top: -150px;
    color: blue;
}

.node-teaser{
    border:1px inset #CCC;
    border-radius: 3px;
    margin-bottom:20px;
    padding-left:10px;
    padding-top:10px;
	padding-right:-5px;
	text-wrap:suppress;
}

.node-teaser:hover{
	background-color:#EEE;
}

ul.links.inline li{padding-left:0px;}

.region-footer-2
{color:white;}

.region-footer-2 p
{color:white;}

.region-footer-2 a:link, .region-footer-2 a:visited
{color:white;}

.region-footer-2 div{color:white}

.region-footer-3 p{color:white;}


.panels-flexible-row-5-1-inside{
	background-color:#EEE;
}

.views-field-field-physical-address .field-content{
	box-shadow: 10px 10px 15px #888888;
}

#footer{
background: black;
background-image: url(../img/Footer.png);
background-repeat: repeat-x;
background-attachment: scroll;
background-position: top center;
border-top: 4px solid #1F1F1F;
}

.service-boxes{
width: 100%;
height: 200px;
margin: 0 1% 4% 1%;
box-shadow: 10px 10px 15px #888888;
background-color: #eee;
border:1px solid #CCC;
padding: 10%;
color:black;
}


.service-boxes:hover{
	
	background-color:#fff;
	color:black;
	background-image: url(../img/Services-Hover.png);
}

.service-boxes a:link, .service-boxes a:visited{
padding: 2% 0 0 1%;
color:black;
font-weight:bold;
font-size:12pt;
text-wrap:suppress;
}


.iconimage{
	background-color:#ccc;
	width:100%;
	height:100px;
}

.iconimage img{
	float:left;
	margin-right:10px;
}

.ministry-blocks{
width: 100%;
height: 200px;
margin: 0 1% 4% 1%;
box-shadow: 10px 10px 15px #888888;
background-color: #eee;
border:1px solid #CCC;
padding: 10%;
color:black;
}


.ministry-blocks:hover{
	background-color:#fff;
	color:black;
}

.ministry-blocks a:link, .ministry-blocks a:visited{
padding: 2% 0 0 1%;
color:black;
font-weight:bold;
font-size:12pt;
text-wrap:suppress;
}


/* Makes the images on media centre responsive */
.mediacentre img {
    /* max-width : 220px; */
	width: 100%;
    min-width : 110px;
    height : auto;
	/* Adds the border around the image */
	padding:1px;
   	border:2px solid #BEBEBE;
  	background-color:#fff; 
	/*Adds a drop shadow to the image */
	box-shadow: 3px 3px 5px #888888;
	margin-bottom:5px;
}

/*Creates the line in the Heading on the media centre */
.pane-title {
	border-bottom: 1px solid #999;
	
}

/* Resizes the date on the media centre */
.bulletin-date  {
	font-size:.85em;
}
	
/* youtube videos */
	
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
	margin-left:10px; margin-right:10px;
}

/* youtube videos */
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}	
	
.page-top{
	background-image:url(../img/Header-bar.jpg);
	 background-attachment: scroll;
	 background-repeat: repeat-y;
    background-position: right center;
	background-color:#0b1631; 
}

div.home-intro{
	/* This is the bar for the homepage...Residents, Visitors, Business, Civil Servants Boxes */
	background-color:#0b1631;		
}
	
	
.page-top{
	padding:35px 0;
}

#header nav ul.nav-main{
	margin: 22px 10px 2px 0;
}

#header > .container{
	margin-bottom:-65px;
}

#header nav{margin-top: 0px;}

#header .social-icons{margin-top:10px;}

#header-top{margin-right:100px;}

.btn-responsive-nav{top:15px;}

.region-header-menu{
	/*height:40px;*/
}

.nav-main-collapse{
	margin-top:10px;
}



div.teamblock{
	width:96%;
	background-color:#ddd;
	box-shadow:2px 2px 5px #999999;
	margin-top:5%;
	padding:2%;
	
}

.teammargins{
	margin-top:5%;
	margin-bottom:5%;
}

div.teamblock img{
	margin-left: auto;
    margin-right: auto;
	display:block;
	border:1px solid #aaa;
	-ms-transition: all 0.5s linear; /* IE 9 */
    -o-transition: all 0.5s linear; /* Opera */
   	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	transition: all 0.5s ease-out;
}

div.teamblock img:hover{
	 -webkit-transform:scale(0.5, 0.5); /* Safari and Chrome */
    -moz-transform:scale(0.5, 0.5); /* Firefox */
    -ms-transform:scale(0.5, 0.5); /* IE 9 */
    -o-transform:scale(0.5, 0.5); /* Opera */
     transform:scale(1.05, 1.05);
}



div.teamblock a:hover{
	background-color:#fff;
	color:black;
}

/*div.residentservicesblock{
	width:100%;
	height:175px;
	background-color:#ddd;
	padding:10px 0 0 10px;
	box-shadow:2px 2px 5px #999999;
	margin-top:10px;
	
}*/

div.residentservicesblock a:link, div.residentservicesblock a:visited{
	width:99%;
	display:block;
	height:200px;
	background-color:#ddd;
	margin-top:15px;
	margin-bottom:5px;
	text-decoration:none;
	padding:5%;
	border:2px solid #036;
	border-radius:10px;
	/*background-image:url(../img/servicesbottombar.png);*/
	background-image: linear-gradient(to bottom,#eee,#ccc);
    background-repeat: repeat-x;
    background-position: bottom;
	/*box-shadow:3px 3px 7px black;*/
	
}

div.residentservicesblock a:hover{
	background-image: linear-gradient(to bottom,#003,#00E);
	background-image:url(../img/servicesbottombar.png);
	background-color:#004;
	background-repeat: repeat-x;
	border:6px solid #aaa;
	color:white;
}




.residentservicesblock h5{
	font-size:125%;
	line-height:150%
	font-weight:bold;
	
}


.residentservicesblock p{
	font-size:85%;
	color:white;
	text-shadow:1px 1px 1px black;
	font-size:12pt;
	font-weight:bold;
}

/*.residentservicesblock:hover{
	color: white;
	font-weight:bold;
}

.residentservicesblock span{
	font-size:80%;
	margin-bottom:0px;
	position:relative;
	bottom:0px;
	line-height:1px;
}

.residentservicesblock a, .residentservicesblock a:visited{
	
}
*/

ul.textsize_list li{float:right;}
ul.textsize_current_inline{margin-top:20px;}

.thumb-info-caption p{font-size:11pt;}

/* this controls the menu*/#header nav ul.nav-main li a{}

.pane-title{margin-top: 25px;}

.field-name-field-form a:link, .field-name-field-form a:visited {
    font-size: 150%;
}

.pagination>li>a, .pagination>li>span{
    color: black;
    border: 1px solid #aaa;
}


.bannertitle{
 text-shadow:2px 2px 2px black; font-weight:bold; color:white;       
}

.bannertitle p{color: white;}

.ls-1{color: white; text-shadow: 2px 2px 2px black;}

.ls-wp-fullwidth-container, .ls-wp-fullwidth-helper, .ls-container, .ls-container *{color: white;}

.thumb-info .thumb-info-title{display:none;}

.tabbed-title{font-size:100%; font-weight:bold;text-transform:capitalize;}

.views-exposed-form .views-exposed-widget{
	float:none;
}

.thumbnail{border:1px none white;}

.thumbnail>img, .thumbnail a>img{width:100%;}

#cboxClose{top:0px;}

.parallax {
	
/*padding-top: 200px;	
padding-bottom: 100px;*/
/*height: 400px;*/
}

/*
 * Floating photos
 */
.floatleft {
  clear: both;
  float: left;
  padding: 4px 10px 4px 0;
}

img.imagemap  {
	width:100%;
	height: 100%;
	box-shadow: 3px 3px 5px #888888;
	margin-bottom:5px;
}

#block-views-list-of-all-faqs-block{
    position:relative;
    top:10px;
}

#block-webform-client-block-1206{
    position:relative;
    top:30px;
}

views-field-field-thumbnail{
    margin-top:50px;
}

.govps{

        position: relative;
        top: 5px;
}

div.departmentblock a:link, div.departmentblock a:visited{
	width:99%;
	display:block;
	height:100px;
	background-color:#ddd;
	margin-top:15px;
	margin-bottom:5px;
	text-decoration:none;
	padding:5%;
	border:2px solid #036;
	border-radius:10px;
	background-image: linear-gradient(to bottom,#eee,#ccc);
    background-position: bottom;
	box-shadow:3px 3px 3px #777;
	
}

div.departmentblock a:hover{
	/*background-image: linear-gradient(to bottom,#003,#00E);
	background-image:url(../img/servicesbottombar.png);
    background-image: none;*/
	background-image:url(../img/gradient.png);
    /*background-image: linear-gradient(to bottom,#006,#002);*/
    background-position: top;
    background-color:#004;
	background-repeat: repeat-x;
	border:2px solid #aaa;
	color:white;
	
}


div.departmentblock h5{
	font-size:110%;
	line-height:125%;
	font-weight:bold;
    text-align: center;
	
}


div.departmentblock p{
	font-size:85%;
	color:white;
	text-shadow:1px 1px 1px black;
	font-size:12pt;
	font-weight:bold;
}

div.departmentimage img{
    box-shadow:5px 5px 15px #777;
    border-radius: 5px 5px 5px 5px;
}
    

.photosize{width:100%; height:auto;}


.field-name-field-date-of-news-item{text-align:right;}

/*.views-field-title{display:block; margin-bottom:30px}*/

div.seasongreetingsblock a:link, div.seasongreetingsblock a:visited{
	width:99%;
	display:block;
	height:200px;
	background-color:#ddd;
	margin-top:15px;
	margin-bottom:5px;
	text-decoration:none;
	padding:5%;
	border:2px solid #036;
	border-radius:10px;
	background-image: linear-gradient(to bottom,#FFF,#F00);
    background-repeat: repeat-x;
	background-position: bottom;
	color:white;
	/*box-shadow:3px 3px 7px black;*/
	}

div.seasongreetingsblock a:hover{
	background-image: linear-gradient(to bottom,#100,#F00);
	background-repeat: repeat-x;
	border:6px solid #aaa;
	color:white;
}
