body {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;  background:#999999;}
img {border:0;}
#header, #content, #footer, .menu {width:800px; margin:0 auto; overflow:hidden;}
#header {height:100px;  background: #036a9e url(http://cambshosting.co.uk/images/header.jpg) no-repeat; position:relative;}
#logo{position:absolute; top:20px; left:20px; width:345px; height:42px;}
#strap{position:absolute; bottom:28px; left:28px; text-align:left; width:345px; font-weight:bold; letter-spacing:1px;}
#strap h1{font-size:14px;  color:#FFFFFF; margin:0;}
#header img{border:0;}
#header .login {position:absolute; top:5px; right:10px;}


h2.hbox{margin:0 auto; border: 0px #006699 solid; text-align:center; margin-top:10px;}

#content {width:796px; border:2px #025f8f solid; position:relative; background:#FFFFFF;}
#content p {padding: 5px 20px 5px 20px;}
/*#content p {font-size:0.8em; }*/

#left_col{float:left; width:150px; background:#006699; position:relative;}
#left_col h1{width:150px; font-size:1em; text-align:center; padding-top:25px;}
#left_col a {width:137px;  margin:10px 0px 10px 0px; display:block;color:#CCCCCC; padding:5px; text-decoration:none; text-align:center;font-size:0.85em; background:#024f7c;}
#left_col a:hover{background:#02a1e5; color:#FFFFFF; }


#right_col{margin-left:160px; margin-right:10px;}

.boxes{position:relative; overflow:hidden; margin-bottom:10px; }
.boxes ul { list-style: none;  margin:0; padding:0}
.boxes li {float: left; width:150px; height:150px; border:0px #006699 solid; text-align:center; position:relative; }
.boxes li.marginR{ margin-right:8px;}
.boxes li h2 {margin:4px 0px 2px 0px; color:#FFFFFF;font-size:1.2em }
.boxes li p {text-align:left;padding:2px 5px 0px 5px; margin:0; font-size:0.7em} 
.boxes li .info {background: url(../images/info.png) no-repeat; font-size:0.8em}
.boxes li  a.info {display:block; width:100px; height:18px; padding:2px; position:absolute; bottom:10px; left:43px; color:#000000;}
.boxes li  a:hover.info {color:#01558a;}

.boxes li.box1 {background:#FFFFFF url(../images/box1.gif) no-repeat; }
.boxes li.box2 {background:#FFFFFF url(../images/box2.gif) no-repeat;}
.boxes li.box3 {background:#FFFFFF url(../images/box3.gif) no-repeat;}
.boxes li.box4 {background:#FFFFFF url(../images/box4.gif) no-repeat;}
.boxes li.box5 {background:#FFFFFF url(../images/box5.gif) no-repeat;}
.boxes li.box7 {background:#FFFFFF url(../images/box7.gif) no-repeat;}

.boxes li.blank {background:#FFFFFF url(../images/blank_box.gif) no-repeat; padding-top:10px; }
.boxes li.blank p { text-align:center; padding:10px 5px 10px 5px; font-size:0.9em}

.boxes li.box8 {background:#FFFFFF url(../images/box8.gif) no-repeat;}

#footer{background:#025f8f; height:25px; text-align:center;}
#footer p {margin:2px; font-size:0.7em; color:#FFFFFF; line-height:20px;}
#footer a {color:#FFFFFF; text-decoration:none;}
#footer a:hover {color:#CCCCCC; text-decoration:underline;}
.logos{text-align:center;}
.logos img {margin-right:20px; border:0;}
.clear{clear:both;}
.text {font-size:0.8em}
.small {font-size:0.7em}
/* LAVA MENU STYLES */

        .lavaLampWithImage {
		
            position: relative;
            height: 27px;
            width: 790px;
			/*background: #01558a;*/
            background: #01558a url("../images/lavabg.gif") repeat-x;
            padding: 5px;
            margin: 0px 0;
            overflow: hidden;
			
        }
                .lavaLampWithImage li {
                    float: left;
                    list-style: none;
				
                }
                    .lavaLampWithImage li.back {
                        background: url("../images/lava.png") no-repeat right -30px;
                        width: 9px; height: 30px;
                        z-index: 8;
                        position: absolute;
                    }
                        .lavaLampWithImage li.back .left {
                            background: url("../images/lava.png") no-repeat top left;
                            height: 30px;
                            margin-right: 9px; /* 7px is the width of the rounded shape */
                        }
                    .lavaLampWithImage li a {
                        font: bold 14px arial;
                        text-decoration: none;
                        color:#CCCCCC;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        /*text-transform: uppercase;*/
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 27px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;  
						margin-right:15px;
						  
                    }
                        .lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {
                            border: none;
							color:#FFFFFF;
                        }