body {
background-color: #c9f2f6;
margin-left: auto;
margin-right: auto;
text-align: center;
font-size: 11px;
width: 650px;
}

.cntr {
text-align: center;
width: 630px;
float: left;
}

.content img {
margin-left: auto;
margin-right: auto;
text-align: center;
margin: 10px;       /* Stops IMAGES in main div butting up too close */
}                   /* Just using the global 'img' causes menu problems */

.txtarea {
font-family: Arial, sans-serif;
background-color: #ddffdd;
padding: 5px;
font-size: 12px;
}

h1, h2, h3 ,b {
color: #0000aa;
font-family: arial, helvetica, sans-serif;
}

h1 {
font-size: 25px;
}

h2 {
font-size: 18px;
}

a:link {
color: #ff4646;
font-size: 12px;
}

a:visited {
color: #950000;
font-size: 12px;
}

a:hover {
color: #0000ff;
text-decoration: none;
font-size: 12px;
}

a:active {
color: #ff4646;
font-size: 12px;
}

b {
font-size: 12px;
}

.menubarl {
width: 150px;
text-align: left;
background-color: #eeeeee;
color: #0000aa;
float: left;
font-size: 12px;
}


form.textinfo {
color: blue;
width: 350px;
}

textarea {
font-size: 12px;
background-color: #cccccc;
padding: 7px;
}


.infopic {
width: 250px;
text-align: center;
background-color: #eeeeee;
float: left;
border: solid black;
margin-left : 40px;
padding-left : 25%;
padding-right : 25%;
}