img.bg
{
     /* Set rules to fill background */
            min-height: 100%;
            min-width: 1024px;
            /* Set up proportionate scaling */
            width: 100%;
            height:auto;
            /* Set up positioning */
            position: fixed;
            top: 0;
            left:0;
            z-index:-5;            
 
  }
        @media screen and (max-width: 1024px)
        {
            img.bg 
            {
                left: 50%;
                margin-left: -512px; }
        }
        
         div#topbar 
        {
            position: relative;
            width: 100%;
            height:120px;
            margin: 0 auto;
            /*background: #fff;*/
            background: rgba(255,255,255,1);
            
            
			font-family: helvetica, arial, sans-serif;
			font-size: small;
			/*-moz-box-shadow: #000 4px 4px 10px;
			-webkit-box-shadow: #000 4px 4px 10px;*/
			
						
		}
		div#ImageTitle
		{
		    /*clear:both;*/
		    position:fixed;
		    /*background:#cccccc;*/
		    bottom:80px;
		    left:10px;
		    /* color:#fff; */
		    /* background:#255887; */
		    width:250px;
		    height:83px;
		    background:white url('http://www.swale.gov.uk/assets/Homepage-Pictures/Gateway.png') no-repeat;
		    background-position:left center;
		    color:black;
		    font-size:small;
		    font-weight:bold;
		 	padding-top:10px;
		    /* padding-right:50px; */
		    padding-bottom:-10px;
		    padding-left:83px;
		    vertical-align:middle;
		    /* margin-left:-12px; */
		    border-radius:20px;
		    /* text-align:right; */
		   
		}
		
		div#Logos
		{
		    position:relative;
		    margin: 0 auto;
		    width:610px;
		    top:10px;
		    
		    padding-right:10px;
		    padding-top:5px;
		    padding-bottom:5px;
		    padding-left:0px;
		    border-radius:20px;
		    
		    background: rgba(255,255,255,1);
		    /*border:1px solid black;*/
		    font-size:smaller;
		    font-weight: bold;
		    display:block;

		}
	
		div#topbar a:link a:visited
		{
		    color:#000;
		    text-decoration:none;
		}
	
		div#topgreybar
		{
		    background:#a5a4a6;
		    width:100%;
		    height:5px;
		}
		div#topnav
		{
		    background:#fff;
		    padding-left:5px;
		}
		div#othersites
		{
		    background: rgba(255,255,255,1);
		    width:100%;
		    text-align:right;
		    /*float:right;*/
		   
		}
		div#date
		{
		    /*clear:both;*/
		    position:relative;
		    /*background:#cccccc;*/
		    color:#fff;
		    background:#255887;
		    float:left;
		    font-size:medium;
		    font-weight:bold;
		    padding-top:5px;
		    padding-right:50px;
		    padding-bottom:5px;
		    padding-left:25px;
		    margin-top:20px;
		    margin-left:-12px;
		    -moz-border-radius:20px;
		    text-align:right;
		}
		div#sbc
		{
		    
		    clear:right;
		    
		    font-size:xx-large;
		    width:60%;
		    text-align:right;
		    float:right;
		    padding:25px 15px 15px 0px;
		}
        
        div#search 
        {            
           
            width: 600px;
            /*top:200px;*/
            
            /*left: 25%;*/
            margin: 0 auto;
            background: #fb5a24;
            background: rgba(251,90,36,1);
            padding:10px;
            z-index:99;
            -moz-box-shadow: #000 4px 4px 10px;
			-webkit-box-shadow: #000 4px 4px 10px;
			-moz-border-radius:20px;
            -webkit-border-radius:20px;
	border-radius: 20px;

          			
		}
		div#search:after
		{
		    content:".";
		    display: block;
		    height:0;
		    clear:both;
		    visibility:hidden;
		}
		
		
		div#searchLeft
		{	
		    position:relative;   
		    float:left;
		    width:70px;
		   
		    z-index:5;
		}
		
		div#searchRight
		{	   
		   
		   float:left;
		   
		   width:520px;
		   z-index:5;
		   
		}
		div#searchRightTop
		{
		    padding-bottom:3px;
		    color:#fff;
		}
		
		div#searchRightTop a
		{
		    color:#fff;
		    
		}
		div#searchRightBottom
		{
		    
		}
		
		ul#menu
		{
		 margin:0;
		 padding:0;
		 list-style-type:none;
		 width:auto;
		 
		 display:block;
		 
		 font-weight:bold;
		 font-size:small;
		 
		}
		
		ul#menu li 
		{
		    display:block;
		    
		    float:left;
		    margin:0;
		    padding:0;
		    width:20%;
		}
		
		ul#menu li a
		{
		    font-family:Arial;
		    color:#000;
		    text-align:center;
		    
		    display:block;
		    min-height:35px;
		    float:left;
		    text-decoration:none;
		    font-weight:bold;
		    padding:0px 2px 0px 2px;
		    width:100%; 
		    background:url('/themes/sbcdefault/images/gradient.jpg');
		    border-bottom: solid medium #a5a4a6;
		    
		}
		.wandb
		{
		    border-top:solid thick #845a8f;
		}
		.ganda
		{
		    border-top:solid thick #84bebf;
		}
		.pandi
		{
		    border-top:solid thick #99bb10;
		}
		.landv
		{
		    border-top:solid thick #255887;
		}
		.iya
		{
		    border-top:solid thick #861210;
		}
		
		
		
		div#bottom
		{
		    position:fixed;
		    bottom:0px;
		    text-align:center;
		    margin:0 auto;
		    z-index:10;
		    width:100%;
		}
		
		div#bottombar
		{
		    
		    position:relative;
		    padding-top:3px;    
		    width: 100%;
		    background:#ffffff;
		    background: rgba(255,255,255,1);
		    margin:0 auto;
		    text-align:left;
		    height:60px;
		 	    
		}
		
		
		div#bottomgrey
		{
		    background:#a5a4a6;
		    width:100%;
		    height:5px;
		}
		
		div#bottomtext
		{
		    padding-left:5px;
		    font-size:small;
		}
		
		body {
			/* These rules have no effect on the functionality */
			/* They are for styling only */
			margin: 0;
			font-family:Arial;
			
		}
		body a
		{
		    color:#000;
		    text-decoration:none;
		}
		
		body a:hover
		{
		    text-decoration:underline;
		}
		
		#translator
		{
		    /*clear:both;*/
		    position:fixed;
		    /*background:#cccccc;*/
		    bottom:2px;
		    right:10px;
		    margin-right:-5px;
		    z-index:44;
		}