/* --- GLOBAL STYLES --- */
body { font-size:12px; line-height:16px; font-family:Arial, Helvetica, Verdana, sans-serif; margin:0; padding:0; color:#000000; text-align:left;}
img { display:block; border:0; }
p { padding:0; margin:0; }
address { font-style:normal;}

/* --- HEADER/COMPANY NAME/LOGO --- */
#headerContainer { height:104px; background-image:url(http://www.historic-kent.co.uk/images/headerBg.gif); background-repeat:repeat-x; background-position:top left;}
#headerContainer #header { height:104px; width:960px; margin:0 auto; position:relative;}
#headerContainer #header #companyName { font-size:36px; line-height:40px; color:#ffffff; font-weight:normal; position:absolute; top:32px; left:40px;}
#headerContainer #header #telephone { font-size:28px; line-height:38px; height:41px; color:#ffffff; font-weight:normal; position:absolute; top:33px; right:40px; background:url(../images/telephoneIcon.gif) top left no-repeat; padding: 0 0 0 48px;}

/* --- TOP NAVIGATION --- */
#topNavContainer { height:37px; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff;}
#topNavContainer #topNav { width:960px; margin:0 auto;}
#topNavContainer #topNav ul { margin: 0 0 0 41px; border-left: 1px solid #ffffff; height:37px;}
#topNavContainer #topNav ul li { display:inline; float:left;}
#topNavContainer #topNav ul li a { display:inline; float:left; height:27px; padding: 10px 25px 0 25px; text-decoration:none; font-size:16px; border-right: 1px solid #ffffff;}

/* --- CONTENT CONTAINER --- */
#contentContainer { background:#e8e8e8; border-top:4px solid #c1c1c1; border-bottom:4px solid #c1c1c1; padding:15px 0px; height:auto !important; height:1px; min-height:1px;}
#contentContainer #content { background:#ffffff; width:960px; margin:0 auto; height:auto !important; height:1px; min-height:1px;}

/* --- MAIN IMAGE --- */
#mainImageContainer { background:url(http://www.historic-kent.co.uk/images/headerBg.gif) 0px 28px no-repeat; width:878px; height:301px; margin:0 auto 15px auto; position:relative; padding-top:28px;}
#mainImageContainer #mainImage { position:absolute; top:32px; left:4px; width:870px; height:279px;}
#mainImageContainer #mainImageOverlay { position:absolute; top:256px; left:4px;}
#mainImageContainer #mainImageText { position: absolute; top:270px; right:25px; font-size:24px; line-height:28px; color:#ffffff;}

/* --- MAIN IMAGE - FOR PAGE WITH BOXES --- */
#mainImageContainerBoxes { background:none; width:880px; height:289px; margin:0 auto 8px auto; padding-top:28px;}
#mainImageContainerBoxes #mainImageBoxes { width:870px; height:279px; border:5px solid #e8e8e8;}

/* --- BOXES --- */
#boxes { width:880px; margin:0 auto; padding-bottom:20px;}
#boxes .box { width:204px; border:5px solid #e8e8e8; float:left; margin-right:8px; background:#3d3f44; color:#ffffff; height:auto !important; height:125px; min-height:125px;}
#boxes .box.last { margin-right:0px;}
#boxes .box a { color:#ea1b69;}
#boxes .boxPadding { padding: 12px 12px 10px 12px;}
#boxes .boxTitle { font-size:18px; font-weight:bold; line-height:22px; padding-bottom:5px;}
#boxes .boxText { font-size:12px; line-height:16px; padding-bottom:5px;}
#boxes .boxLink { padding-bottom:5px;}

/* --- TEXT --- */
#text { font-size:16px; line-height:17px; padding: 0 41px 20px 41px; text-align:justify;}
#text h1 { font-size:24px; font-weight:normal; line-height:28px; padding-bottom:10px; padding-top: 25px;}
#text h2 { font-size:20px; line-height:22px; font-weight:normal; margin-bottom:15px;}
#text h3 { font-size:20px; line-height:22px; font-weight:normal; margin-bottom:15px;}
#text h4, #text h5  { font-size:16px; line-height:18px; font-weight:normal;}
#text h6  { font-size:26px; line-height:22px; font-weight:normal; margin-bottom:26px; text-align:center;}
#text p { padding-bottom:15px;}
#text .imageRight { float:right; border:5px solid #e8e8e8; margin: 5px 0 15px 25px;}
#text .imageLeft { float:left; border:5px solid #e8e8e8; margin: 5px 25px 15px 0;}
#page p span { padding-bottom:15px; margin-left: 40px;}

/* --- FOOTER --- */
#footerContainer { border-top:1px solid #4f82d5; height:75px;}
#footerContainer #footer { width:880px; margin:0 auto; padding: 30px 40px 0 40px; text-align:right;}
#footer p a {font-size:13px; color:#ffffff; }
#acknowledgements {border-top:1px solid #4f82d5; font-size:0.8em; padding:10px 0 0 0; text-align:center;}
#info {border-top:1px solid #4f82d5; padding:12px 0 0px 0;}
#info .photoLeft {float:left; border:5px solid #e8e8e8; margin: 5px 25px 0px 0px;}
#info p {margin-right:150px; padding-bottom:15px;}
.info-break {border-top:1px solid #4f82d5; padding:12px 0 0px 0; margin-top:100:px}
#width p {margin-right:150px; padding-bottom:15px;}
#width .photoLeft {float:left; border:5px solid #e8e8e8; margin: 5px 25px 0px 0px;}

/* --- sitmap --- */
#sitemap {height:1100px}
#sitemap ul li { color: #4f82d5; font-weight: bold; font-size: 1.4em; font-family: georgia; list-style: disc; margin-left: 20px; margin-bottom: 20px; margin-top: 20px;}
#sitemap ol li  { color: #4f82d5; font-weight: bold; font-size: 1.4em; font-family: georgia; list-style: circle; margin-left: 20px; margin-bottom: 15px; }

/* --- useful page --- */
#useful {height:575px; width: 400px;}


/* --- INTERNAL COLUMNS --- */
#leftCol { float:left; width:260px; padding-top:41px;}
#rightCol { float:left; width:700px; padding-top:41px;}

/* --- LEFT NAVIGATION --- */
#leftNav { width:210px; margin:0 0 40px 40px; border:5px solid #e8e8e8; padding-bottom: 150px; height:auto !important; height:300px; min-height:300px;}
#leftNav ul { width:210px;}
#leftNav ul li { display:inline; float:left; width:210px; border-bottom:5px solid #e8e8e8; }
#leftNav ul li a { display:inline; float:left; width:170px; padding: 10px 20px 10px 20px; text-decoration:none; font-size:16px;}

/* --- GENERAL CLASSES --- */
.clear { clear:both;}

/* --- HEADINGS, PARAGRAPHS & LISTS --- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-size:12px; line-height:16px; font-weight:bold;}
p { padding:0; margin:0;}
ul { padding:0; margin:0; list-style:none;}

/* ----- LINKS ----- */
a { color:#000000; font-weight:normal; text-decoration:underline; }
a:hover { text-decoration:none; }
a:focus, a:hover, a:active { outline:none;}

/* ----- FORMS ----- */
form { padding:0; margin:0; }
fieldset { padding:0; margin:0; border:0px none; display:inline; }
legend { padding:0; margin:0; display:none; }
textarea, input, select { font:12px; font-family:Arial, Helvetica, Verdana, sans-serif;}