div {}

/*descendant selector - type selector in selected element*/

body {color: #000000;

font-family: Verdana, Helvetica, Arial, sans-serif;
margin: 0px;
background-color: #6f653f;
font-family: "Bradley Hand ITC", Georgia, "Times New Roman";}

.content {
background-color: #db7133;
margin-left: 75px;
margin-right: 75px;
margin-top: 10px;
padding: 10px;}

.main-text {
font-family: Georgia, "Times New Roman";
text-align: justify;
padding: 5px 20px 5px 20px;
margin: 0px 0px 10px 135px;
background-color: #ebd9ac;
border: 1px #000 solid; 
}

.header {
background-color: #e9ba4a;
padding: 25px;
color: #fff;
font-family: "Bradley Hand ITC", Georgia, "Times New Roman";
border: 2px #ffd673 solid;
background-image: url("garnviewthin.jpg");
background-repeat: no-repeat;
background-position: 50%;
margin-bottom: 10px;}

.header p {
font-size: 1.9em;
text-align: center;
font-weight: bold;
margin: 0;
padding: 0;
}


.commentbox {position: absolute;
top: 50px;
right: 5px;
width: 115px;
border: 1px #777777 dashed;
margin: 0;
padding: 5px;
background-color: #e0b4c0;
font-weight: bold;}

.commentbox p {
text-align: left;
}

.navbar {
float: left; 
clear: left;
width: 120px;
margin: 0px;
background-color: #b55a26;
padding: 0px 0px 8px 8px;
color: #fff;
font-size: 1.3em;
border: 1px #000 solid;}

.navbar ul {
margin: 0;
padding: 0;
}

.navbar ul li {
list-style-type: none;
margin: 0;
padding: 0;
border: 0px;
}

.navbar ul li a:link {
display: block;
text-decoration: none;
font-weight: bold;
margin: 0;
padding: 0px;
background-color: #b55a26;
color: #fff;
}

.navbar ul li a:visited {
display: block;
font-weight: bold;
padding: 0px;
background-color: #b55a26;
margin: 0;
color: #fff;
}

.navbar ul li a:hover {
margin: 0;
padding: 0px;
font-weight: bold;
color: #d5d5d5;
}

ul {
font-size: .8em;
text-align: justify;
padding-right: 0px;}

li {}

h1 {font-size: 1.3em;
text-align: center;
font-style: normal;
letter-spacing: 3px;}

h2 {font-size: 1.2em;
text-decoration: none;
text-align: center;}

h3 {font-size: 1.2em;
text-decoration: none;
text-align: left;}

h4 {font-size: 1.1em;
text-decoration: none;
text-align: left;}

p {font-size: .8em;
text-align: justify;
line-height: 1.7em;}

p.footer {
font-size: .7em;
text-align: center;
font-weight: bold;
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #fff;
}

a {color: #666666;
background-color: #76e16c;
text-decoration: none;}

a:link {color: #666666;
background-color: #76e16c;
text-decoration: none;}

a:visited {color: #666666;
background-color: #e1436b;
text-decoration: none;}

a:hover {background-color: #57a650;
color: #000000;
text-decoration: none;}

a:active {text-decoration: none;}

p.quote {font-weight: bold;
text-align: center;
font-style: normal;}

p.quoter {font-weight: bold;
text-align: center;
font-style: italic;}

p.intro {
padding: 0;
margin: 5px;
font-weight: bold;
text-align: justify;
font-size: 1.0em;
font-family: Verdana, Helvetica, Arial, sans-serif;
}

p.refer {font-weight: bold;
text-align: left;
font-style: italic;
font-size: 0.9em;}


table{font-family: Georgia, "Times New Roman";
font-size: .8em;
}

p img{
text-align: center;
}

.imageshadowsimple {
background-colour: #fff;
}

.imageshadowsimple img {
padding: 0px;
background-colour: #fff;
border: 2px #000 solid;
}

.imageleft {
width: 95%;
padding: 5px;
margin: 5px 5px 5px 5px;
float: left;
position: relative;
}

.imageleft img {
float: left;
position: relative;
background-color: #f5f3ac;
border: 1px solid #a9a9a9;
margin: 6px 6px 6px 6px;
padding: 4px;
}