/* Start of CMSMS style sheet 'brook' */
@charset "utf-8";
/* CSS Document */

/*****************
browsers interpret margin and padding a little differently, 
we'll remove all default padding and margins and
set them later on
******************/
* {
margin:0;
padding:0;
}

/*
Set initial font styles
*/
body {
   font-family: tahoma,Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 13px !important;
   line-height: 1em;
}

/*
set font size for all divs,
this overrides some body rules
*/
div {
   font-size: 13px;
}

/*
if img is inside "a" it would have 
borders, we don't want that
*/
img {
   border: 0;
}

/*
default link styles
*/
/* set all links to have underline and bluish color */
a,
a:link 
a:active {
   text-decoration: underline;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
   background-color: inherit; 
   color: #18507C; 
}

a:visited {
   text-decoration: underline;
   background-color: inherit;
  color: #18507C;                /* a different color can be used for visited links */
}


/* remove underline on hover and change color */
a:hover {
   text-decoration: none;
   background-color: #C3D4DF;
   color: #385C72;
}

/*****************
basic layout 557f57
*****************/
body {
   background-color:#557f57;
   color: #333;
line-height:16px;
   margin:1em; /* gives some air for the pagewrapper */
}

/*** header ***
we will hide text and replace it with a image
we need to assign a height for it
*/

div#header {
   height: 119px; /* adjust according your image size */           
}

div#header h1 a {
/* you can set your own image here */
   background:url(uploads/images/top.jpg) no-repeat; 
   display: block; 
   height: 119px;             /* adjust according your image size */
   text-indent: -999em;  /* this hides the text */
   text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */
}

div#content {
   margin: 1.5em auto 2em 0; /* some air above and under menu and content */
}

#menutop{
	height:29px;
	background:url(uploads/images/menubg.jpg) no-repeat;
}

 /*edit this for 2 rows of menu*/
#topper{
width:740px;
float:right;
}

#underbar{
	height:23px;
	background:url(uploads/images/underbar.jpg) no-repeat;
}

#contactButton{
float:right;
display:block;
colour:#FFF;
}

#contactButton  a, a:link a:active;{
}

#contactButton a{
color:#FFF;
display:block;
text-decoration:none;
padding:3px 23px 3px 23px;
}

#contactButton a:hover{
colour:#FFF;
text-decoration:none;
}

#gallery{
	float:left;
	width:392px;
        height:auto;
        align:center;     
}

#contentMain{
	float:right;
	width:490px;
        padding-right:10px;	
}

#headsup{
       width:512px;
	   display:inline-table;      
}
#brochure{
	padding:12px 0px 10px 0px;
	width:162px;
	float:right;
}

#title{
	padding: 15px 0px 17px 0px;
	width:338px;
	float:left;
}
#bottommenu{
                 background-color:#999999;
                 height:30px;                 
}

#outer{
border: 1px solid #fff;
   width:auto;
}

#main{
padding:0px 20px 0px 20px;
}

#footer{
color:#fff;
padding:5px;
background-color:#657E68;
}

#footright{
color:#fff;
float:right;
text-align:right;
width:600px;
padding-top:6px;
}

#footleft{
	color:#fff;
	font-size:11px;
	float:left;
	width:345px;
}
#hampshire{
	width:120px;
	float:left;
}

#cqc{
	width:180px;
	float:right;
        padding-top:3px;
}

#footright a{
color:#FFF;
text-decoration:none;
}

#footright  a:hover{
colour:#FFF;
text-decoration:none;
}

#basefoot{
width:960px;
color:#fff;
fontsize:10px;
}

#basefootleft{
float:left;
text-align:left;
color:#fff;
font-size:9px;
}

#basefootright{
float:right;
text-align:right;
color:#fff;
font-size:9px;
}

#basefootright a{
float:right;
text-align:right;
color:#fff;
text-decoration:none;
font-size:9px;
}

#basefootright a:hover{
float:right;
text-align:right;
color:#fff;
text-decoration:none;
font-size:9px;
}

#footright a{
color:#fff;
text-decoration:none;
font-size:13px;
}

#footright a:hover{
color:#fff;
text-decoration:none;
font-size:13px;
}

/* End of 'brook' */