body
{
background-image:url(newlink3.jpg);
} 
#legalback {
top:10px;
left:70px;
position:relative;
height:395px;
width:450px;
background:url(legalbg.jpg) no-repeat;
z-index:4;
}


#container {
width:1000px;
margin:auto;
text-align:left;
padding-bottom:25px;
z-index:1;
}
#header {
height:350px;
width:1000px;
position:relative;
z-index:2;
}
/********* horizontal menu *********/
#menu {
height:90px;
width:1000px;
padding-top:18px;
position:relative;
font-size:14px;
background:url(btnbar.jpg) top no-repeat;
}
#navcontainer ul
{
text-align: center;
padding-bottom: 0px;
padding-top: 0px;
padding-left: 0;
margin-top: 0;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
color: #222;
width: 100%;
line-height: 20px;
font-size:1.3em;
font-weight:bold;
/* fixes Firefox 0.9.3 */
}
#navcontainer ul li
{
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 5px;
/* matches link padding except for left and right */
padding-top: 5px;
}
#navcontainer ul li a
{
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
padding-top: 5px;
color: #222;
text-decoration: none;
border-right: 1px solid #918570;
}
#navcontainer ul li a:hover
{
color: #a00303;
}
#navcontainer #active { color: #a00303; }

#navlist1 li a#current, #navlist li a#current:link
{
color: #a00303; 
}
#navlist2 li a#current, #navlist li a#current:link
{
color: #a00303; 
}

#mainContent {
width:600px;
padding-left:40px;
margin-top:0px;
position:relative;
z-index:2;
}
#columnRight {
	float:right;
	width:200px;
	padding-left:0px;
	padding-right:70px;
	padding-top:80px;
}
#benimg
{
	top:5px;
	width:222px; 
	height:255px;
	border: double 1px #918570; 
	position:relative;
	text-align:center
}

#crestimg
{
	left:140px;
	top:100px;
	position:relative;
}

.contactbox {
	border: double 3px #918570; 
	margin-top:4px; 
	height:255px; 
	width:225px;
	padding-top:14px;
	padding-left:12px; 
	margin-right:0px; 
	margin-bottom:4px;
	background:url(conback.JPG)
}

a.red {color:#C4070B;}

a:link { color: #000000 }
a:hover { color:#000000 }
a:active {color:#666666}
#menubar { position:absolute; visibility:visible; left: 32px; top: 350px; z-index:2 } 
#menuitems { position:absolute; visibility:visible; left: 32px; top: 20px; color:#333333;font-size:18px;z-index:2 }

#contact1 { 
position:absolute;
left:274px;
top:430px;
width:698px;
height:700px;
z-index:2;
background-color: #ffffff; /** Website BG colour (matches canvas colour in Step 1) **/

overflow: auto;
 }
a img
{
  border:none;
}
#keys { position:absolute; visibility:visible; left: 100px; top: 20px; font-size:4px;z-index:1} 
.img1 {text-align:center;width:900px}
.img {text-align:center}
#banner {
background-image:url(banner.jpg);
height:100%;
width:100%;
background-repeat:no-repeat;
visibility:visible; left: 2px; z-index:2
}
#diary{
background-image:url(stamp1.jpg);
height:100%;
width:100%;
position:relative;
top:10px;
left:10px;
background-repeat:no-repeat;
visibility:visible; z-index:2
}


#VAT { width: 950px; position:absolute; height:65px; top:1080; left: 100px; visibility:visible; z-index:2;}

.footer {
width:900px;
padding:5px 0 0 0;
margin-left:10px;
color:#222;
border-top:solid 1px #888888;
margin-top:4px;
text-align:center;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight: normal;
font-size:12px;
}


.style1 {
	font-size: 14px;
	font-weight: bold;
}
.style3 {
	color: #000000;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size:17px;
}
.style4 {
	color: #000000;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size:15px;
}
.style5 {
	color: #000000;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	line-height:22px;
	font-size:17px;
}
.style6 {
	color: #000000;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size:12px;
	text-align:center;
}
.style7 {
	color: #000000;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size:17px;
	text-align:center;
}

.style40 {
	color: #2F4275;
	font-weight: bold;
	font-size:8px;
}
.style41 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: normal;
	font-size:14px;
}
.style42 {
	color: #C4070B;
	font-weight: bold;
}

.style44 {
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	font-weight: normal;  
	color:#111100;
	font-size:3px; 
	line-height:3px
}
.style43 {
	font-family:Georgia, "Times New Roman", Times, serif;
		color: #000000;
	font-weight:100;
	font-size:12px;
	line-height:12px;
}
.style99 { font-family:"Times New Roman", Times, serif;	font-size:12px;}
@media only screen and (max-width: 767px) {
  .container { 
    width: 300px;
}
}


/* #Mobile (Landscape) ================================================ */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .container { 
    width: 420px;
  }
}