html {height: 100%; margin-bottom: 1px;
overflow-y: scroll;}

BODY {
margin: 4px; padding:4px;
font-size : 10pt;
font-family : Verdana,Arial, "Times New Roman", Times, serif;
color: #444444; line-height: 135%;
background-color: #70AC77;
}

H1 {
color :  #476C4D;
font-size : 24px;
font-family : Verdana, Arial, Helvetica, Sans-Serif;
line-height: 100%;
margin: 0.00em;
}



H2 {
color :  #476C4D;
font-size : 18px;
font-family : Verdana, Arial, Helvetica, Sans-Serif;
line-height: 100%;
margin: 0.00em;
}


H3 {
color :  #476C4D;
font-size : 14px;
font-family : Verdana, Arial, Helvetica, Sans-Serif;
line-height: 100%;
margin: 0.00em;
}


P { 
font-size : 11pt;
font-family : Arial, Geneva, Helvetica, sans-serif;
line-height: 115%;
color: #555555;
 } 


TD.left { 
width: 145px; 
background-color: #476C4D;
text-align: center;
} 

TD.main{ 
background-color: #FFFFFF;
} 


TD.stripe  {  
background-color: #DD4FA2; 
text-align: left;
}

TD.linktop{ 
background-color: #476C4D;
color: #ffffff; 
}


a.linktop{ 
background-color: #476C4D;
color: #ffffff; 
}



TD.linktext{ 
font-size : 9pt;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align: justify;
color: #46323D;
} 


.header  {  
font-size: 12pt;
font-family: georgia,verdana,arial,geneva;
font-style: italic;
background-color: #FFFFFF; 
color: #777777;
text-align: right;
padding: 0;
}


.cairngorms  {  
font-size: 9pt;
font-weight:normal;
font-family:verdana,arial,geneva;
color: #FFFFFF;
text-align: right;
}

.small  {  
font-size: 8pt;
font-weight:bold;
font-family:verdana,arial,geneva;
color: #1B271D;
}


.smaller  {  
font-size: 7pt;
font-family: verdana,arial,geneva;
color: #1B271D;
}

.copyright  {  
font-size: 7pt;
font-family: arial,geneva;
color: #555555;
text-align: right;
}

#home{ display: block; width: 145px; height: 24px; background: url("images/homebut.gif") no-repeat 0 0; } #home:hover { background-position: 0 -24px; } #home span { display: none; } 

#accommodation{ display: block; width: 145px; height: 24px; background: url("images/accombut.gif") no-repeat 0 0; } #accommodation:hover { background-position: 0 -24px; } #accommodation span { display: none; }

#area{ display: block; width: 145px; height: 24px; background: url("images/areabut.gif") no-repeat 0 0; } #area:hover { background-position: 0 -24px; } #area span { display: none; }

#todo{ display: block; width: 145px; height: 24px; background: url("images/todobut.gif") no-repeat 0 0; } #todo:hover { background-position: 0 -24px; } #todo span { display: none; }

#links{ display: block; width: 145px; height: 24px; background: url("images/linksbut.gif") no-repeat 0 0; } #links:hover { background-position: 0 -24px; } #links span { display: none; }


.thumbnail img{
border: 0px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 0px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 30px;
left: 90px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

a:link { color: #222222;
font-size: 11pt;
font-weight:normal;
font-family: verdana,arial,geneva;
text-decoration: none;
}

a:visited { color: #222222;
font-size: 11pt;
font-weight:normal;
font-family: verdana,arial,geneva;
text-decoration: none;
}

a:hover { color: #666666;
font-size: 11pt;
font-weight:normal;
font-family: verdana,arial,geneva;
text-decoration: none;
}

a.tandc:link { color: #222222;
font-size: 10pt;
font-weight:normal;
font-family: verdana,arial,geneva;
text-decoration: underline;
}

a.tandc:visited { color: #222222;
font-size: 10pt;
font-weight:normal;
font-family: verdana,arial,geneva;
text-decoration: underline;
}

a.tandc:hover { color: #666666;
font-size: 10pt;
font-weight:normal;
font-family: verdana,arial,geneva;
text-decoration: underline;
}


a.small { color: #70AC77;
font-size: 6pt;
font-family:verdana,arial,geneva;
text-decoration: none;
}

a.small:hover { color: #cccccc;
font-size: 6pt;
font-family:verdana,arial,geneva;
text-decoration: none;
}

a.link { color: #70AC77;
font-size: 10pt;
font-family:verdana,arial,geneva;
text-decoration: none;
color: #ffffff;
font-weight: bold;
}

a.link:hover { color: #cccccc;
font-size: 10pt;
font-family:verdana,arial,geneva;
text-decoration: none;
color: #aaaaaa;
font-weight: bold;
}


a.inline:link { color: #004000;
font-size: 10pt;
font-weight:bold;
font-family:verdana,arial,geneva;
text-decoration: none;
}

a.inline:visited { color: #004000;
font-size: 10pt;
font-weight:bold;
font-family:verdana,arial,geneva;
text-decoration: none;
}

a.inline:hover { color: #476c4d;
font-size: 10pt;
font-weight:bold;
font-family:verdana,arial,geneva;
text-decoration: none;
}


LI {
font-size : 8pt;
font-family : Arial, "Times New Roman", Times, serif;
text-align: left;
}

 td.greenborder {
margin-left: 20px;
margin-bottom: 10px;
border: solid 4px #476d4c;
background-color: #efefef;
padding: 10px;
}