
.navbar-right{
	display: none !important;
}
.cap-wrapper, .ssc-header-connect{

/*width: 800px; */
margin: 0 auto;
margin-top: 88px;
}



body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 90%;
	background-color: #FFFFFF;
}


/*User Styles */

/* Heading Styles */
.SectionHeading {
	font-size: 160%;
	font-weight: bold;
	padding: 3px;
	color: #FFFFCC;
	width: 97%;
	background-color: #006600;
}

.Heading1, h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color: #006600;
 margin: 0px;
 padding: 0px;
}

.Heading2, h2{
 font-family: Arial,sans-serif;
 font-size: 114%;
 color: #006600;
 margin: 0px;
 padding: 0px;
}

.Heading3, h3{
 font-family: Arial,sans-serif;
 font-size: 100%;
 color: #006600;
 margin: 0px;
 padding: 0px;
}

.Heading4, h4{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: normal;
 color: #006600;
 margin: 0px;
 padding: 0px;
}

.Heading5, h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #006600;
 margin: 0px;
 padding: 0px;
}
.Heading6, h6{
 text-align: center;

 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color: #006600;
 margin: 0px;
 padding: 0px;

}

.Normal          	{color:#333333;}
.Caption1        	{font-size:95%;}
.Caption2        	{font-size:80%;}

.quote {
	color: #666666;
	font-style: italic;
}
.significant {
	color: #000000;
	font-weight: bold;
}
.smalltext {
	font-size: 90%;
}


/*Misc Styles*/

hr {width:100%; color:#cecece;}

/* Link Style */
A:link {
	/*color: #0000CC;*/
}
A:visited {
	/*color: #990066;*/
}
A:hover, A:active {
	color: #FF0000;
}

.serviceContainer {
	border: 1px solid #335E24;
	padding: 3px;
	width: 800px;
}

.serviceContainer1 {
	background-color: #DFEFCF;
	border: 1px solid #335E24;
	padding: 3px;
	width: 790px;
}
.serviceHeader {
	color: #336600;
	padding: 2px;
	width: 100%;
	background-color: #FFFFCC;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 20px;
	border: 1px solid #336633;
}

.serviceTitle {
	color: #FFFFCC;
	padding: 2px;
	width: 100%;
	background-color: #006600;
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 160%;
}
.headlineNewsHome {
	background-color: White;
	border: 3px solid Red;
	width: 99%;
	font-size: 115%;

}

.headlineNews {
	background-color: #FFCC99;
	border: 1px solid #996600;
	width: 100%;
}


.headlineNews TD.headlineImage {
	vertical-align: bottom;
}
.headlineText {
	font-family: Tahoma;
	font-size: 80%;
	vertical-align: top;
}
.headlineNews .headlineNewsInner {
	margin: 0px;
	padding: 5px;
	width: 100%;
}
.headlineNews .headlineNewsInner .headlineText {
	padding: 5px;
}

TABLE.ImmTS_SouthStaffs {
	padding:0px;
	width:90%;
	background-color: #FFFFCC;
	border-collapse: collapse;
	color: #006600;
} 

TABLE.ImmTS_SouthStaffsPlain {
	padding:0px;
	width:90%;
	background-color: #FFFFCC;
	border-collapse: collapse;
	color: Black;
} 


/***********************************************/
/* HTML tag styles                             */
/***********************************************/
body{
	font-family: Verdana, Arial,sans-serif;
	color: Black;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
}

P {
	margin: 0.001pt;
}

UL{
list-style-type: square;
/*margin:5px;
margin-left:30px;*/
list-style-position:outside;
}

UL UL{
 list-style-type: disc;
list-style-position:inside;
}

UL UL UL{
 list-style-type: none;
list-style-position:inside;
}

LABEL{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #334d55;
}

OL {margin: 0.001pt;}
BLOCKQUOTE {margin: 0.001pt;}
list-style-position:inside;




/******* hyperlink and anchor tag styles *******/

a:link, a:visited{
	color: Blue;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}





/* Table Styles */

/* Default table style */

TABLE.ImmTS_Default { padding:0px; width:100%; background-color: #FFFFFF; border-collapse: collapse;} 
/* Cell padding and spacing styles */ 
TABLE.ImmTS_Default TH, TABLE.ImmTS_Default TD { padding: 2px; margin: 2px; } 
/* Table border style */  
TABLE.ImmTS_Default, TABLE.ImmTS_Default TH, TABLE.ImmTS_Default TD { border: 1px solid black; }
 /* Apply style to header cells */                                      
TABLE.ImmTS_Default TH { background-color: white; color: black; }  
/* Apply style to data cells */
TABLE.ImmTS_Default TD { vertical-align: top; }

/* South Staffs table style */

TABLE.ImmTS_SouthStaffs {
	padding:0px;
	width:90%;
	background-color: #FFFFCC;
	border-collapse: collapse;
	color: #006600;
} 
/* Cell padding and spacing styles */ 
TABLE.ImmTS_SouthStaffs TH, TABLE.ImmTS_SouthStaffs TD { padding: 4px; margin: 2px; } 
/* Table border style */  
TABLE.ImmTS_SouthStaffs, TABLE.ImmTS_SouthStaffs TH, TABLE.ImmTS_SouthStaffs TD { border: 1px solid #999999; }
 /* Apply style to header cells */                                      
TABLE.ImmTS_SouthStaffs TH { background-color: #006600; color: #FFFFCC; }  
/* Apply style to data cells */
TABLE.ImmTS_SouthStaffs TD { vertical-align: top; }



/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#pagecell1{
	position:absolute;
	top: 200px;
	left: 0px;
	right: 0px;
	width:1024px;  
	background-color: #ffffff;
	 z-index:1; 
}

#masthead{
	position: absolute;
	top: 0px;
	right: 0px;
	top: 0px;
	left: 0px;
	Height: 151px;
	background-repeat:no-repeat;
	background-image: url(http://www.sstaffs.gov.uk/images/newsite/header.gif);
	background-position:left; 
	
}

#headerr{
	
	Position:absolute;
	Left:936px;
	top:151px;
	bottom:40px;
	font-size: 130%;
}

#pageNav{	
	position:absolute; 
	Top:165px; 
	float: left;
	Left:0px;
	 width:178px; 
	 padding: 0px; 
	background-color: #F5f7f7;
	border-right: 1px solid #cccccc;
	font: small Verdana,sans-serif;
	z-index:1154; 
}

#pageNavcontent{	
	position:absolute;
	Top:165px;
	
	Left:0px;
	width: 230px;
	min-height:500px;
	margin: 0px 0px 0px;
	padding: 0px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #cccccc;
	font-size: 120%;
	vertical-align: top;
	z-index:1154; 
	
	
}

#content{
	padding: 0px 10px 0px 10px;
	margin:0px 0px 0px 200px;
	
	min-height:759px;
	width:820px;
	
	
	
}
#contentmain{
	padding: 0px 10px 0px 10px;
	margin:0px 0px 0px 230px;
	border-left: 1px solid #ccd2d2;
	min-height:1000px;
	width:780px;
	
}

