
#topbanner {
	position:absolute;
	height:65px; 
	width:609px;
	top:0; 
	left:0;
	margin:0 0 0 0;
	padding:0 0 0 0;
	

}
#logo {
	position:absolute;
	left:8px;
	top:12px;
	width:130px;
	height:41px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;

}
#topstrap{
	position:absolute;
	left:143px;
	top:12px;
	width:387px;
	height:46px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

/*
#greentop {
	position:absolute;
	top:65px;
	left:0px;
	height:61px; 
	width:161px; 
	z-index:103;
	

}




#navbar  { 
background-image: url("http://<?=$ushost?>/images/greenbannerleft.gif"); 
background-repeat: repeat; 
background-position:top left;
 background-attachment:scroll; 
 }

*/

#navdiv{
position:absolute; top:72px; left:0; width:120px; z-index:100;




}


#navbarul{
margin: 0px; position:relative; z-index:101;

}
 #navbarul ul {
	
	width:116px;
	list-style: none;
	
/*	background-color: #cfdfcf;  */
    background-color:#fdfdfd;
	padding: 0;
	border: solid #a43733;
	border-width: 1px 0;
	margin: 2px 2px 2px 2px;
}


#navbarul li{
	padding: 0;
	
	border-bottom: solid #A43733;
	border-width: 1px 0;
/* for IE only */
	 behavior: url("http://www.me-and-us.co.uk/hoverclass.htc");
/* --  */
 }

#navbarul ul li {
	
	position:relative;
	
	

}
#navbarul  a {
    display: block;
	font-family: arial, sans-serif;
	font-weight: normal;

	color: black;
	
	background: #fdfdfd;

	text-decoration: none;
	padding: 2px 5px;
}


#navbarul li ul.level1 {
	position: absolute;
	left: 116px;
	top:-2px;
	width:10em;
	font-weight: normal;
	border-width: 2px;
	margin: 0;
	background:#fdfdfd;
	display:none;
}

#navbarul li ul.level2{
	position: absolute;
	left: 10em;
	top:-2px;
	width:10em;
	font-weight: normal;
	border-width: 2px;
	margin: 0;
	background:#fdfdfd;
	display:none;
}


#navbarul li ul a {
	background:#fdfdfd;
	width: 11em;
	
}

#navbarul li li {
	padding-right: 0;
	width: 10em
}


#navbarul li:hover ul.level1,#navbarul li.hover ul.level1 { 
        display: block; 

	background: #a1c1a1;

}

#navbarul li.level1:hover ul.level2,#navbarul ul.level1 li.hover ul.level2 { 
        display: block; 

	background: #a1c1a1;

}


#navbarul a:hover {
		background: #b1d1b1;


}



/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */


  .hrbggreen   { background-image: url("http://<?=$ushost?>/images/286A51.gif") }
  #footer {
  	text-align:center;
	font-family: verdana, arial, sans-serif;
	font-style:normal;
	font-weight:normal;
	font-size:8pt; 
	line-height:10pt;
	color:#445544;  }

  .divhdr {text-align:center;
	font-family: verdana, arial, sans-serif; font-style:normal; font-weight:normal; font-size:8pt; 
	line-height:10pt; color:#445544;  }
	

  .divhdra {text-align:center;
	font-family: verdana, arial, sans-serif; font-style:normal; font-weight:normal; font-size:8pt; 
	line-height:10pt; color:#44aa44; text-decoration:none; }
 
	
/*  this is to hide email address from spambots  */      
address:after{
/* \40 is a character entity for the '@' symbol */
/*  might use it when we can get IE to recognise it */
 
content: "admin\40me-and-us.co.uk";
}

/* tdr and tdrm are used by the feedback form  */
.tdr {
font-family: arial, sans-serif; 
font-size:10pt; 
line-height:14pt; 
font-weight:normal; 
      font-style:normal;  
      text-align:right;
      vertical-align:top;
      color: #000000} 

.tdrm {
font-family: arial, sans-serif; 
font-size:10pt; 
line-height:14pt; 
font-weight:normal; 
      font-style:normal;  
      text-align:right;
      vertical-align:middle;
      color: #000000}       


#fullcontents {
	position:absolute;
	width:100%;
	top:72px;
	left:0px;


}
#testcss{
	font-size:24px;
	color:#770000;

}
#pusherover {
	float:left;
	top:75px;
	width:106px;
	height:563px;
	z-index:0;

}

#content {

	font-family:verdana, arial, sans-serif;
	font-size: 10pt; 
    font-weight:normal;
    line-height:12pt;
    color:black;
    
    position:absolute; 
    left:0px; 
    top: 20px; 
    width:100%;
    z-index:26;
    margin: 0px 0px 0px 107px;
}
#leftfiller {
float:left;
width:106px;
height:553px;

}
