body {
background-color: #dedebf;
color: #007a00;
font-family: ibm_plex_sansregular, sans-serif;
}

a, .nb a:hover, .tip a:hover, a.switch:hover, a.nov:hover {
background-color: transparent;
color: #007a00;
border-bottom: 2px solid #007a00;
}

nav a, .fwd a, a.link, .panelcollapsed p, .panel p, a.close {
background-color: #007a00;
color: #dedebf;
border-bottom: 0;
}

a:hover, .panelcollapsed p:hover, .panel p:hover {
background-color: #dd3300;
color: white;
border-color: transparent;
}

a.switch {
top: 160px;
left: 15px;
}

article {
max-width: 590px;
padding-left: 210px;
font-size: 17px;
line-height: 27px;
}

h1, h2, h3 {
font-family: ibm_plex_sansmedium, sans-serif;
letter-spacing: +0.05em;
font-weight: normal;
margin: 0;
}

h1 {
padding: 20px 0 5px 9px;
border-bottom: 8px solid #007a00;
font-size: 30px;
line-height: 1;
}

h2 {
padding: 20px 0 0 10px;
font-size: 18px;
line-height: 1;	
}

h3 {
font-size: 17px;
line-height: 1;	
}

nav {padding-top: 10px;}

nav a {
float: left;
width: 50%;
}

footer {
margin-top: 20px;
border-top: 20px solid #007a00;
}

footer p {margin: 20px 10px 0 10px;}

p {margin: 10px 10px 0 10px;}

footer, aside, .notesml, .notenorm, .notemed, .notebig, .panelcontent, #caledonia {
font-size: 15px;
line-height: 24px;	
}

.notesml, .notenorm, .notemed, .notebig, .panelcontent {
border: 2px solid #007a00;
background-color: #dedebf;
color: #007a00;
}

.panelcontent {padding: 8px;}

.panelcollapsed p, .panel p {
width: 250px;
margin: 5px 0 0 0;
}

blockquote {margin: 5px 40px 0 40px;}

.panelcontent blockquote, aside blockquote, .notenorm blockquote, .notemed blockquote, .notebig blockquote {margin: 3px 25px 0 25px;}

aside {
padding: 8px;
text-align: center;
}

.spacer {margin-top: 7px;}

#geog {margin: 0 40px 0 40px;}

#geog td {padding-top: 5px;}

sub {
font-size: 20px;
line-height: normal;
position: relative;
bottom: -1px;
}

.cog td {
vertical-align: top;
padding: 5px 0 0 10px;
}

#map {
width: 200px;
position: fixed;
top: 10px;
margin-left: -210px;
}

#nos a {
font-family: ibm_plex_sansmedium, sans-serif;
text-align: center;
position: absolute;
height: 15px;
width: 15px;
background-color: #007a00;
color: #dedebf;
border: 1px solid #dedebf;
}

#nos a:hover {
background-color: #dd0033;
color: white;
border: 1px solid white;
}

#ptolemy {
background-image: url(ptolemy.gif);
background-position: right 69px;
background-repeat: no-repeat;	
}

#ptolemy div {
float: right;
clear: right;
}

#caledonia {
width: 280px;
background-image: url(scotribes.gif);
background-position: top center;
background-repeat: no-repeat;
float: right;
margin: -15px 0 5px 10px;
}

#rivers {
height: 309px;
color: #dedebf;
}

#nos a, #rivers {
font-size: 12px;
line-height: 13px;
}

#e_map {
position: fixed;
top: 0;
right: 20px;
display: none;
border: 2px solid #007a00;
}

.sho650, .sho750, .sho750bl {display: none;}

.rt650a, .rt750c {
float: right;
margin: 20px 0 0 8px;
}

.rt750a {
float: right;
margin: 10px 0 5px 5px;
}

.rt750b {
float: right;
margin: 10px 0 0 8px;
}

.rt400a {
float: right;
margin: 10px 0 5px 8px;
}

.ch750a {
height: 194px;
margin: 10px 0 0 0;
}

.ch750b {
height:171px;
margin: 10px 0 0 0;	
}

.ch650a {
height: 237px;
padding-top: 40px;
}

.lt650a {float: left;}

@media screen and (max-width: 750px) {
.go750 {display: none;}
.sho750 {display: inline;}
.sho750bl {
display: block;
width: 250px;
margin: 10px auto 0 auto;
}
.rt750a, .rt750b, .rt750c {
float: none;
margin: 10px auto 0 auto;
}
.ch750a, .ch750b {
height: auto;
margin: 0;
}
}

@media screen and (max-width: 650px) {
article {padding: 0;}
nav {height: 80px;}
nav a {
width: 100%;
margin-bottom: 10px; 
}
#map {
position: relative;
top: 0;
margin: 0 auto 0 auto;
}
#caledonia {
float: none;
margin: 0 auto 5px auto;
}
.rt650a {
float: none;
margin: 15px auto 0 auto;
}
.go650 {display: none;}
.sho650 {display: inline;}
.ch650a {
height: auto;
padding-top: 0;
}
.lt650a {
float: none;
margin: 5px auto 0 auto;
}
}

@media screen and (max-width: 400px) {
#e_map {right: 0;}
.go400 {display: none;}
.rt400a {
float: none;
margin: 10px auto 0 auto;
}
}