html {
height: 99%;
}

body {
background:fixed;  
height: 99%;
font-family: Georgia, Cambria, Calibri, Arial;
font-style: italic;
font-size: .9em;
padding-left: 0px;
padding-right: 0px; 
}

sup {
vertical-align:;
font-size:x-small;
color: #0000ff;
}

.notes {        
text-align: justify;
background-image:url(../layout-images/tws_bg.jpg);
background-attachment: fixed;
padding-left: 50px;
padding-right: 10%;
}

h2, h3, h4, h5 {
font-weight: bold;
line-height: 1.2em;
text-align: center;
color: green;
margin: 5px;
}

a:link {
color: #008000;
text-decoration: none;
}

/* visited link */
a:visited {
color: red;
text-decoration: none;
}

/* mouse over link */
a:hover {
color:blue;
text-decoration: none;
}

/* selected link */
a:active {
color: yellow;
text-decoration: none;
}

ul, li {
line-height: 1.4em;
text-align: justify;
text-justify: inter-word;
margin-top: 0 !important;
margin-bottom: 0 !important;
margin-right: 0px;
padding: 0 0px 0 0px;
padding-left: 15px;
}

p {
font-style:italic; 
font-weight:normal 
font-family:Georgia, Cambria, Calibri, Arial; 
font-size:.9em; 
color:black; 
text-align:left;
line-height: 1.4em;
text-align: justify;
text-justify: inter-word;
margin-top: 0 !important;
margin-bottom: 0 !important;
margin-right: 0px;}	

.center  {
text-align: center;
}

.copyright {
font-size: .7em;   
line-height: 1em;
font-weight: normal;
text-align: center;
padding: 1px 0 2px 0;
}

.letter {
font-size: .9em;   
line-height: 1.2em;
font-weight: normal;
color:blue;
text-align: left;
padding: 1px 0 2px 0;
}

.subjectheading {font-size:1em; font-weight:bold; color:green; text-align:left; }

p.courtesy {
font-size:.8em; 
text-align:center; 
color:green; }	

.six-center {
font-size: .6em; 
text-align: center;
}

.six-center-red {
font-size: .6em; 
text-align: center;
color: red;
}


.seven-left { 
font-size: .7em;
text-align: left;
}

.seven-left-blue { 
color: blue;
font-size: .7em;
text-align: left;
}

.seven-justify {
font-size: .7em; 
text-align: justify;
text-justify: inter-word;
}	

.seven-center { 
font-size: .7em;
text-align: center;
}	

.seven-center-blue { 
color: blue;
font-size: .7em;
text-align: center;
}

.seven-center-green { 
color: green;
font-size: .7em;
text-align: center;
}

.eight-left {
font-size: .8em; 
text-align: left;
text-justify: inter-word;    
}	
.eight-left-red {
color: red;    
}

.eight-left-blue { 
color: blue;
}

.eight-justify {
font-size: .8em; 
text-align: justify;
text-justify: inter-word;
}	

.eight-center {
font-size: .8em; 
text-align: center;
text-justify: inter-word;
}

.eight-center-bold {
font-size: .8em; 
font-weight: bold;
text-justify: inter-word;
}

.eight-center-green { 
color: green;
font-size: .8em;
text-align: center;
text-justify: inter-word;
}

.eight-justify-green {
color:green;
font-size: .8em; 
text-align: justify;
text-justify: inter-word;
}	

.eight-center-blue { 
color: blue;
font-weight: normal;
font-size: .8em;
text-align: center;
}

.eight-center-red { 
color: red;
font-size: .8em;
text-align: center;
text-justify: inter-word;
}

.eight-justify-blue {
color: #0000ff;
font-size: .8em; 
text-align: justify;
text-justify: inter-word;
}	

.nine-left { 
font-size: .9em;
text-align: left;
text-justify: inter-word;
} 

.nine-left-blue { 
color: #0000ff;
}

.nine-left-blue-bold { 
color: #0000ff;
font-weight: bold;
}

.nine-center { 
font-size: .9em;
text-align: center;
text-justify: inter-word;
} 

.nine-center-green { 
color: green;
font-size: .9em;
text-align: center;
text-justify: inter-word;
}

.nine-center-red { 
color: red;
font-size: .9em;
text-align: center;
text-justify: inter-word;
}

.nine-center-blue { 
color: blue;
font-size: .9em;
text-align: center;
text-justify: inter-word;
}

.nine-center-blue-margin { 
color: blue;
font-size: .9em;
text-align: center;
margin-left: 100px;
margin-right: 100px;
}

.nine-justify { 
font-size: .9em;
text-align: justify;
text-justify: inter-word;
} 

.nine-center { 
font-size: .9em;
text-align: center;
text-justify: inter-word;
}

.ten-center { 
color: #0000FF;
font-size: 1em;
text-align: center;
} 

.ten-left-bold-blue { 
color: #0000FF;
font-weight: bold;
font-size: 1em;
text-align: left;
}

.ten-left-blue { 
color: #0000FF;
font-size: 1em;
text-align: left;
text-justify: inter-word;
}

.ten-left-green-bold { 
color: green;
font-size: 1em;
font-weight: bold;
text-align: left;
text-justify: inter-word;
}

.ten-justify-blue { 
color: #0000FF;
font-size: 1em;
text-align: justify;
text-justify: inter-word;
}

.ten-center-blue { 
color: #0000FF;
font-size: 1em;
text-align: center;
text-justify: inter-word;
}

.ten-center-red { 
color: #ff0000;
font-size: 1em;
text-align: center;
text-justify: inter-word;
}

