/*///////////////////////////////////////////////////////////////
 This layout allows the central content to feature above the  
side columns and the footer to sit across the bottom without the 
use if Java Scrit. .

The other advantage of this layout is that it can easily be adapted to 
include a secong side column or be liquid.
///////////////////////////////////////////////////////////////*/

body { 
margin: 0 0 0 0 ;
padding: 0;
background-image:   url("ims/background_sides.gif");
font-family: arial, helvetica, sans-serif; 
color: #333;
font-size: 0.8em; 
}

a:link {   
text-decoration: underline; 
font-weight: bold; 
color:  #000066;  
font-size: 0.9em; 
}

a:visited {   
text-decoration: underline;  
font-weight: bold; 
color:  #000066; 
font-size: 0.9em; 
}

a:hover { 
text-decoration: none;  
font-weight: bold; 
color:  #000066; 
font-size: 0.9em; 
}



h1{
font-family: verdana, arial, helvetica, sans-serif; 
margin: 0 0 0 0; 
font-size: 1.1em;
color: #405080;
}

h2 {
font-family: verdana, arial, helvetica, sans-serif; 
margin: 5px 0 4px 0px; 
font-size: 1.0em;
color: #405080;
}

h3 {
font-family: verdana, arial, helvetica, sans-serif; 
margin: 5px 0 4px 0px; 
font-size: 0.9em;
color: #405080;
}

p.blue {
color: #000066;
font-weight:bold;
}

p.orange {
color: #ff9900;
font-weight:bold;
}

p.green {
color: #669900;
font-weight:bold;
}

p.purple {
color: #660066;
font-weight:bold;
}


p.red {
color: #CC0000;
font-weight:bold;
}


/*///////////////////////////////////////////////////////////////*/
/* Layout CSS ///////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////*/

/*  The point of this wrapper div & addition of background image to container div is to allow us to introduce the side_bar_menu.gif which fills the bottom of the left side bar column*/
#wrapper {
	background: #fff url(ims/side_bar_menu.gif) repeat-y left; 
	width: 960px;
	margin-left: auto;
    margin-right: auto;
}

#header { 
background-color: #B5BEDF;
height: 150px;
width: 960px;
margin-left: auto;
margin-right: auto;
border:0px solid #D97379;
}

/*  The inclusion of the background style along with the wrapper div above fills the top of the left side bar column*/
#container {
	width: 100%;
	background: #fff url(ims/side_bar_menu.gif) repeat-y left;
	float: right;
	margin-left: -175px;
}
#content {
	background: #fff;
	margin-left: 175px;
	padding: 0 10px 2px 10px;

}
#sidebar_menu {
	width: 175px;
    float: left;
    background-color: #B4BDDF;
    color: #000;
}
#footer {
	background-color: #B4BDDF;
text-align: center;
border-top: 1px solid #fff;
border-bottom: 1px solid #405080; 
width: 954px;
margin-left: auto;
font-size: 0.9em;
padding: 4px;
color:#405080;
}

#footer a:link{
color:#405080;
font-weight:bold;
font-size: 0.9em; 
}

#footer a:visited{
color:#405080;
font-weight:bold;
font-size: 0.9em; 
}

#footer a:hover{
color:#405080;
text-decoration:none;
font-weight:bold;
font-size: 0.9em; 
}


.last {
	margin-bottom: 0;
}
.clearing {
	height: 0;
	clear: both;
}


/*///////////////////////////////////////////////////////////////*/
/*Main navigation////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////*/

ul.mainnav {
/*///////// I added the width in the line below to fix the IE/Firefox problem ////////////*/
list-style: none; width: 173px; 
margin: 0; 
padding: 0 0 0 0; 
background-color: #405080;
font: bold 0.8em Verdana, Arial, Helvetica, sans-serif;
}

ul.mainnav li a:link, ul.mainnav li a:visited {
display: block;
text-decoration: none;
/*///////// width subtracts padding from left div width ////////////*/
width: 171px;
padding: 6px 0 6px 2px;
color: #efefef;
}
ul.mainnav li {
border-bottom: 1px solid #fff;
}
ul.mainnav li a:hover {
background-color: #94272D;
color: #efefef;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* Bullet points//////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////*/

ul.bullet_points{
list-style-type: none;
line-height: 1.7;
padding: 0;
margin: 8px 5px 50px 10px;
}


li.bullet_points{
background-image: url(http://www.urbansecuritysystems.co.uk/ims/list_bullet.gif);
background-repeat: no-repeat;
background-position: 0 .2em;
padding: 0 0 10px 22px;
font-weight: normal;
}


/*///////////////////////////////////////////////////////////////*/
/* Tables ///////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////*/

table#home_sections{
width: 750px;
/*
margin: 10px 0 10px 0;
*/
}

td.home_sections_link{
padding: 2px; 
border: solid #ccc 1px;
text-align:left;

}

td.home_sections_link a:link {   
font-size: 0.8em;
font-weight:bold;
}

td.home_sections_link a:visited {   
font-size: 0.8em; 
font-weight:bold;
}

td.home_sections_link a:hover { 
font-size: 0.8em; 
font-weight:bold;
}


td.home_sections_image{
padding: 3px 3px 1px 3px ;   
border: solid #ccc 1px;
text-align:center;
width:75px;
}

/*///////////////////////////////////////////////////////////////*/
/* Images ///////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////*/

img.menu_spacer {
margin:0; width: 173px; height: 23px;
}

img.ssaib {
margin:0; width: 173px; height: 112px;
}