#directgov{
	
	Position:absolute;
	Left:0px;
	top:751px;
	bottom:40px;
	font-size: 130%;
}

/************** utility styles *****************/

#utility{
	font: 75% Verdana,sans-serif;
	position: absolute;
	top: 16px;
	left: 770px;
	color: #919999;
}

#utility a{
	color: #ffffff;
}

#utility a:hover{
	text-decoration: underline;
}


/************** siteInfo styles ****************/

#siteInfo{
	clear: both;
	font-size: small;
	color: #cccccc;
	padding: 10px 10px 10px 10px;
	margin-top: 0px;

	background-repeat:no-repeat;
	background-image: url(http://www.sstaffs.gov.uk/images/newsite/footer.gif);
	background-position:left; 
	height:100px;
	
}

#siteInfo img{
	padding: 4px 4px 4px 0px;
/*	vertical-align: middle; */
}


#aboutus{
	
	Position:absolute;
	Left:750px;
	bottom:40px;
	font-size: 130%;
}



#findus{
	
	Position:absolute;
	Left:145px;
	bottom:65px;
	font-size: 100%;
	text-align: center;
}
#social{
	
	Position:absolute;
	Left:155px;
	bottom:70px;
	font-size: 100%;
	text-align: center;
}



#findus1{
	
	Position:absolute;
	Left:220px;
	bottom:80px;
	font-size: 100%;
	text-align: center;
}



#search {
	padding-right: 3px;
	position: absolute;
	top: 82px;
	left: 500px;
	z-index: 56;
	font-family: Verdana;
	font-size: 70%;
	text-align: right;
	width: 151px;
	height: 50px;
z-index:1000;
	
	
}

#search1 {
	padding-right: 3px;
	position: absolute;
	top: 90px;
	color: White;
	left: 350px;
	z-index: 56;
	font-family: Verdana;
	font-size: 20px;
	text-align: right;
	width: 151px;
	height: 40px;
	color: black;
	z-index:1000;
}

