/* CSS STYLE - North Cray */
 
 body {
  /*background-color:#ffffff;*/
  font-size:62.5%;
 }

p {
  font-family:clarendon bt;
  font-weight: normal;
  font-size:1.4em;
  color: #000000;
}

strong {
  font-family:clarendon bt;
  font-weight: normal;
  font-size:1.4em;
  color: #ffffff;
  background-color: #000000;
}

ul {
  list-style-type: none;
  list-style-position:outside; 
  padding: 0px;
  margin: 0px; 
}

ol {
  font-family:clarendon bt;
  font-weight: normal;
  font-size:1.4em;
  color: #000000;
}


h1 {
  font-family:clarendon bt;
  font-weight: normal;
  font-size:2.6em;
  color: #007300;
}

h2 {
  font-family:clarendon bt;
  font-weight: normal;
  font-size:2.0em;
  color: #00aa00;
}

h3 {
  font-family:clarendon bt;
  font-weight: normal;
  font-size:1.0em;
  color: #005900;
}

h4 {
  font-family:clarendon bt;
  font-weight: normal;
  font-size: 1.6em;
  color: #007300;
}

tt {
  font-family:clarendon bt;
  font-weight: normal;
  font-size: 1.4em;
  color: #007700;
}

em {
  font-family:Amienne;
  font-weight: bold;
  font-size:2.0em;
  color: ff6600;
}

q {
  font-family:clarendon bt;
  font-weight: bold;
  font-size:1.1em;
  color: #005900;
}


a.nav {
  display: block;
  font-size : 1.6em;
  font-family:clarendon bt;
  color : #ffd100; 
  font-weight: normal;
}

a.nav:link {
  text-decoration: none;
  color: #ffd100;
}

a.nav:visited {
  text-decoration: none;
  color: #ffd100;

}

a.nav:hover {
  text-decoration: none;
  color: #005000;
  background: #ffff4a;
}

a.nav:active {
  text-decoration: none;
  /*color: #0000ff;*/
 }


a.misc {
  font-size : medium;
  font-family:clarendon bt;
  color : #0000ff; 
  font-weight: normal;
}

a.misc:link {
  text-decoration: underline;
  color: #0000ff;
}

a.misc:visited {
  text-decoration: underline;
  color: #0000ff;
}

a.misc:hover {
  text-decoration: underline;
  color: #ee0000;
}

a.misc:active {
  text-decoration: underline;
  /*color: #0000ff;*/
 }

a.community {
  font-size : 1.1em;
  font-family:clarendon bt;
  color : #0000ff; 
  font-weight: normal;
}

a.community:link {
  text-decoration: none;
  color: #0000ff;
}

a.community:visited {
  text-decoration: none;
  color: #0000ff;
}

a.community:hover {
  text-decoration: none;
  color: #ee0000;
}

a.community:active {
  text-decoration: none;
  /*color: #0000ff;*/
 }

a.scroll {
  font-size : 0.85em;
  font-family:clarendon bt;
  color : #0000ff; 
  font-weight: normal;
}

a.scroll:link {
  text-decoration: none;
  color: #0000ff;
}

a.scroll:visited {
  text-decoration: none;
  color: #0000ff;
}

a.scroll:hover {
  text-decoration: none;
  color: #ee0000;
}

a.scroll:active {
  text-decoration: none;
  /*color: #0000ff;*/
 }

a.logo {
  font-size : 1.2em;
  font-family:clarendon bt;
  color : #ff6600; 
  font-weight: bold;
}

a.logo:link {
  text-decoration: none;
  color: #ff6600;
}

a.logo:visited {
  text-decoration: none;
  color: #ff6600;
}

a.logo:hover {
  text-decoration: none;
  color: #ff4000;
}

a.logo:active {
  text-decoration: none;
  /*color: #ff6600;*/
 }

