body { background-color: #FFFFFF; margin-top: 5px; margin-bottom: 10px; } 

#site-container { position: relative; width: 970px; margin: 0px; padding: 0px; } 

/* Index only */
#index-div { margin: 5px 0px 0px 0px; padding: 5px 5px 5px 70px; background-color: #396DA5; float: left; font-family: Arial; font-size: 24pt; font-weight: normal; color: #ffffff; }
#index-divR { margin: 5px 0px 0px 0px; padding: 5px 5px 0px 5px; background-color: #396DA5; }
#index-divR { color: #ffffff; font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 70%; font-weight: normal; }  
#index-divR a:link { color: #ffffff; font-weight: bold; text-decoration: underline; } 
#index-divR a:active { color: #ffffff; text-decoration: underline; } 
#index-divR a:visited { color: #ffffff; font-weight: bold; text-decoration: underline; } 
#index-divR a:hover { color: #FF7900; text-decoration: underline; }

#purple-border-index { margin: 2px 0px 15px 0px; padding: 0px; background: #6B82BD; height: 6px; }

/* end of Index only */

#title-container { margin: 5px 0px 0px 0px; padding: 0px; height: 105px; background-color: #396DA5; }

#main-logo { font-family: Arial;  font-size: 64pt; font-weight: normal; background-color: #396DA5;  }
#main-logo { margin: 0px 0px 2px 0px; padding: 0px 5px 5px 0px; float: left; }
#main-logo a:link { color: #ffffff; text-decoration: none; } 
#main-logo a:active { color: #ffffff; text-decoration: none; } 
#main-logo a:visited { color: #ffffff; text-decoration: none; } 
#main-logo a:hover { color: #ffffff; text-decoration: none; }

.main-logo-sub { font-family: Arial; font-size: 8pt; font-weight: normal; color: #ffffff; }
.main-logo-sub { position: absolute; left: 6px; top: 85px; }

#title-div { margin: 0px 0px 2px 0px; padding: 5px 5px 0px 5px; background-color: #396DA5; height: 96px; width: 604px; float: left; }
.littlefind { position: absolute; right: 8px; top: 10px; z-index: 1; }

#nav-bar {margin: 0px; padding: 0px 0px 5px 40px; background: #003063; text-align: left;  }
#nav-underbar { margin: 0px; padding: 0px 0px 0px 0px; background: #0096C6; height: 20px; }

.nav-links { color: #FFFFFF; font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 75%; font-weight: normal; text-decoration: none; }  
.nav-links a:link { color: #FFFFFF; font-weight: bold; text-decoration: none;  background: #003063; padding: 4px 26px 8px 26px; } 
.nav-links a:active { color: #FF0000; text-decoration: none;  background: #0096C6; padding: 4px 26px 8px 26px; } 
.nav-links a:visited { color: #FFFFFF; font-weight: bold; text-decoration: none; background: #003063; padding: 4px 26px 8px 26px; } 
.nav-links a:hover { color: #ffffff; text-decoration: none;  background: #0096C6; padding: 4px 26px 8px 26px; }

.nav-highlight a:link { background: #0096C6;  } 
.nav-highlight a:active { background: #0096C6; } 
.nav-highlight a:visited { background: #0096C6;  } 
.nav-highlight a:hover { background: #0096C6;  }

.help-links { color: #ffffff; font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 70%; font-weight: normal; text-align: right; }  
.help-links a:link { color: #ffffff; font-weight: bold; text-decoration: underline; } 
.help-links a:active { color: #FF0000; text-decoration: underline; } 
.help-links a:visited { color: #ffffff; font-weight: bold; text-decoration: underline; } 
.help-links a:hover { color: #FF7900; text-decoration: underline; }

#purple-border { margin: 2px 0px 15px 0px; padding: 0px; background: #6B82BD; height: 6px; }

#breadcrumb { margin: 0px; padding: 5px 20px 0px 0px; text-align: right; height: 20px; }
#breadcrumb { font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 70%; font-weight: normal; color: #000000; text-decoration: none; }
#breadcrumb a:link { color: #404040; font-weight: bold; text-decoration: underline; } 
#breadcrumb a:active { color: #FF0000; text-decoration: underline; } 
#breadcrumb a:visited { color: #404040; font-weight: bold; text-decoration: underline; } 
#breadcrumb a:hover { color: #FF7900; text-decoration: underline; }

#final-bar { margin: 0px; padding: 10px; border-width: 2px 0px 0px 0px; border-style: solid; border-color: #404040; background-color: #396DA5; }
#final-bar { font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 8pt; font-weight: normal; color: #000000; text-decoration: none; }
#final-bar a:link { color: #404040; font-weight: bold; text-decoration: underline; } 
#final-bar a:active { color: #FF0000; text-decoration: underline; } 
#final-bar a:visited { color: #404040; font-weight: bold; text-decoration: underline; } 
#final-bar a:hover { color: #FF7900; text-decoration: underline; }

.moreinfo-menu { margin: 0px 4px 0px 4px; padding: 0px; }
.moreinfo-menu li { color: #404040; font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 80%; font-weight: normal; text-decoration: none;  } 
.moreinfo-menu li { list-style: none; text-align: left; }
.moreinfo-menu li { border-width: 1px 1px 1px 1px; border-style: solid; border-bottom-color: #FFFFFF; border-left-color: #FFFFFF; border-right-color: #FFFFFF; border-top-color: #FFFFFF } 
.moreinfo-menu li a:link { color: #404040; font-weight: bold; text-decoration: underline; display: block; padding: 5px 5px 5px 5px;  } 
.moreinfo-menu li a:active { color: #FFEBCE; text-decoration: underline; display: block; padding: 5px; } 
.moreinfo-menu li a:visited { color: #404040; font-weight: bold; text-decoration: underline; display: block; padding: 5px;  } 
.moreinfo-menu li a:hover { color: #FF7900; text-decoration: underline; display: block; padding: 5px; }

.projects-menu { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

.projects-menu ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.projects-menu li { color: #404040; font-family: sans-serif,Arial,Verdana,Helvetica; font-size: 75%; font-weight: normal; text-decoration: none; padding: 5px;  }

.projects-menu li.regeneration { list-style: none; background-image: url(../Projects/Images/Regeneration_Sm.jpg);
 background-repeat: no-repeat; background-position: 0px; padding-left: 30px; }
.projects-menu li.roadschemes { list-style: none; background-image: url(../Projects/Images/Roads_sm.jpg);
 background-repeat: no-repeat; background-position: 0px; padding-left: 30px;  }
.projects-menu li.utilities { list-style: none; background-image: url(../Projects/Images/Utilities1_Sm.jpg); 
 background-repeat: no-repeat; background-position: 0px; padding-left: 30px; }
.projects-menu li.windfarms { list-style: none; background-image: url(../Projects/Images/Renewables_Sm.jpg); 
 background-repeat: no-repeat; background-position: 0px; padding-left: 30px; }
.projects-menu li.housing { list-style: none; background-image: url(../Projects/Images/Housing1_Sm.jpg); text-align: left; 
 background-repeat: no-repeat; background-position: 0px; padding-left: 30px; }
.projects-menu li.brownfield { list-style: none; background-image: url(../Projects/Images/Brownfield_Sm.jpg); text-align: left; 
 background-repeat: no-repeat; background-position: 0px; padding-left: 30px; }
.projects-menu li.greenfield { list-style: none; background-image: url(../Projects/Images/Greenfields_Sm.jpg); 
 background-repeat: no-repeat; background-position: 0px; padding-left: 30px; }
.projects-menu li.cemetary { list-style: none; background-image: url(../Projects/Images/Cemetary_Sm.jpg); 
 background-repeat: no-repeat; background-position: 0px; padding-left: 30px; }
.projects-menu li.eias { list-style: none; background-image: url(../Projects/Images/EIA-icon_sm.jpg); 
 background-repeat: no-repeat; background-position: 0px; padding-left: 30px; }
.projects-menu li.scheduled { list-style: none; background-image: url(../Projects/Images/258-11_Sm.jpg); 
 background-repeat: no-repeat; background-position: 0px; padding-left: 30px; }
.projects-menu li.listed { list-style: none; background-image: url(../Projects/Images/114-21_Sm.jpg); 
 background-repeat: no-repeat; background-position: 0px; padding-left: 30px; }
.projects-menu li.parks { list-style: none; background-image: url(../Projects/Images/Kensington_Sm.jpg); 
 background-repeat: no-repeat; background-position: 0px; padding-left: 30px; }
 .projects-menu li.heritage { list-style: none; background-image: url(../Services/Images/Heritageadvice_Sm.jpg); 
 background-repeat: no-repeat; background-position: 0px; padding-left: 30px; }
  .projects-menu li.dbas { list-style: none; background-image: url(../Services/Images/Research_Sm.jpg); 
 background-repeat: no-repeat; background-position: 0px; padding-left: 30px; }
 .projects-menu li.landscape { list-style: none; background-image: url(../Services/Images/Landscapesurvey_Sm.jpg); 
 background-repeat: no-repeat; background-position: 0px; padding-left: 30px; }
  .projects-menu li.arch { list-style: none; background-image: url(../Services/Images/Archsurvey_Sm.jpg); 
 background-repeat: no-repeat; background-position: 0px; padding-left: 30px; }
  .projects-menu li.evaluations { list-style: none; background-image: url(../Services/Images/Evaluation_Sm.jpg); 
 background-repeat: no-repeat; background-position: 0px; padding-left: 30px; }
  .projects-menu li.excavations { list-style: none; background-image: url(../Services/Images/Excavation_Sm.jpg); 
 background-repeat: no-repeat; background-position: 0px; padding-left: 30px; }
  .projects-menu li.watching { list-style: none; background-image: url(../Services/Images/Watching_sm.jpg); 
 background-repeat: no-repeat; background-position: 0px; padding-left: 30px; }
 .projects-menu li.built { list-style: none; background-image: url(../Services/Images/King03_Sm.jpg); 
 background-repeat: no-repeat; background-position: 0px; padding-left: 30px; }
 .projects-menu li.postex { list-style: none; background-image: url(../Services/Images/Specialistservices_Sm.jpg); 
 background-repeat: no-repeat; background-position: 0px; padding-left: 30px; }
  .projects-menu li.graphics { list-style: none; background-image: url(../Services/Images/Graphics_Sm.jpg); 
 background-repeat: no-repeat; background-position: 0px; padding-left: 30px; }
 
   .projects-menu li.public { list-style: none; background-image: url(../Contact/Images/Public_sm.jpg); 
 background-repeat: no-repeat; background-position: 0px; padding-left: 30px; }
    .projects-menu li.exhib { list-style: none; background-image: url(../Contact/Images/Exhibitions_sm.jpg); 
 background-repeat: no-repeat; background-position: 0px; padding-left: 30px; }
    .projects-menu li.talks { list-style: none; background-image: url(../Contact/Images/Talks_sm.jpg); 
 background-repeat: no-repeat; background-position: 0px; padding-left: 30px; }
    .projects-menu li.community { list-style: none; background-image: url(../Contact/Images/Community_sm.jpg); 
 background-repeat: no-repeat; background-position: 0px; padding-left: 30px; }
    .projects-menu li.vol { list-style: none; background-image: url(../Contact/Images/Volunteering_sm.jpg); 
 background-repeat: no-repeat; background-position: 0px; padding-left: 30px; }
    .projects-menu li.workexp { list-style: none; background-image: url(../Contact/Images/blank_sm.jpg); 
 background-repeat: no-repeat; background-position: 0px; padding-left: 30px; }

.projects-menu li a:link { color: #404040; font-weight: bold; display: block; padding: 1px;  } 
.projects-menu li a:active { color: #FFEBCE; font-weight: bold; display: block; padding: 1px; } 
.projects-menu li a:visited { color: #404040; font-weight: bold; display: block; padding: 1px; } 
.projects-menu li a:hover { color: #FF7900;display: block; padding: 1px; }

.biblio-menu { color: #404040; font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 75%; font-weight: normal; text-decoration: none; text-align: left;  }  
.biblio-menu a:link { color: #404040; font-weight: normal; text-decoration: underline;  } 
.biblio-menu a:active { color: #FFEBCE; text-decoration: underline; } 
.biblio-menu a:visited { color: #404040; font-weight: normal; text-decoration: underline;  } 
.biblio-menu a:hover { color: #FF7900; text-decoration: underline;}

.monographs { width: 970px; margin: 20px 0px 0px 0px; }
.monographs { font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 90%; font-weight: normal; color: #000000; text-decoration: none; text-align: left; }
.monographs a:link { color: #404040; font-weight: bold; text-decoration: underline; } 
.monographs a:active { color: #FF0000; text-decoration: underline; } 
.monographs a:visited { color: #404040; font-weight: bold; text-decoration: underline; } 
.monographs a:hover { color: #FF7900; text-decoration: underline; }
.monographs { margin: 0px 50px 0px 0px; }

#monograph-div { float: left; width: 485px; margin: 0px; padding: 0px; }

.dashed-border { border-style: dashed; border-width: 0px 0px 1px 0px; border-color: #404040; }

.special-chars { font-family: wingdings; font-size: 100%; font-weight: normal; color: #000000; text-decoration: none; }

.product-details { font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 80%; font-weight: normal; color: #000000; text-decoration: none; text-align: left; padding: 0px 5px 0px 5px; }
.contact { font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 12pt; font-weight: bolder; color: #000000; text-decoration: none; }

#content-container { float: left;  }
#left-column { width: 218px; float: left; margin: 0px; padding: 0px; text-align: left; }
#left2-column { width: 400px; float: left; margin: 0px; padding: 0px; text-align: left; }
#left3-column { float: left; width: 400px; margin: 0px; padding: 0px; text-align: left; }
#middle-column { float: left; width: 570px; text-align: left; margin: 0px; }
#middle2-column { float: left; width: 208px; margin: 0px; padding: 0px; text-align: left; }
#right-column { width: 218px; float: right; margin: 0px; padding: 0px; }
#right2-column { float: right; width: 300px; margin: 0px; padding: 0px; }
#events-menu { text-align: left; }
#footer { clear: both; height: 5px; }
#contact-column { float: left; width: 752px; text-align: left; margin: 0px; padding: 0px; }
#contact-info { float: left; width: 970px; text-align: left; margin: 0px; padding: 0px; }
#page-content { margin: 0px 50px 0px 0px; }
#contact-space { margin: 75px 0px 0px 0px; }
#contact-space2 { margin: 50px 0px 0px 0px; }
#sitemap-block1-title { padding: 2px 0px 2px 10px; margin: 0px 15px 0px 0px; background: url(../Graphics/SM-TR.gif) 100% 0% no-repeat #396DA5; text-align:left; width: 216px; }
#sitemap-block1-text { padding: 2px 0px 2px 10px; margin: 0px 15px 0px 0px; background: #eaeaea; text-align:left; width: 216px; }

.br-1 { height: 5px; }
.clear-float { clear: both; }

.sitemap { font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 90%; font-weight: normal; color: #ffffff; text-decoration: none; margin: 0px; }
.sitemap a:link { color: #ffffff; font-weight: normal; text-decoration: none; } 
.sitemap a:active { color: #0045FF; font-weight: normal; text-decoration: none; } 
.sitemap a:visited { color: #ffffff; font-weight: normal; text-decoration: none; } 
.sitemap a:hover { color: #FF7900; font-weight: normal; text-decoration: none; } 

.icon-menu { font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 90%; font-weight: normal; color: #000000; text-decoration: none; }
.icon-menu a:link { color: #404040; font-weight: bold; text-decoration: underline; } 
.icon-menu a:active { color: #FF0000; text-decoration: underline; } 
.icon-menu a:visited { color: #404040; font-weight: bold; text-decoration: underline; } 
.icon-menu a:hover { color: #FF7900; text-decoration: underline; }
.icon-menu { margin: 0px 50px 0px 0px; } 

#title-menu { margin: 3px 0px 3px 0px; padding: 0px; background: #396DA5; } 

#intro1 {width: 25%; padding: 4px; text-align: left; position: absolute; left: 40px; top: 230px; }
#intro1 { font-family: arial,verdana,helvetica,sans-serif; font-size: 140%; color: white; }
#intro-mainblock { background: #EFEFEF; width: 770px; height: 475px; margin: 3px 0px 3px 3px; padding: 4px; text-align: left; position: absolute; left: 189px; top: 189px; }
#intro3 { background: #DEDFDE; width: 180px; margin: 3px 0px 3px 0px; padding: 4px; text-align: left; position: absolute; left: 0px; top: 332px; }
#intro3 { font-family: arial,verdana,helvetica,sans-serif; font-size: 12px; }

a:link { color: #0045FF; font-weight: normal; text-decoration: none; } 
a:active { color: #FFEBCE; font-weight: normal; text-decoration: none; } 
a:visited { color: #0045FF; font-weight: normal; text-decoration: none; } 
a:hover { color: #FF7900; font-weight: normal; text-decoration: none; } 

p a:link { color: #0045FF; font-weight: bold; text-decoration: underline; } 
p a:active { color: #0045FF; font-weight: bold; text-decoration: none; } 
p a:visited { color: #0045FF; font-weight: bold; text-decoration: underline; } 
p a:hover { color: #FF7900; font-weight: bold; text-decoration: none; } 
p { font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 90%; font-weight: normal; color: #000000; text-decoration: none; } 

p contact { font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 90%; font-weight: normal; color: #000000; text-decoration: none; margin: 0px; }  

.bibliography { font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 90%; font-weight: normal; color: #000000; text-decoration: none; line-height: 170%; margin: 0px; } 

h1 { font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 150%; font-weight: bolder; color: #000000; text-decoration: none; margin: 0px; } 
h2 { font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 130%; font-weight: bolder; color: #000000; text-decoration: none; margin: 0px; } 
h3 { font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 110%; font-weight: bolder; color: #000000; text-decoration: none; margin: 0px; } 

.sitemap-h1 { font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 150%; font-weight: bolder; color: #000000; text-decoration: none; text-align: left; margin: 0px; }

.monograph-authors { font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 110%; font-weight: normal; color: #000000; text-decoration: none; margin: 20px 0px 10px 0px; }
.monograph-authors a:link { color: #000000; font-weight: normal; text-decoration: none; } 
.monograph-authors a:active { color: #000000; font-weight: normal; text-decoration: none; } 
.monograph-authors a:visited { color: #000000; font-weight: normal; text-decoration: none; } 
.monograph-authors a:hover { color: #000000; font-weight: normal; text-decoration: none; }  

.section-title { font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 110%; font-weight: normal; color: #000000; text-decoration: none; margin: 0px; }
.section-title a:link { color: #000000; font-weight: normal; text-decoration: none; } 
.section-title a:active { color: #000000; font-weight: normal; text-decoration: none; } 
.section-title a:visited { color: #000000; font-weight: normal; text-decoration: none; } 
.section-title a:hover { color: #000000; font-weight: normal; text-decoration: none; } 

.projects-title { font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 110%; font-weight: bold; color: #000000; text-decoration: none; margin: 0px; }
.projects-title a:link { color: #000000; font-weight: normal; text-decoration: none; } 
.projects-title a:active { color: #000000; font-weight: normal; text-decoration: none; } 
.projects-title a:visited { color: #000000; font-weight: normal; text-decoration: none; } 
.projects-title a:hover { color: #000000; font-weight: normal; text-decoration: none; } 

.keys-table { font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 90%; font-weight: normal; color: #000000; text-decoration: none; margin: 0px; text-align: center; }
.keys-table { border-style: dashed; border-width: 1px 1px 1px 1px; border-color: #999999; }

.general-list1 { font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 90%; font-weight: normal; color: #000000; text-decoration: none; list-style-type: square; }
.general-list1 a:link { color: #0045FF; font-weight: bold; text-decoration: none; } 
.general-list1 a:active { color: #0045FF; font-weight: bold; text-decoration: none; } 
.general-list1 a:visited { color: #0045FF; font-weight: bold; text-decoration: none; } 
.general-list1 a:hover { color: #FF7900; font-weight: bold; text-decoration: none; } 

.general-list2 { font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 90%; font-weight: bolder; color: #000000; text-decoration: none; } 

.general-list3 { font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 90%; font-weight: normal; color: #000000; text-decoration: none; list-style-type: square; }
.general-list3 a:link { color: #000000; font-weight: normal; text-decoration: none; } 
.general-list3 a:active { color: #0045FF; font-weight: normal; text-decoration: none; } 
.general-list3 a:visited { color: #000000; font-weight: normal; text-decoration: none; } 
.general-list3 a:hover { color: #FF7900; font-weight: normal; text-decoration: none; }
.general-list3 { margin: 6px 6px 6px 0px; }

.image-about { float: right; padding: 0px; margin: 10px 5px 15px 15px; width: 344px; background: #c0c0c0; }
.image-history { float: right; padding: 0px; margin: 10px 5px 15px 15px; width: 320px; background: #c0c0c0; }
.image-right-caption { padding: 10px 10px 10px 10px; clear: both; }

.photo-showcase { float: right; padding: 0px; margin: 10px 5px 15px 15px; width: 344px; background: #c0c0c0; }

/* old stuff */