#searchtxt {
	padding-right: 3px;
	position: absolute;
	top: 88px;
	color: black;
	left: 522px;
	font-family: Verdana;
	font-size: 14px;
	text-align: left;
	width: 151px;
	height: 40px;
	color: black;
	font-style: italic;
	font-weight:bold;
	z-index:100;
}



#rightcontent {
	position: absolute;
	left: 680px;
	top: 110px;
	
}
#rightcontent2 {
	position: absolute;
	left: 860px;
	top: 100px;
	
}

#setbanner {
	
	position: absolute;
	top: 140px;
	left: 600px;
	
	
}

#globalnav{
	
	font-family : Verdana;
	font-size : 75%;
	font-weight : normal;
	color : Blue;
	position: absolute;
	top: 2px;
	text-align: left;
	left: 570px;
	margin-right: 3px;
	padding: 2px;
	background-color:White;
	z-index:1000;
}


#globalnav IMG{
/* display: block;*/  /* Edited by RiverInteractive */
}

#globalnav A {
	/*padding: 0 4px 1px 0;*/   /* Edited by RiverInteractive */
}

#headlines{
	position: absolute;
	width:100px;
	padding-right: 10px;
	vertical-align: top;
	top:155px;
	left: 890px;
	text-align: left;
	z-index:1;
}

#backhome {
	position: absolute;
	left: 35px;
	top: 83px;
	color:#FFFFFF;
	font-family: Verdana;
	font-size: 80%;
	z-index: 100;

}

/*Rate This Page*/
	#ratethispage	{margin:1em 4em 0 0; }
	#ratethispage .text	{display:block; color:#626469; font-size:120%; font-weight:bold;}
	#ratethispage .items	{display:block;}	



#google_translate_element {

Position:relative; 
Left:230px;
Bottom:-15px;
width:300px;
Height:5px;

}

#google_translate_element1 {

Position:absolute;
Left:400px;
Bottom:-20px;
width:300px;
Height:5px;
text-align: center;

}

#twitter {

Position:relative; 
Left:650px;
Bottom:-25px;
width:300px;
Height:5px;

}

#PrintF{

Position:relative; 
Left:330px;
Bottom:-25px;
width:300px;
Height:5px;

}


#copyright {

Position:relative; 
Left:130px;
Bottom:18px;
color:#FFFFFF;
font-family: Verdana;
font-size: 80%;

}

#copyrighthome {

Position:relative; 
Left:330px;
Bottom:18px;
color:#FFFFFF;
font-family: Verdana;
font-size: 80%;

}

#Horlinks {
	font-family : Verdana;
	font-weight : bold;
	position: absolute;
	text-align: center;
	top: 138px;
	left: 240px;
	z-index: 55;
	margin-right: 3px;
	padding: 2px;
font-size:15px;
	
}

#Horlinks1 {
	font-family : Verdana;
	font-weight : bold;
	position: absolute;
	text-align: center;
	top: 170px;
	left: 270px;
	z-index: 55;
	margin-right: 3px;
	padding: 2px;
	font-size:12px;

}


#sidemenu {
	
	
	text-align: left;
	left: 0px;
	z-index: 55;
	margin-right: 0px;
	padding: 0px;
	
}



	/* Global Sidemenu Styles  - see color style sheets for further styles */
	/* These are styles used globally by the expanding 
. Further styles for this plugin are defined the in the "color" style sheets. */
		
		/* style for the containing div for the menu */	
		/* note, the font size of 83% gives a very similar font-size in IE and Mozilla. feel free to change it, but appreciate the impact cross-browser */
		div#sidemenu {
			width:230px;
			font-family:Verdana;
			font-size:65%;
		}

		/* style of the "header" for the menu if there is one */
		div#sidemenu .head	{
			font-size:110%; padding:8px 5px 8px 8px;
					}
		/* default ul tag style for this menu - you probably won't need to change this */
		div#sidemenu ul 
		{
			list-style:none;
			margin:0px;
			padding:0px;
		}
		
		/* default li tag style for this menu - you probably won't need to change this */
		div#sidemenu ul li		
		{
			float:left; width:100%; margin:0px;
		}
		
		/* style for the actual menu links. padding-top and padding bottom styles are useful for netscape which doesn't seem to handle "filling" the LI tag to 100% height */
		/* change the padding styles, but exercise some caution with different browsers*/					
		div#sidemenu a {
			display:block;
			text-decoration:none;
			padding-top:0.23em;
			padding-bottom:0.33em;
		}
		
		/* style for the menu bullets */
		div#sidemenu a SPAN	 {float:left; width:10px; background-repeat:no-repeat;}


