/* Global CSS */
body { color: #707070; font-size: 62.5%; font-family: Tahoma, "Trebuchet MS", Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; background-color: #fff; margin: 0; padding: 0; }
a { color: #bf0401; text-decoration: none; }
a:hover { text-decoration: underline; }
p { font-size: 1.3em; line-height: 19px; }
ul { color: #bf0401; font-size: 1.2em; line-height: 19px; }
td { font-size: 1.2em; }
h1 { color: #bf0401; font-size: 2.4em; font-weight: bold; }
h2 { color: #1752b4; font-size: 1.6em; font-weight: bold; }


/* text styles */
.txt-red { color: #bf0401; }
.txt-xxs { font-size: 0.8em; }
/* main body elements */
#wrapper { width: 984px; margin: 0 auto; }
#logobar { background-image: url(../img-interface/logobar.gif); background-repeat: no-repeat; text-indent: -5000px; width: 984px; height: 167px; float: left; }
#breadcrumb { font-size: 1em; line-height: 36px; background-image: url(../img-interface/bdp-breadcrumb.gif); background-repeat: no-repeat; text-indent: 15px; width: 493px; height: 25px; float: left; }
#date { color: #bf0401; font-size: 1em; font-weight: bold; line-height: 36px; background-image: url(../img-interface/bdp-date.gif); background-repeat: no-repeat; text-align: right; text-indent: 15px; width: 476px; height: 25px; float: left; }

#column-left { width: 182px; float: left; padding-top: 16px; }
#column-middle { width: 571px; float: left; padding-right: 25px; padding-left: 20px; }
#column-right { width: 182px; float: right; padding-top: 16px; }

#footer { color: #707070; line-height: 32px; background-image: url(../img-interface/img-footerbar.gif); background-repeat: no-repeat; text-align: center; width: 984px; height: 34px; float: left; margin-top: 25px; }
#footer a { color: #707070; }
#copyright { text-align: center; width: 984px; height: 50px; float: left; }


/* Navigation Button Styles */
#btn01, #btn01 a { background-image: url(../img-interface/btn01.gif); background-repeat: no-repeat; text-indent: -5000px; width: 182px; height: 27px; float: left; }
#btn01 a:hover { background-position: 0 -27px; text-indent: -5000px; float: left; }
#btn01-on a { background-image: url(../img-interface/btn01.gif); background-repeat: no-repeat; text-indent: -5000px; width: 182px; height: 27px; float: left; background-position: 0 -27px; }
#btn02, #btn02 a { background-image: url(../img-interface/btn02.gif); background-repeat: no-repeat; text-indent: -5000px; width: 182px; height: 27px; float: left; }
#btn02 a:hover { background-position: 0 -27px; text-indent: -5000px; float: left; }
#btn02-on a { background-image: url(../img-interface/btn02.gif); background-repeat: no-repeat; text-indent: -5000px; width: 182px; height: 27px; float: left; background-position: 0 -27px; }
#btn03, #btn03 a { background-image: url(../img-interface/btn03.gif); background-repeat: no-repeat; text-indent: -5000px; width: 182px; height: 27px; float: left; }
#btn03 a:hover { background-position: 0 -27px; text-indent: -5000px; float: left; }
#btn03-on a { background-image: url(../img-interface/btn03.gif); background-repeat: no-repeat; text-indent: -5000px; width: 182px; height: 27px; float: left; background-position: 0 -27px; }
#btn04, #btn04 a { background-image: url(../img-interface/btn04.gif); background-repeat: no-repeat; text-indent: -5000px; width: 182px; height: 27px; float: left; }
#btn04 a:hover { background-position: 0 -27px; text-indent: -5000px; float: left; }
#btn04-on a { background-image: url(../img-interface/btn04.gif); background-repeat: no-repeat; text-indent: -5000px; width: 182px; height: 27px; float: left; background-position: 0 -27px; }
#btn05, #btn05 a { background-image: url(../img-interface/btn05.gif); background-repeat: no-repeat; text-indent: -5000px; width: 182px; height: 27px; float: left; }
#btn05 a:hover { background-position: 0 -27px; text-indent: -5000px; float: left; }
#btn05-on a { background-image: url(../img-interface/btn05.gif); background-repeat: no-repeat; text-indent: -5000px; width: 182px; height: 27px; float: left; background-position: 0 -27px; }
#btn06, #btn06 a { background-image: url(../img-interface/btn06.gif); background-repeat: no-repeat; text-indent: -5000px; width: 182px; height: 27px; float: left; }
#btn06 a:hover { background-position: 0 -27px; text-indent: -5000px; float: left; }
#btn06-on a { background-image: url(../img-interface/btn06.gif); background-repeat: no-repeat; text-indent: -5000px; width: 182px; height: 27px; float: left; background-position: 0 -27px; }
#btn07, #btn07 a { background-image: url(../img-interface/btn07.gif); background-repeat: no-repeat; text-indent: -5000px; width: 182px; height: 27px; float: left; }
#btn07 a:hover { background-position: 0 -27px; text-indent: -5000px; float: left; }
#btn07-on a { background-image: url(../img-interface/btn07.gif); background-repeat: no-repeat; text-indent: -5000px; width: 182px; height: 27px; float: left; background-position: 0 -27px; }
#btn08, #btn08 a { background-image: url(../img-interface/btn08.gif); background-repeat: no-repeat; text-indent: -5000px; width: 182px; height: 27px; float: left; }
#btn08 a:hover { background-position: 0 -27px; text-indent: -5000px; float: left; }
#btn08-on a { background-image: url(../img-interface/btn08.gif); background-repeat: no-repeat; text-indent: -5000px; width: 182px; height: 27px; float: left; background-position: 0 -27px; }
#btn09, #btn09 a { background-image: url(../img-interface/btn09.gif); background-repeat: no-repeat; text-indent: -5000px; width: 182px; height: 27px; float: left; }
#btn09 a:hover { background-position: 0 -27px; text-indent: -5000px; float: left; }
#btn09-on a { background-image: url(../img-interface/btn09.gif); background-repeat: no-repeat; text-indent: -5000px; width: 182px; height: 27px; float: left; background-position: 0 -27px; }
#btn10, #btn10 a { background-image: url(../img-interface/btn10.gif); background-repeat: no-repeat; text-indent: -5000px; width: 182px; height: 27px; float: left; }
#btn10 a:hover { background-position: 0 -27px; text-indent: -5000px; float: left; }
#btn10-on a { background-image: url(../img-interface/btn10.gif); background-repeat: no-repeat; text-indent: -5000px; width: 182px; height: 27px; float: left; background-position: 0 -27px; }

/* Location Button Styles */

#btn-ashford, #btn-ashford a { background-image: url(../img-interface/btn-ashford.gif); background-repeat: no-repeat; text-indent: -5000px; width: 182px; height: 37px; float: left; }
#btn-ashford a:hover { background-position: 0 -37px; text-indent: -5000px; float: left; }

#btn-canterbury, #btn-canterbury a { background-image: url(../img-interface/btn-canterbury.gif); background-repeat: no-repeat; text-indent: -5000px; width: 182px; height: 37px; float: left; }
#btn-canterbury a:hover { background-position: 0 -37px; text-indent: -5000px; float: left; }

#btn-dartford, #btn-dartford a { background-image: url(../img-interface/btn-dartford.gif); background-repeat: no-repeat; text-indent: -5000px; width: 182px; height: 37px; float: left; }
#btn-dartford a:hover { background-position: 0 -37px; text-indent: -5000px; float: left; }

#btn-dover, #btn-dover a { background-image: url(../img-interface/btn-dover.gif); background-repeat: no-repeat; text-indent: -5000px; width: 182px; height: 37px; float: left; }
#btn-dover a:hover { background-position: 0 -37px; text-indent: -5000px; float: left; }

#btn-faversham, #btn-faversham a { background-image: url(../img-interface/btn-faversham.gif); background-repeat: no-repeat; text-indent: -5000px; width: 182px; height: 37px; float: left; }
#btn-faversham a:hover { background-position: 0 -37px; text-indent: -5000px; float: left; }

#btn-folkestone, #btn-folkestone a { background-image: url(../img-interface/btn-folkestone.gif); background-repeat: no-repeat; text-indent: -5000px; width: 182px; height: 37px; float: left; }
#btn-folkestone a:hover { background-position: 0 -37px; text-indent: -5000px; float: left; }

#btn-gravesend, #btn-gravesend a { background-image: url(../img-interface/btn-gravesend.gif); background-repeat: no-repeat; text-indent: -5000px; width: 182px; height: 37px; float: left; }
#btn-gravesend a:hover { background-position: 0 -37px; text-indent: -5000px; float: left; }

#btn-maidstone, #btn-maidstone a { background-image: url(../img-interface/btn-maidstone.gif); background-repeat: no-repeat; text-indent: -5000px; width: 182px; height: 37px; float: left; }
#btn-maidstone a:hover { background-position: 0 -37px; text-indent: -5000px; float: left; }

#btn-medway, #btn-medway a { background-image: url(../img-interface/btn-medway.gif); background-repeat: no-repeat; text-indent: -5000px; width: 182px; height: 37px; float: left; }
#btn-medway a:hover { background-position: 0 -37px; text-indent: -5000px; float: left; }

#btn-sittingbourne, #btn-sittingbourne a { background-image: url(../img-interface/btn-sittingbourne.gif); background-repeat: no-repeat; text-indent: -5000px; width: 182px; height: 37px; float: left; }
#btn-sittingbourne a:hover { background-position: 0 -37px; text-indent: -5000px; float: left; }

#btn-thanet, #btn-thanet a { background-image: url(../img-interface/btn-thanet.gif); background-repeat: no-repeat; text-indent: -5000px; width: 182px; height: 37px; float: left; }
#btn-thanet a:hover { background-position: 0 -37px; text-indent: -5000px; float: left; }

#btn-hastings, #btn-hastings a { background-image: url(../img-interface/btn-hastings.gif); background-repeat: no-repeat; text-indent: -5000px; width: 182px; height: 37px; float: left; }
#btn-hastings a:hover { background-position: 0 -37px; text-indent: -5000px; float: left; }

#btn-cranbrook, #btn-cranbrook a { background-image: url(../img-interface/btn-cranbrook.gif); background-repeat: no-repeat; text-indent: -5000px; width: 182px; height: 37px; float: left; }
#btn-cranbrook a:hover { background-position: 0 -37px; text-indent: -5000px; float: left; }

#btn-orpington, #btn-orpington a { background-image: url(../img-interface/btn-orpington.gif); background-repeat: no-repeat; text-indent: -5000px; width: 182px; height: 37px; float: left; }
#btn-orpington a:hover { background-position: 0 -37px; text-indent: -5000px; float: left; }

#btn-sevenoaks, #btn-sevenoaks a { background-image: url(../img-interface/btn-sevenoaks.gif); background-repeat: no-repeat; text-indent: -5000px; width: 182px; height: 37px; float: left; }
#btn-sevenoaks a:hover { background-position: 0 -37px; text-indent: -5000px; float: left; }

#btn-rye, #btn-rye a { background-image: url(../img-interface/btn-rye.gif); background-repeat: no-repeat; text-indent: -5000px; width: 182px; height: 37px; float: left; }
#btn-rye a:hover { background-position: 0 -37px; text-indent: -5000px; float: left; }

#btn-twells, #btn-twells a { background-image: url(../img-interface/btn-tunbridgewells.gif); background-repeat: no-repeat; text-indent: -5000px; width: 182px; height: 37px; float: left; }
#btn-twells a:hover { background-position: 0 -37px; text-indent: -5000px; float: left; }

#btn-westerham, #btn-westerham a { background-image: url(../img-interface/btn-westerham.gif); background-repeat: no-repeat; text-indent: -5000px; width: 182px; height: 37px; float: left; }
#btn-westerham a:hover { background-position: 0 -37px; text-indent: -5000px; float: left; }

#btn-london, #btn-london a { background-image: url(../img-interface/btn-london.gif); background-repeat: no-repeat; text-indent: -5000px; width: 182px; height: 37px; float: left; }
#btn-london a:hover { background-position: 0 -37px; text-indent: -5000px; float: left; }