/*
CSS for Tidy End
*/

.gallery{
border: 15px solid white;
}

.galleryr{
border: 15px solid white;
}


body {
font-family: Verdana, Helvetica, Arial, Sans-serif;
background-color: #e2edff;
line-height: 125%;
padding: 0;
margin: 0;
}



h1,h2,h3 {
font-family: "Trebuchet ms", Ariel, Helvetica, sans-serif;
}

h1 {
font-size: x-large;
background: #488AC7 url(pageimages/jad5.jpg) no-repeat;
color: white;
padding-top: 2em;
padding-bottom: .4em;
padding-left: .4em;
margin: 0;
}

h2 {
color: navy;
font-size: 130%;
font-weight: normal;
padding-top: 15px;
}

li {
font-size: medium;
list-style-type: circle;
}


p {

color: blue;
}

#tagline p {
font-style: italic;
font-family: Georgia, Times, serif;
background-color: #bed8f3;
border-top: 3px solid #7da5d8;
border-bottom: 3px solid #7da5d8;
padding-top: .2em;
padding-bottom: .2em;
padding-left: .8em;
margin: 0;
}



#search {
position: absolute;
top: 77px;
right: 10px;
font-size: x-small;
font-weight: bold;
}



a:link {
color: navy;
}

a:visited {
color: #808080;
}

a:hover {
text-decoration: none;
color: white;
background-color: navy;
}

a:active {
color: aqua;
background-color: navy;
}

#navigation {
width: 150px;
height: 600px;
padding-top: 5px;
padding-left: 5px;
padding-right: 15px;
background: url(pageimages/jad2.jpg) no-repeat;
font-weight: bold;
}

#header {
border-top: 3px solid #7da5d8
}


form.feedback fieldset {
border: 2px solid navy;
padding: 10px;
}

form.feedback legend {
font-weight: bold;
font-size: small;
color: navy;
padding: 5px;
}

form.feedback label.fixedwidth {
display: block;
width: 240px;
float: left;
}

table.services {
border-collapse: collapse;
}

table.services th, table.services td {
padding: 4px;
border: 1px solid #000066;
}

table.services th {
font-size: x-small;
}

table.services td {
font-size: small;
}

span.warning{
color: red;
} 

table.events{
border-collapse: collapse;
}

table.events th, table.events td{
padding: 4px;
border: 1px solid #000066;
}

table.events th{
font-size: x-small;
}

table.events td{
font-size: small;
}



/*
This section deals with the position of items on the screen.
It uses absolute positioning - fixed x and y coordinates measured
from the top left hand corner of the browser's
content display
*/

#navigation, #bodycontent, #header, #feature {
position: absolute
}

#navigation, #bodycontent {
top: 113px;
}

#bodycontent {
left: 200px;
}

#header {
width: 100%;
}


.feature {
float: right;
margin: 10px;
}

.copyrightphoto {
float: right;
margin: 10px;
}

.galleryr{
float: right;
}

#tabler {
float: right;
}