/* CSS for Old Essex Maps site - large map displays, ie not the main navigation */

a:link {text-decoration: none; }

a:visited {color: blue; background-color: cyan }

a:hover {color: cyan; background-color: navy }

h1 {font-family: "Trebuchet MS"; color: navy; background-color: cyan; width: 100%; top: -10px; padding-left: 190px; }

h2 {font-family: "Trebuchet MS"; color: navy; background-color: cyan; width: 100%; padding-left: 190px; }

h3 {font-family: "Trebuchet MS"; color: navy; background-color: cyan; width: 100%; padding-left: 190px; }

h4 {font-family: "Trebuchet MS"; color: navy; width: 100%; text-align: left; margin-top: -20px; margin-bottom: 10px; padding-left: 190px; }

h5 {font-style: italic; font-size: small; font-weight: normal; }

p {font-weight: medium; color: blue; }

p.pic {border-color: cyan; } /* this gives the picture a cyan surround */

p.piccover {border-color: blue; } /* this gives the picture a cyan surround */

img {border-color: cyan; } /* this gives all images a cyan surround */

body {font-family: Arial; }

#the_pic {text-align: center; } /* this centres the picture */

#the_picleft {text-align: left; padding-left: 250px; } /* this centres the picture */

#the_text {padding-left: 100px; } /* this makes the descriptive text start vertically in-line with the headings' text*/

.col1of2 {float: left; width: 480px; }

.col2of2 {float: left; width: 480px; margin-left: 30px; }

#the_buttons {clear: left; padding-left: 125px; } /* this makes buttons be effectively "centered" */

li {display: inline; margin: 30px; border: 3px solid blue; background-color: cyan; padding: 3px; width: 150px; text-align: center; float: left; }

table {border-collapse: collapse; border: 1px solid black; }

th {border: 1px solid black; padding: 5px; text-align: left; font-style: italic; }
td {border: 1px solid black; padding: 5px; vertical-align: top; }

#footercontent {clear: left; font-size: x-small; color: black; font-style: italic; }