/* Class for invisible items for accessibility (DO NOT REMOVE) */
.invisible { visibility: hidden; margin-top:-10px;}


/*Side Menu Color Selection Styles */

	/* All Level Styles*/
	#sidemenu						{left:0px;}
	#sidemenu .head					{color:#005C00; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}	
	#sidemenu a						{}
	#sidemenu a:hover				{}

	/* Level 0 Styles */
	#sidemenu a.L0					{color:#005C00; background-color:#ffffff; border-top:1px solid #D3DDDC; background-image:url(http://www.sstaffs.gov.uk/images/LsqBltGrey.gif); background-repeat:no-repeat;}					/* defines level 0 link */
	#sidemenu a.L0 SPAN.hc			{}  /* defines level 0 bullet for children */
	#sidemenu a.L0 SPAN.nc			{}  /* defines level 0 bullet for no children */

	#sidemenu a.L0sel				{color:#005C00; background-color:#daf3d9; border-top:1px solid #D3DDDC; border-bottom:1px solid #D3DDDC;background-image:url(http://www.sstaffs.gov.uk/images/LsqBltGreyon.gif); background-repeat:no-repeat;}					/* defines level 0 if selected page */
	#sidemenu a.L0sel SPAN.hc		{} /* defines level 0 bullet for children if selected page */
	#sidemenu a.L0sel SPAN.nc		{} /* defines level 0 bullet for no children if selected page*/
	#sidemenu a.L0sel:hover			{background-color:#daf3d9;}					/* in this case effectively suppresses the hover effect for selected pages */
	
	#sidemenu a.L0:hover			{color:#000000; background:#daf3d9; background-image:url(http://www.sstaffs.gov.uk/images/LsqBltGreyon.gif); background-repeat:no-repeat;}					/* defines the level 0 hover effect */
	#sidemenu a.L0:hover SPAN.hc	{}  /* defines the level 0 hover bullet for children */
	#sidemenu a.L0:hover SPAN.nc	{}  /* defines the level 0 hover bullet for no children */
	
	/* Level 1 Styles */	
	#sidemenu a.L1					{background-color:#F3F9F2; color:#005C00;}
	#sidemenu a.L1 SPAN.hc			{background-image:url(http://www.sstaffs.gov.uk/images/rtArwGrey.gif);}
	#sidemenu a.L1 SPAN.nc			{background-image:url(http://www.sstaffs.gov.uk/images/sqBltGrey.gif);}

	#sidemenu a.L1sel				{background-color:#daf3d9;color:#005C00;}
	#sidemenu a.L1sel SPAN.hc		{background-image:url(http://www.sstaffs.gov.uk/images/rtArwGrey.gif);}
	#sidemenu a.L1sel SPAN.nc		{background-image:url(http://www.sstaffs.gov.uk/images/sqBltGrey.gif);}
	#sidemenu a.L1sel:hover			{background-color:#daf3d9;}
	
	#sidemenu a.L1:hover			{background-color:#daf3d9;color:#005C00;}	
	#sidemenu a.L1:hover SPAN.hc	{background-image:url(http://www.sstaffs.gov.uk/images/rtArwGrey.gif);}
	#sidemenu a.L1:hover SPAN.nc	{background-image:url(http://www.sstaffs.gov.uk/images/sqBltGrey.gif);}

	/* Level 2 Styles */
	#sidemenu a.L2					{background-color:#95CE5E; color:#005C00;}
	#sidemenu a.L2 SPAN.hc			{background-image:url(http://www.sstaffs.gov.uk/images/rtArwGrey.gif);}
	#sidemenu a.L2 SPAN.nc			{background-image:url(http://www.sstaffs.gov.uk/images/sqBltGrey.gif);}

	#sidemenu a.L2sel				{background-color:#daf3d9;color:#005C00;}
	#sidemenu a.L2sel SPAN.hc		{background-image:url(http://www.sstaffs.gov.uk/images/rtArwGrey.gif);}
	#sidemenu a.L2sel SPAN.nc		{background-image:url(http://www.sstaffs.gov.uk/images/sqBltGrey.gif);}
	#sidemenu a.L2sel:hover			{background-color:#daf3d9;}

	#sidemenu a.L2:hover			{background-color:#daf3d9;color:#005C00;}	
	#sidemenu a.L2:hover SPAN.hc	{background-image:url(http://www.sstaffs.gov.uk/images/rtArwGrey.gif);}
	#sidemenu a.L2:hover SPAN.nc	{background-image:url(http://www.sstaffs.gov.uk/images/sqBltGrey.gif);}







