/*NB Font for links is Brush Script MT.*/



body { 
background-color: #e9df94;
margin: 1px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 0.9em;
text-align: left;}

#header {
width: 100%;
background-image: url(images/IMG_head.JPG);
height: 200px;
background-repeat: repeat-x;
background-position: center;
border-bottom: 2px aqua solid;}

#logo {
position: relative;
top: 40px;
right: 20px;}

.picture {
position: relative;
top: 25px;
left: 20px;}

.content {
width: 95%;
height: auto;}

.col1 {
width: 20%;
height: auto;
float: left;}

.col1text {
padding-left: 15px;}

.col2 {
width: 60%;
height: auto;
float: left;
padding-left: 20px;
padding-top: 20px;}

.col3 {
width: 15%;
height: auto;
float: left;}

.col3 a {
text-decoration: underline;
color: green;
font-size: .9em;}

.col33 {
position: relative;
float: left;
width: 30%;
height: auto;
padding-left: 5px;
padding-right: 5px;}


.col33 a {text-decoration: underline;
color: red;
font-size: 2.5em;
text-align: center;
font-weight: bold;}
.col50 {
position: relative;
float: left;
width: 48%;
height: auto;
padding-left: 5px;
padding-right: 5px;}

/*This the code for the pop ups and pop up links.*/

.linkbox {
position: relative;
display: block;
vertical-align: middle;
text-align: center;
background-color: #e9df94;
width: 100%;
height: 35px;
margin-left: 10px;
margin-right: 10px;
text-decoration: none;
padding-top: 15px;
}

div#links a span {display: none;}

div#links a:hover span {display: block;
position: absolute; 
top: -5px; 
left: -372px; 
width: 350px;
padding: 5px; 
margin: 10px; 
z-index: 1000;
color: #1b4218;
font: 1.2em Verdana, sans-serif; 
text-align: center;
background: #cb8a3a;
border: 1px purple solid;
text-decoration: none;
}

/*End pop up code*/

#infopage {display: block;
position: absolute; 
top: +200px; 
left: +25%;
padding: 5px; 
margin: 10px; 
z-index: 1000;
color: #1b4218;
font: 1.2em Verdana, sans-serif; 
text-align: center;
background: #cb8a3a;
border: 1px purple solid;
text-decoration: none;
height: auto;
min-width: 200px;
min-height: 200px;
width: 50%;}

#box {
position: relative;
width: 80%;
height: auto;
margin: 50px;
background-color: #c2c2c2;
padding: 20px;}

.smallbox {
background-color: #c2c2c2;
height: auto;
width: 80%;
position: relative;
border: 1px #000000 solid;
margin-left: 20%;
padding-left: 5px;
padding-right: 5px;}

.dateline {font-size: .8em;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: normal;
text-align: right;
color: gray;}

p.footer {font-family: Arial, Verdana, Helvetica, sans-serif;
width: 100%;
border-bottom: 2px green;
text-align: center;
font-size: .8em;
position: relative;
border-top: 2px aqua solid;}
a>img { 
border: none;
text-decoration: none;}
	
a:link {
text-decoration: underline;}

a:hover {
text-decoration: underline;}

a:visited {
text-decoration: underline;}

h1 {font-size: 1.8em;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
text-align: left;}

h2 {font-size: 1.4em;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
text-align: left;}

h3 {font-size: 1.3em;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
text-align: left;
color: gray;}

h4 {font-size: 1.2em;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
text-align: left;
color: gray;}

h5 {font-size: 1em;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
text-align: left;
color: gray;}



h6 {font-size: inherit;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
text-align: left;
color: gray;}