html, body {
margin: 0;
border: 0;
padding: 0;
}
body { color: #0b3409; font: 100% Georgia, verdana, tahoma, sans-serif; background: #75b971; text-align: center }
a:link { color: #4c734a; font-weight: bolder; text-decoration: none; background: transparent }
a:visited { color: #666; font-weight: lighter; text-decoration: none; background: transparent }
a:hover { color: #4c734a; text-decoration: none; background: transparent; border-bottom: 1px solid }
a:active { color: #4c734a; background: transparent }
#clear {
clear: both;
}
p { line-height: 125%; text-align: justify; margin: 5px; padding: 15px 20px 5px }
em { font-weight: 800; display: block; padding-top: 50px }
/*p:first-letter { font-size: 1.3em; line-height: 0.85em; float: left }*/
#header div { color: black; font-size: 1.8em; height: 60px; border: 0 }
#header { color: white; font-size: 1.2em; font-weight: 900; background-color: #61284d; background-image: url("../img/grapes.jpg"); background-repeat: no-repeat; background-position: left center; text-align: center; margin: 0 0 10px; padding: 15px 0 20px; height: 70px; border-top: 1px double #ffe107; border-bottom: 1px double #ffe107 }
#content { color: black; background: #75b971; text-align: left; margin-bottom: 20px; padding: 0 0 0 0.9%; width: 80%; float: left; overflow: hidden }
/*#content blockquote { list-style-position: inside; display: block; width: 70% }*/
/*Tables*/
.centering { text-align: center; margin: 0; padding: 0 }
caption { font-size: 11px; font-weight: bold }
#content li { list-style-type: circle; list-style-position: inside }
table { background-color: #4c734a; margin-top: 20px; margin-left: 8%; padding: 5px; width: 70%; border: outset 2px }
td { background-color: #75b971; text-align: center; padding: 0.5em; vertical-align: top; border-collapse: collapse }
th { font-weight: 900; text-align: center; padding: 0.5em 0.9em; vertical-align: middle; border-style: dotted solid; border-width: 1px; border-color: #75b971; border-collapse: collapse }
caption { font-size: 1em; text-align: center; padding-bottom: 0.5em }
/*Banners*/
.banner { color: #d1d1b6; font: italic 1em georgia, sans-serif; text-align: justify; margin: 10px 12px 10px 20px; padding-right: 10px; width: 197px; float: left }
.banner2 { color: #d1d1b6; font: italic 1em georgia, sans-serif; text-align: justify; margin: 10px 12px 10px 20px; padding-right: 10px; width: 200px; float: left }
banner img { width: 183px; height: 274px; float: left; border-width: 0 }
banner2 img { width: 183px; height: 274px; float: left; border-width: 0 }
.banner blockquote { color: #d1d1b6; font: italic 0.8em georgia, sans-serif; background-color: #4c734a; background-image: url("../img/Shades-of-Fall-vert.jpg"); background-repeat: no-repeat; background-position: center; white-space: nowrap; margin: 0; padding: 260px 10% 25px; border: solid 1px #083008 }
.banner2 blockquote { color: #d1d1b6; font: italic 0.8em georgia, sans-serif; background-color: #4c734a; background-image: url("../img/CasualFormal.jpg"); background-repeat: no-repeat; background-position: center; white-space: nowrap; margin: 0; padding: 275px 10% 25px; border: solid 1px #083008 }
.banner blockquote p { margin: 0; padding: 0 0 0 40px }
.banner2 blockquote p { margin: 0; padding: 0 0 0 40px }
/*for links in the banner and blockquote*/
banner img a:visited { background: transparent; border: 0 #647663; outline-width: 0; outline-color: #647663 }
banner img a:hover { background: transparent; border: 0 #647663; outline-width: 0; outline-color: #647663 }
banner img a:active { background: transparent; border: 0 #647663; outline-width: 0; outline-color: #647663 }
/*end links*/
h1 { color: white; font-size: 1em; font-weight: bold; text-align: left; margin: 0; padding: 0 0 0 90px }
h2 { color: #d1d1b6; font-size: 1.1em; font-weight: normal; background-color: #133a11; margin: 25px 50px 0 20px; padding: 1px 20px; clear: left; border: outset 2px #647663 }
h3 { color: #d1d1b6; font-size: 1.1em; font-weight: normal; background-color: #133a11; display: block; margin: 10px 25px 0 235px; padding: 1px 20px 1px 25px; border: outset 2px #647663 }
h4 { color: #D1D1B6; font-size: 1.1em; font-weight: normal; background-color: #133a11; margin: 25px 50px 0 20px; padding: 1px 20px; border: outset 2px #647663 }
cite { font-size: 0.6em }
sub { font-size: 0.75em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 0.8em }
#sidebar { visibility: hidden; display: none }
#sidebar img { visibility: hidden; border: 0 }
#sidebar strong { visibility: hidden; display: none }
#sidebar ul { visibility: hidden; list-style: none }
#sidebar #validations #xhtml a, #sidebar #validations #css a, #sidebar #access508 a { visibility: hidden }
#footer { color: #61284d; background: #61284d; text-align: center; margin: 15px 0 5px; padding-top: 5px; height: 15px; clear: both; border-top: 3px double #d1d1b6 }
#footer em {
font: italic .8em sans-serif;
}
#links { font-size: xx-small; font-family: arial }
strong { font-size: 0.7em; margin-bottom: 5px; padding-bottom: 5px }
strong a { color: #4c734a; font-size: 0.7em; text-decoration: none; border-bottom: 1px dotted #808080 }
acronym, abbr, .abbrev { cursor: help; border-bottom: 1px dotted #333 }
/*Image Alternating Position-------------------*/
#alternating { color: silver; font-size: 1em; line-height: 1.1em; text-align: left; margin: 30px auto 20px; padding-top: 10px; padding-bottom: 20px; position: relative; width: 80% }
#alternating a:hover { color: #999; background-color: #4c734a }
#alternating a:hover img { text-decoration: none; background-color: transparent; border-bottom: 0 none }
/*Main Alternating Image Content------------------------------*/
.leftitem, .rightitem { background-color: #4c734a; margin-bottom: 20px; padding: 5px 10px 5px 5px; width: 98%; float: left; border: dashed 1px silver }
.leftitem:hover, .rightitem:hover { color: #b8910b }
.leftitem img { margin: 5px 10px 5px 5px; padding-bottom: 1px; float: left }
.rightitem img { margin: 5px 0 5px 5px; padding-bottom: 1px; float: right }
.leftitem a:link, .rightitem a:link { color: #a5dcdc; font-size: 12px; font-family: arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-weight: bolder; text-decoration: none; border-bottom: 1px dotted silver }
.leftitem a:visited, .rightitem a:visited { color: #999; font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-weight: lighter; text-decoration: none; border-bottom: 1px solid silver }
.leftitem a:hover, .rightitem a:hover { background-color: #066; border-bottom: 1px outset silver }