#navbarLC{

	
	height:100%;
	width: 100px;
	margin: 0px 0px 0px;
	padding: 0px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #cccccc;
	font-size: 100%;
	vertical-align: top;
}
	
#welcometo {
	position: absolute;
	left: 20px;
	top: 97px;
	color:#FFFFFF;
	font-family: Verdana;
	font-size: 80%;
	z-index: 100;

}

#SelfService{
	position: absolute;
	left: 460px;
	top: 95px;
	font-family: Verdana;
	font-size: 22px;
	z-index: 1200;
 text-align: center;

}
.cap-wrapper #councilservices_toptasks {
	height: 150px;
}

/*sstaff custom style*/

/**
/*	Header
/* ==========================================*/

/* General */
.navbar-fixed-top{
	-webkit-transition: all 0.8s ease 0s;
	   -moz-transition: all 0.8s ease 0s;
		-ms-transition: all 0.8s ease 0s;
		 -o-transition: all 0.8s ease 0s;
			transition: all 0.8s ease 0s;

	background-color: #39424e;
	box-shadow:  0px 1px 1px #252525;
	padding: 5px 0;
	min-height: 65px;
	-webkit-backface-visibility: hidden;
}

.navbar-fixed-top.animated-header{
	min-height: 90px;
	padding: 1rem 0;
}

/* Branding */
.navbar-brand,
.navbar-brand-tiny{
	margin: 0;
	padding: 0;
	max-height: 50px;
}

.brand-small,
.navbar-brand > img.brand-print{
	display: none;
	visibility: hidden;
}

.navbar-brand a{
	padding-right: 0;
}

.navbar-brand a:hover{
	border-bottom: 0;
}

/* Navigation */
.navbar-nav{
	margin: 0.25rem	0;
}

.navbar-nav li{
	/*margin-left: 0.25em;
	display: inline-block;
	vertical-align: middle;*/
}

.navbar-nav .nav-mobile{
	display: none;
}

.navbar-nav a{
	font-size: 0.9375rem;
	color: #fff;
}
.navbar-nav a:after{
	padding-top: 0px;
}

.navbar-nav > li > a{
	padding-left: 0.625rem;
	padding-right: 0.625rem;
}

.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus{
	/*Overwrite Bootstrap styles */
	background-color: rgba(0,0,0,0);
	border-bottom:0;
}

.navbar-nav > li > a:focus,
.navbar-brand > a:focus,
.breadcrumb > li > a:focus,
.parent-page-list .parent a:focus,
a.top:focus {
	outline: 1px dotted #fff;
}

.navbar-nav a:not(.nav-icon){
	text-transform: uppercase;
	text-shadow: none;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}

.navbar-nav .nav-icon{
	text-align: center;
	padding: 0.4rem 0.6rem;
}

.navbar-nav .nav-icon:hover{
	background-color: rgba(87, 96, 108, 0.8);
}

.nav-icon .fa{
	display: block;
	margin-bottom: 0.2rem;
}

.nav-icon > small{
	font-size: 0.8rem;
}

#translate{
	display: none;
}

#translate .goog-te-gadget{
	font-family: 'Open Sans', sans-serif;
	text-align: center;
	margin: 0.625rem 0;
}

#translate .goog-te-gadget-simple{
	font-size: 1.25rem;
	padding: 0;
}

.goog-te-gadget-simple span{
	display: inline-block;
}

#translate .goog-te-menu-value{
	padding-right: 0.5rem;
	margin-right: 0;
}

#translate .goog-te-menu2,
#translate .goog-te-menu2 *{
	font-family: 'Open Sans', sans-serif;
	background-color: #F2F2F2;
}

@media only screen and (min-width: 768px) {
	.high-contrast .navbar-nav a:not(.nav-icon)::before,
	.high-contrast .navbar-nav a:not(.nav-icon)::after {
		background: #000;	
	}
	.high-contrast .navbar-nav a:not(.nav-icon):hover, 
	.high-contrast .navbar-nav a:not(.nav-icon):focus {
		color: #000;
	}
}
@media only screen and (max-width: 767px) {
	.high-contrast .navbar-nav a:not(.nav-icon):hover {
		background-color: #000;
		color: #ff0;
	}
	.high-contrast .navbar-toggle .icon-bar {
    	background-color: #000;
	}
	.high-contrast .navbar-toggle {
		border: 1px solid #000;
	}
}
@media (max-width: 600px) {
	.high-contrast tr {
		border-top: 1px solid #ff0;
	}
	.high-contrast tr:first-child,
	.high-contrast thead {
		background-color: #ff0;
		border-color: #ff0;
		color: #000;
	}
}

.table a, .table a:hover{
	color:#000 !important
}