/* CUSTOM (CLASS) STYLES */


/* SELECTOR (HTML ELEMENTS) STYLES */


a:active { color: #000000; text-decoration: underline; }
a:link    { color: #000000; text-decoration: underline; }
a:visited { color: #000000; text-decoration: underline; }
a:hover     { color: #000000; text-decoration: underline; }

a.menu { color: #000000; text-decoration: none; font-weight: bold;}
a.menu:active { color: #000000; text-decoration: none;  font-weight: bold;}
a.menu:link    { color: #000000; text-decoration: none;  font-weight: bold;}
a.menu:visited { color: #000000; text-decoration: none;  font-weight: bold;}
a.menu:hover     { color: #ffffff; text-decoration: none;  font-weight: bold;}

a.submenu { color: #000000; text-decoration: none;}
a.submenu:active { color: #000000; text-decoration: none;}
a.submenu:link    { color: #000000; text-decoration: none;}
a.submenu:visited { color: #000000; text-decoration: none;}
a.submenu:hover     { color: #000000; text-decoration: none;}

a.footer:active { color: #000000; text-decoration: none; }
a.footer:link { color: #000000; text-decoration: none; }
a.footer:visited { color: #000000; text-decoration: none; }
a.footer:hover { color: #000000; text-decoration: underline; }

img {max-width: 100%;}

hr.light{
border: 0;
height: 1px;
color: #B29750;
background-color: #B29750;
}

/* MAIN BODY PARTS COMMON ELEMENTS GROUPED TOGETHER */

table.header, table.footer { 
width: 80%; 
max-width: 830px;
padding: 0px;
}

body, table.header, td.main, table.body, td.body, td.menubuttons, td.lemenu {
font-family: verdana, arial, Helvetica, sans-serif;
font-size: 1.1em;
}

/* MAIN BODY PARTS INDIVIDUAL ELEMENTS */

/*this is for images on gallery / photos pages. see bottom under @600 also*/
td.gallery {padding: 0px 3px 22px 3px;}
td.gallery img {max-width: 95%;} /*this keeps gallery images from floating off screen while still side by side */
.gallery img {max-width: 95%;} /*this keeps gallery images from floating off screen while still side by side within a div vs td */
table {
padding: 0px;
}

td {
padding: 5px;
font-size: 13px; 
font-family: verdana, arial, Helvetica, sans-serif;
 }

table.header {
}

td.header {
text-align: left;
padding: 0px; 
font-size: 1.1em; 
background-color: #ffffff;
 }

table.main {
border-collapse: collapse;
background-color: #ffffff;
}

td.main  {
border: 1px solid #000000;
background-color: #ffffff;
padding: 0px;
}

table.body {
padding: 0px;
width: 80%;
max-width: 830px;
background-color: #ffffff;
}

td.body {
padding: 19px; 
width: 80%;
max-width: 830px;
font-size: 1.1em; 
}


td.footer {
background-image: url(images/footer-bg.jpg);
text-align: center;
color: #000000;
font-size: .9em;
padding: 2px; 
 }


body   { 
background-color: #ffffff;
background-image: url("images/bg5.jpg"); 
color: #000000; 
margin: 0px; 
padding: 0px;
scrollbar-arrow-color: #D0D8B5; 
scrollbar-base-color: #000000; 
scrollbar-track-color: #000000; 
scrollbar-face-color: #A39161;
scrollbar-shadow-color: #32477F; 
scrollbar-highlight-color: #FAB703; 
}

/* SPECIALTY SECTIONS - use these for anything particular to this site or certain page */

td.form {
text-align: right;
width: 25%;
padding: 4px;
} 

hr.light {height: 1px; color: #ABB97B; }

/* HEADINGS, TEXT CONTROL AND MISCELLANEOUS STUFF */

.bold {font-weight: bold;}
.large {font-weight: bold;font-size: 1.1em;}
.small {font-weight: bold; font-size: .8em;}

h1.seo {
  visibility: hidden;
  	line-height: 0px;
} 
h1, h2, h3, h4, h5, h6 {
display: inline; 
font-weight: bold; 
font-family: verdana, arial, Helvetica, sans-serif;
}

h1  {font-family: 'times new roman'; color: #000000; font-size: 36px;}
h2  {color: #000000; font-size: 44px; }
h3  {color: #000000; font-size: 15px; }
h4  {color: #000000; font-size: 14px; }
h5  {font-size: 14px; }
h6  {font-size: 22px; }
p {  }


INPUT, SELECT, TEXTAREA {
margin: 0px;
padding: 0px;
border-collapse: collapse;
}

/*first we set things to change when secreen dis below 760px */
@media only screen and (max-width:760px) {

img {max-width: 90%;}

td.body {
margin: 0px auto; 
padding: 0px;
width: 80%;
font-size: 1.1em; 
}

td {
margin: 0px auto; 
padding: 0px;
}
}

@media screen and (max-width:600px) {
/*this is for images on gallery / photos pages and makes single file when paeg less than 600px wide */
table.gallery, tr.gallery, td.gallery {display: block;}

}