.class1 a:link {text-decoration: none; color: #ffffff} /*navi*/
.class1 a:visited {text-decoration: none; color: #ffffff}
.class1 a:hover {text-decoration: none; color: #ED1C24}

.class2 a:link {text-decoration: none; color: #666666} /*footer*/
.class2 a:visited {text-decoration: none; color: #666666}
.class2 a:hover {text-decoration: none; color: #ED1C24}

.class3 a:link {text-decoration: none; color: #333333} /*body links*/
.class3 a:visited {text-decoration: none; color: #333333}
.class3 a:hover {text-decoration: none; color: #ED1C24}

.class4 a:link {text-decoration: none; color: #a1a1a1} /*back to top links*/
.class4 a:visited {text-decoration: none; color: #a1a1a1}
.class4 a:hover {text-decoration: none; color: #ED1C24}

.class5 a:link {text-decoration: none; color: #171717} 
.class5 a:visited {text-decoration: none; color: #171717}
.class5 a:hover {text-decoration: none; color: #ED1C24}



body {
	margin-left: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	background-image: url(images/back2.gif);
	background-position: center;
	background-repeat: repeat-y;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	color: #222222;
}

img {
border: 0;
vertical-align: bottom;
}



/*general fonts/spans
--------------------------------------------------------------------*/

h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
line-height: 17px;
color: #222222;
margin: 0;
padding-bottom: 5px;
}

h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
line-height: 12px;
color: #222222;
margin: 0;
padding-bottom: 5px;
}

.none {
margin: 0;
padding: 0;
}

.address {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #666666;
}

.red {
color: #ED1C24;
}

.small {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 13px;
color: #222222;
}

.smallred {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 13px;
color: #ED1C24;
}

.headlines {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 30px;
color: #222222;
}


/*general divs
--------------------------------------------------------------------*/

#top {
height: 87px;
background-color: #000000;
background-image: url(images/logostrip.jpg);
background-position: center;
background-repeat: no-repeat;
}

#border {
width: 770px;
margin: 0 auto; /*center on page*/
}

#breadcrumbs {
margin-bottom: 5px;
padding: 5px;
}

#breadright {
float: right;
margin: 0;
}

#content {
margin-right: 300px;
padding-left: 5px;
padding-top: 5px;
padding-right: 15px;
margin-bottom: 25px;
}

#contentlarge {
width: 760px;
padding-left: 5px;
padding-right: 5px;
margin-bottom: 25px;
}

#links {
clear: both;
padding-left: 5px;
padding-right: 5px;
margin-bottom: 10px;
}

/*logo bar
--------------------------------------------------------------------*/

#logobar {
clear: both;
height: 110px;
margin-bottom: 10px;
background-image: url(images/logobar.gif);
background-position: center;
background-repeat: no-repeat;
}



/*footer
--------------------------------------------------------------------*/

#footerspace {
padding-top: 12px;
margin-bottom: 10px;
padding: 7px;
}

#footerharris {
float: right;
margin: 0;
}



/*image rollover
--------------------------------------------------------------------*/

#link01 {width: 250px; height: 150px; float: left}

#link01 a {background-image: url(images/link01.jpg); position: absolute;}

#link01 a:hover {background-image: url(images/link01over.gif)}

#link02 {height: 150px; margin-left: 255px; margin-right: 255px}

#link02 a {background-image: url(images/link02a.jpg); position: absolute;}

#link02 a:hover {background-image: url(images/link02over.gif)}

#link03 {width: 250px; height: 150px; float: right}

#link03 a {background-image: url(images/link03.jpg); position: absolute;}

#link03 a:hover {background-image: url(images/link03over.gif)}




/*banners
--------------------------------------------------------------------*/

#bannerhome {width: 770px; height: 250px; background-image: url(images/banners/001.jpg)}
#bannergallery {width: 770px; height: 250px; background-image: url(images/banners/002.jpg)}


/*right image
--------------------------------------------------------------------*/

#right {
float: right;
width: 285px;
height: 200px;
margin-bottom: 20px;
margin-right: 5px;
}

#gallerybutton a {
	display: block;
	height: 200px;
	width: 285px;
	background: url(images/gallery_link03.jpg) left;
}

#gallerybutton a:hover {background: url(images/gallery_link03.jpg) right;}



.clear {clear: both;}

.bold {font-weight: bold}


/*gallery
--------------------------------------------------------------------*/

#gallerysection ul { margin: 0; padding: 0; list-style: none }


#gallerysection li {
	float: left;
	margin: 0;
	margin-right: 12px;
	margin-bottom: 20px;
	border-top: 1px solid #cccccc;
	color: #222222; 
}

#gallerysection li a {
	display: block;
	width: 228px;
	padding: 6px;
	padding-top: 149px;
}

#gallerysection li.standrews a { background: url(images/gallery/standrews003.jpg) left top no-repeat}
#gallerysection li.standrews a:hover { background: url(images/gallery/standrews003.jpg) right top no-repeat #cccccc; color: #222222}

#gallerysection li.barnsley1 a { background: url(images/gallery/barnsley1c.jpg) left top no-repeat}
#gallerysection li.barnsley1 a:hover { background: url(images/gallery/barnsley1c.jpg) right top no-repeat #cccccc; color: #222222}

#gallerysection li.barnsley2 a { background: url(images/gallery/barnsley2c.jpg) left top no-repeat}
#gallerysection li.barnsley2 a:hover { background: url(images/gallery/barnsley2c.jpg) right top no-repeat #cccccc; color: #222222}

#gallerysection li.tesco1 a { background: url(images/gallery/tesco1c.jpg) left top no-repeat}
#gallerysection li.tesco1 a:hover { background: url(images/gallery/tesco1c.jpg) right top no-repeat #cccccc; color: #222222}

#gallerysection li.tesco2 a { background: url(images/gallery/tesco2c.jpg) left top no-repeat}
#gallerysection li.tesco2 a:hover { background: url(images/gallery/tesco2c.jpg) right top no-repeat #cccccc; color: #222222}

#gallerysection li.derby a { background: url(images/gallery/derby003.jpg) left top no-repeat}
#gallerysection li.derby a:hover { background: url(images/gallery/derby003.jpg) right top no-repeat #cccccc; color: #222222}




/*dropdown menu
--------------------------------------------------------------------*/

#navibar {
width: 770px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
}

#nav, ul {
list-style: none;
padding: 0;
margin: 0;
padding-left: 10px;
line-height: 35px;
}

#nav li {
float: left;
position: relative;
padding-right: 27px;
}

#nav li ul {
display: none;
position: absolute;
background: #222222;
padding-left: 8px;
padding-right: 8px;
width: 210px;
top: 35px;
line-height: 22px;
left: 0;
border-bottom: 2px solid #ED1C24;
}

#nav li li {
float: none;
border-bottom: 1px solid #333333;
}

#nav li:hover ul, #nav li.sfhover ul {
display: block;
}