body {
color: #222222;
background-color: #E0E0E0;
font-family: Verdana, Arial, Sans-serif;
font-size: 1.1em;
line-height: 1.4em;
margin:0;
padding:0;
}

h1 {color: #6D6979; background-color: inherit; font-family: "Trebuchet MS", Verdana, Arial, Sans-serif; font-size: 1.9em; font-weight: bold;} 
h2 {color: #6D6979; background-color: inherit; font-family: "Trebuchet MS", Verdana, Arial, Sans-serif; font-size: 1.5em; font-weight: bold;} 
h3 {color: #6D6979; background-color: inherit; font-family: "Trebuchet MS", Verdana, Arial, Sans-serif; font-size: 1.3em; font-weight: bold;}

a:link    {text-decoration: underline; color: #005555; background-color: inherit; font-weight: 500; padding: 2px 5px 2px 5px; }
a:visited {text-decoration: underline; color: #AA5555; background-color: inherit; font-weight: 500; }
a:hover   {text-decoration: none; color: #FFFFFF; background-color: #9EBFE2; font-weight: normal; }
a:active  {text-decoration: none; color: #700000; background-color: inherit; font-weight: normal; }

a:link.image {padding: 0px;}
a:hover.image {background-color: inherit;}

blockquote {margin: 0px 25px 0 10px;}

img {max-width: 100%; border: 0;}

img.photo {
padding: 0px;
border: 1px solid #EEEEEE;
margin: 5px;
color: inherit;
background-color: #FFFFFF;
}

img.photo2 {
border: 1px solid #CECECE;
padding: 6px;
margin: 10px;
color: inherit;
background-color: #FFFFFF;
}
img.tablet {
float: left;
padding: 0px;
border: 5px outset #EEEEEE;
margin: 5px;
color: inherit;
}

div.for_caption {
float: left;
padding: 0px;
margin: 5px;
text-align: center;
border: 1px solid #CCCCCC;
}
div.for_caption img.tablet {margin: 0px;}


#pagewidth-1024 {
position: relative;
max-width: 960px;
width: 100%;
margin: 10px auto 10px auto;
background-color: #FFFFFF;
text-align:left;
overflow: hidden;
}

#top {
position: relative;
width: 100%;
height: 100%;
max-height: 100px;
color: inherit;
background-color:#BDB9C3;
margin: 0px;
padding: 0px;
z-index: 100;
overflow: visible;
}

#frame {
border:none;
width:100%;
height:250px;
}

#main {
position: relative;
height: auto;
min-height: 400px;
background-color: #FFFFFF;
padding: 10px 10px 0px 10px;
margin: 0px 0px 0px 0px;
z-index: 10;
}

@media screen and (max-width: 830px) {
	#top {max-height: 135px;}
}
@media screen and (max-width: 680px) {
	#top {max-height: 170px;}
}
@media screen and (max-width: 420px) {
	#top {max-height: 215px;}
}

#footer {
position: relative;
left: 0px;
width: 100%;
padding-top: 5px;
text-align: center;
color: #444;
background-color: #BDB9C3;
overflow: hidden;
}
#footer p {font-size: 0.75em; margin: 0px;}

#footer iframe {width: 100%; height: 25px;}

#footer-page {
position: relative;
float: left;
top: 0px;
padding-bottom: 5px;
width: 100%;
min-height: 10px;
line-height: 1.4em;
text-align: center;
color: #444;
background-color: #BDB9C3;
}
#footer-page p {font-size: 0.75em; margin: 0px;}
#footer-page p a {text-decoration: none; color: #444; background-color: inherit; font-weight: normal;}
#footer-page p a:hover {color: #FFFFFF; background-color: #9EBFE2; font-weight: normal;}

.copyrightFrame {width: 100%; height: 20px; margin: 0 0 20px 0;}

#copyright-page p {
text-align: center;
font-size: 0.90em;
margin: 0px;
color: #444;
background-color: #FFF;
}

input,
textarea {
cursor: pointer;
width: 100%;
font-size: 1.1em;
font-weight: normal;
}

input[type='submit'] {
width: 200px;
color: #000000;
background-color: #FFBD56;
border-radius: 25px;
padding: 3px;
}
input:hover,
textarea:hover,
input[type='submit']:hover {
color: #000;
background-color: #BDB9C3;
}

table.contact-form {
width: 98%;
padding: 20px;
border: none;
background-color: #DEDEDE;
}
table.contact-form tr {
height: 40px;
}