.button {
font-family: Georgia, Cambria, Calibri, Arial;
font-style: italic;
font-size: 1em;
background-color: #ffffff;
border: 2px;
padding: 0px 3px 0px 3px;
text-align: center;
text-decoration: none;
display: inline-block;
margin: auto;
cursor: pointer;
border-radius: 3px;
border: 1px solid #000000;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
}

.buttonnohover {
font-family: Georgia, Cambria, Calibri, Arial;
font-style: italic;
font-size: 1em;
background-color: #ffffff;
border: 2px;
padding: 0px 3px 0px 3px;
text-align: center;
text-decoration: none;
display: inline-block;
margin: auto;
cursor: pointer;
border-radius: 3px;
border: 1px solid #000000;

}

.buttonleft {
font-family: Georgia, Cambria, Calibri, Arial;
font-style: italic;
font-size: 1em;
background-color: #ffffff;
border: 2px;
padding: 0px 3px 0px 3px;
text-align: left;
text-decoration: none;
display: inline-block;
margin: auto;
cursor: pointer;
border-radius: 3px;
border: 1px solid #000000;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
}

.buttonleftfulwidth {
font-family: Georgia, Cambria, Calibri, Arial;
font-style: italic;
font-size: 1em;
background-color: #fff9d5;
border: 2px;
padding: 0px 3px 0px 3px;
width: 97%;
text-align: left;
text-decoration: none;
display: inline-block;
margin: auto;
cursor: pointer;
border-radius: 3px;
border: 1px solid #000000;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
}

.buttonleftfulwidthindex {
font-family: Georgia, Cambria, Calibri, Arial;
font-style: italic;
font-size: .9em;
background-color: #ffffff;
border: 2px;
padding: 0px 3px 0px 3px;
width: 97%;
text-align: left;
text-decoration: none;
display: inline-block;
margin: auto;
cursor: pointer;
border-radius: 3px;
border: 1px solid #000000;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
}

.buttoncentertext {
font-family: Georgia, Cambria, Calibri, Arial;
font-style: italic;
font-size: .9em;
background-color: #ffffff;
border: 2px;
padding: 0px 3px 0px 3px;
width: 97%;
text-align: center;
text-decoration: none;
display: inline-block;
margin: auto;
cursor: pointer;
border-radius: 3px;
border: 1px solid #000000;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
}

.buttonaccordian {
font-family: Georgia, Cambria, Calibri, Arial;
font-style: italic;
font-size: .8em;
font-weight:bold;
background-color: #ffffff;
padding: 3px;
width: 97%;
display: inline-block;
margin: auto;
cursor: pointer;
border: 1px solid #c0c0c0;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
}

.buttonblack {
background-color: #CACACA;
border: none;
padding: 2px;
text-align: center;
text-decoration: none;
display: inline-block;
margin: 2px;
cursor: pointer;
border-radius: 4px;
border: 1px solid #CACACA;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
}
.buttongrey {
background-color: #C0BFC0;
border: none;
padding: 2px;
text-align: center;
text-decoration: none;
display: inline-block;
margin: 2px;
cursor: pointer;
border-radius: 4px;
border: 1px solid #C0BFC0;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
}

.buttongreen {
background-color: #edffb0;
border: none;
padding: 2px;
text-align: center;
text-decoration: none;
display: inline-block;  
margin: 0px;
cursor: pointer;
border-radius: 4px;
border: 1px solid #80ff00;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
}

.buttonred {
background-color: #FF6A62;
border: none;
padding: 2px;
text-align: center;
text-decoration: none;
display: inline-block;
margin: 2px;
cursor: pointer;
border-radius: 4px;
border: 1px solid #FF6A62;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
}

.buttonblue {
background-color: #B8BBFF;
border: none;
padding: 2px;
text-align: center;
text-decoration: none;
display: inline-block;
margin: 2px;
cursor: pointer;
border-radius: 4px;
border: 1px solid #000000;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
}

.buttonyellow {
background-color: #FFFF6D;
border: none;
padding: 2px;
text-align: center;
text-decoration: none;
display: inline-block;
margin: 2px;
cursor: pointer;
border-radius: 4px;
border: 1px solid #000000;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
}


.button:hover {
background-color: #BBBFC0; /* blue */
color: white;
box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}

onMouseOver a {
color: red;
text-decoration: none;
}

/* TOWN VIEW PAGE FORMATS */

#streetview {
font-size: .8em;
font-style: italic;
font-weight: normal;
line-height: 1.2em;
text-align: left;
margin: 0px 0px 0px 0px;
padding: 5px;
width:100%;
height: 550px;
border-top: 0px solid #85a32f;
border-bottom: 0px solid #85a32f;
}

/* clears containers with floated elements, no need for extra markup! */
.clear:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

left-col-index {
float: left;
width: 24%;
height: 550px;
font-style: italic;
font-weight: normal;
text-align: left;
overflow-y: auto;
border: 0px solid #85a32f;
}

.streetview {    
font-size: .8em;
font-style: italic;
font-weight: normal;
text-align: left; 
}

#right-col-image {
float: right;
width: 74%;
height: 550px;
font-style: italic;
font-weight: normal;
text-align: center;
border: 0px solid #85a32f;
}
/* END TOWN VIEW PAGE FORMATS */

img {
border: 3px solid #BBBFC0;
border-radius: 5px;
padding: 0px;
}

img.notes  {
display: block;
border-radius: 10px;
border: 3px solid #BBBFC0;
margin-left: auto;
margin-right: auto;
width:;
}	

img.chincem  {
display: block;
border-radius: 10px;
border: 3px solid #BBBFC0;
margin-left: auto;
margin-right: auto;
width: 700;
}	

span.headings {
display: inline; /* the default for span */
width: 100px;
height: 100px;
padding: 5px;
border: 1px solid blue;  
background-color: yellow; 
}