#titlebox, #titlebox2, #navigationlinkbox,#heritagelinkbox, #compatbox, #picbox, #textbox, #textbox2, #textbox3, #textbox4, #textbox5, #picbox2, #picbox3, #picbox4, #hyperlink, #wdlogobox, #ncralogobox, #scrollbox, #form {
  position: absolute;
}

#swaptext1, #swaptext2, #swaptext3, #swaptext4, #swaptext5, #swaptext6, #swaptext7, #swaptext8, #swaptext9, #swaptext10, #swaptext11, #swaptext12, #swaptext13, #swaptext14, #swaptext15 {
  position: absolute; 
  }

#swaptext1, #swaptext2, #swaptext3, #swaptext4, #swaptext5, #swaptext6, #swaptext7, #swaptext8, #swaptext9, #swaptext10, #swaptext11, #swaptext12, #swaptext13, #swaptext14, #swaptext15 {
  left : 0%;
  width :100%;
  text-align : justify;
 }

.swaptext {
  font-size : 1.8em;
  }

table.swaptext td {
  font-size : 0.9 em;
  }

#swappic1, #swappic2, #swappic3, #swappic4, #swappic5, #swappic6, #swappic7, #swappic8, #swappic9, #swappic10, #swappic11, #swappic12, #swappic13, #swappic14, #swappic15 {
  position: absolute; 
  }

#swappic1, #swappic2, #swappic3, #swappic4, #swappic5, #swappic6, #swappic7, #swappic8, #swappic9, #swappic10, #swappic11, #swappic12, #swappic13, #swappic14, #swappic15 {
  top : 20%;
  left : 1%;
  width :67% ;
  border: 2px solid #999999;
  padding-top:8px;
  padding-right:8px;
  padding-left:8px;
  text-align : justify;
 }

.swappic {
  font-size : 1.8em;
  }

table.swappic td {
 font-size : 0.9 em;
  }

.shrinktext {
  font-size : 0.6em;
}

.wdlogobox {
  left: 5%;
  height: 20%;
  width: 100%;
  text-align: center;
  /*border: 2px solid black;*/
}

.dividerbox {
  left: 5%;
  height: 3%;
  width: 90%;
  text-align: center;
  /*border: 2px solid black;*/
}

#ncralogobox {
  top: 1%;
  left: 1%;
  width: 30%;
  text-align: center;
  /*border: 2px solid black;*/
}

#titlebox {
  top: 2%;
  left: 31%;
  width: 66%;
  /*border: 1px solid red;*/
}

#titlebox2 {
  top: 2%;
  left: 3%;
  width: 96%;
  text-align: center;
  /*border: 1px solid green;*/
}

#scrollbox {
  top: 20%;
  left: 77%;
  width: 23%;
  height:95%;
  /*border: 1px solid red;*/
}

#navigationlinkbox {
  top: 20%;
  left: 1%;
  width: 20%;
  text-align: left;
 
  /*border: 1px solid red;*/
}
#navigationlinkbox ul li a {
  background-color: #007300;
  color : #ffd100; 
  display: block;
  text-align: center;
  font-size : 1.6em;
  font-family:clarendon bt;
  font-weight: normal;
  border: 1px solid #004000;  
  margin-bottom: 7px;
  text-decoration: none;
}

#navigationlinkbox ul li a:hover {
  background-color: #ffff4a;
  color: #005000;
  display: block;
  font-size : 1.6em;
  font-family:clarendon bt;
  font-weight: normal;
  border: 1px solid #004000; 
  margin-bottom: 7px;
  text-decoration: none;
}
.navlink1 {
  width: 100%;
  background-color:#007300;
  text-align: center;
  border: 1px solid #004000;  
}


#heritagelinkbox {
  top: 20%;
  left: 70%;
  width: 30%;
  text-align: left;
  background-color:#ffffff;
  /*border: 1px solid red;*/
}


#picbox {
  top: 20%;
  left: 23%;
  width: 55%;
  /*overflow : hidden;*/
  /*border: 2px solid black;*/
}

#picbox2 {
  font-family:Comic Sans MS;
  font-weight: normal;
  color: #0000ff;
  top: 20%;
  left: 25%;
  width: 70%;
}

#picbox3 {
  top: 2%;
  left: 7%;
  width: 88%;
  /*border: 2px solid red;*/
}

#picbox4 {
  top: 17%;
  left: 3%;
  width: 72%;
  /*border: 2px solid red;*/
}

#textbox {
  top: 19%;
  left: 23%;
  height: 92%;
  width: 74%;
  text=align : justify;
  /*overflow : hidden;*/
}

#textbox2 {
  top: 25%;
  left: 25%;
  height: 62%;
  width: 74%;
  text=align : justify;
  /*overflow : hidden;*/
}


#textbox3 {
  top: 16%;
  left: 75%;
  width: 24%;
  height:80%;
  /*border: 1px solid red;*/
}

#textbox4 {
  top: 6%;
  left: 5%;
  width: 94%;
  text-align: left;
  /*border: 1px solid red;*/
}

#textbox5 {
  top: 1%;
  left: 31%;
  height: 92%;
  width: 68%;
  text=align : justify;
  /*overflow : hidden;*/
}


#mapbox {
  margin: 1px ;
  float : right ;
  width: 58%;
}

#form {
  color: #ffffff;
  top: 30%;
  left: 30%;
  width: 60%;
  /*overflow : hidden;*/
}



table.planlinks th, table.planlinks td {
  font-size : 1.0em;
  line-height : 0.9em;
  font-family:clarendon bt;
  color : #000000; 
  background-color: #ffffff;
}

table.planlinks a {
  text-decoration: none;
  font-size : 0.9em;
  font-family:clarendon bt;
  color : #0000ff; 
  background-color: #ffffff;
}

table.planlinks a:hover {
  text-decoration: none;
  color: #ee0000;
}

table.links th, table.links td {
  font-size : 0.9em;
  font-family:clarendon bt;
  color : #000000; 
  background-color: #ffffff;
}

table.links a {
  text-decoration: none;
  font-size : 1.1em;
  font-family:clarendon bt;
  color : #0000ff; 
  background-color: #ffffff;
}

table.links a:hover {
  text-decoration: none;
  color: #ee0000;
}

table.list th, table.list td {
  font-size : 0.8em;
  font-family:clarendon bt;
  color : #000000; 
  background-color: #ffffff;
}

table.list a {
  text-decoration: none;
  font-size : 1.1em;
  font-family:clarendon bt;
  color : #0000ff; 
  background-color: #ffffff;
}

table.list a:hover {
  text-decoration: none;
  color: #ee0000;
}


table.heritage th, table.heritage td {
  font-size : 0.7em;
  font-family:clarendon bt;
  color : #000000; 
  background-color: #ffffff;
}

table.heritage a {
  text-decoration: none;
  font-size : 1.1em;
  font-family:clarendon bt;
  color : #0000ff; 
  background-color: #ffffff;
}

table.heritage a:hover {
  text-decoration: none;
  color: #ee0000;
}

#hyperlink {
  top: 0%;
  left: 20%;
  width: 60%;
  text-align: center;
}

table.hyperlink th, table.hyperlink td {
  font-size : 0.8 em;
  font-family:clarendon bt;
  color : #0000ff; 
 background-color: #DAE7FF;
}

table.hyperlink a {
  text-decoration: none;
  font-size : 1.1em;
  font-family:clarendon bt;
  color : #0000ff; 
}

table.hyperlink a:hover {
  text-decoration: none;
  color: #ee0000;
}

table.community th, table.community td {
  font-size : 0.85em;
  font-family:clarendon bt;
}

table.community li {
  font-size : 0.7em;
  font-family:clarendon bt;
}