html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

html {
    overflow-y: scroll;
}

body {
	font-family: Arial, Tahoma, sans-serif;
	font-size: 75%;
    background: #ADA67C url(/Images/background.jpg) repeat-y top center fixed;
}

form {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    color: #9c0000;
}

a:hover {
    text-decoration: underline;
}

hr {
    margin: 0 12px;
    border: solid 1px #fff;
    border-top-color: #ddd;
}

#body {
    padding: 12px 0;
	width: 974px;
    margin: 0 auto;
}

#wrapper {
    padding: 0 7px;
	background: url(/Images/Shadow.png) repeat-y top center;
	width: 960px;
    margin: 0 auto;
}

#cont {
    background: #fff url(/Images/background.gif) repeat-y top left;
}

.nostripe {
    background-image: url(/Images/front.gif) !important;
}

#headerwrap {
	background: url(/Images/Shadow-Top.png) no-repeat top center;
	padding: 7px 7px 0;
}

#header {
    background: #f8f8f8;
    overflow: auto;
}
#header h1 {
    width: 298px;
	margin: 0;
	background-image: url(/images/canning-conveyor.gif);
	float: left;
	margin: 22px;
}
#header h1 a {
    display: block;
    height: 0px;
	padding: 50px 0 0 0;
    overflow: hidden;
}
#header img {
    width: 100px;
    height: 71px;
    border: 1px solid #000;
    float: right;
    margin: 12px 18px;
}

ul#menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: auto;
    background-color: #9C0000;
    color: #fff;
    font-weight: bolder;
}

#menu li {
    display: inline;
}

#menu li.current a {
    color: #ff4;
}

#menu li.current a {
    color: #9C0000;
    background-color: #ff4;
}

#menu a {
    display: block;
    float: left;
    color: #fff;
    padding: 8px 11px;
}

#menu a:hover {
    color: #9C0000;
    text-decoration: none;
    background-color: #ff4;
}

#main {
    width: 960px;
    margin: 0;
    overflow: auto;
}

#sidebar {
    float: left;
    width: 174px;
    min-height: 617px;
}

#sidebar ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#sidebar ul li {
    margin: 0;
    padding: 0;
}

#sidebar ul li ul li {
    margin: 0;
    padding: 0;
}

#sidebar ul li a {
    background-color: #888;
    color: #fff;
    display: block;
    padding: 6px 8px;
    width: 158px;
}

#sidebar ul li ul li a {
    background-color: #aaa;
    padding: 6px 8px 6px 16px;
    width: 150px;
}

#sidebar ul li b {
    padding: 0;
    margin: 0;
    width: 158px;
    display: block;
    font-weight: normal;
}

#sidebar ul li b a {
    width: 158px;
    background-color: #ff4;
    color: #9C0000;
}

#sidebar ul li ul li b a {
    background-color: #ff4;
}

#sidebar ul li em {
    display: block;
    font-weight: bolder;
    width: 158px;
}

#sidebar ul li a:hover {
    background-color: #ff4;
    color: #9C0000;
    text-decoration: none;
}

#extrabar {
    float: right;
    width: 206px;
    padding: 4px;
    background: url(/images/extra.gif) repeat-x top left;
    min-height: 362px;
}

#content {
    padding: 0;
    overflow: auto;
}

.frontimageblock {
    height: 360px;
}
.frontimageblock div {
    position: absolute;
}
.frontimageblock img {
    border: none;
}

.fronttext {
    position: relative;
    width: 248px;
    height: 130px;
    float: left;
    background: #888 url(/images/content-top.gif) no-repeat 0 0;
    border-right: solid 1px #ddd;
}
.smallertext {
    border: none;
}

.fronttext h2 {
    font-size: 170% !important;
}

.fronttext p {
    font-size: 100% !important;
}
.fronttext p a {
    position: absolute;
    bottom: 6px;
    right: 6px;
    text-align: right;
    font-size: 90%;
    background-color: #9C0000;
    color: #fff;
    padding: 2px 8px;
}

.fronttext p a.left {
    left: 6px;
    right: auto;
}

.fronttext p a:hover {
    background-color: #ff4;
    color: #9C0000;
    text-decoration: none;
}
.general {
    background: url(/images/content-top.gif) no-repeat 0 -139px;
    margin-left: 174px;
    width: 572px;
}

.frontsup {
    padding: 4px 0;
    float: left;
    width: 185px;
}
.frontsup ul, .frontextra ul {
    list-style: square;
}
.frontsup ul, .frontextra ul {
    margin-left: 28px !important;
}
.frontsup h3, .frontextra h3 {
    margin: 0 4px !important;
    background-color: #9c0000 !important;
}
.frontsup h3 a, .frontextra h3 a {
    padding: 6px 8px;
    display: block;
    color: #fff !important;
}
.frontsup h3 a:hover, .frontextra h3 a:hover {
    background-color: #ff4;
    color: #9C0000 !important;
    text-decoration: none;
}

.frontextra {
    padding: 4px 0;
    float: left;
    width: 370px;
}
.border {
    border-left: dotted 1px #666;
}


#footerwrap {
	background: url(/Images/Shadow-Bottom.png) no-repeat bottom center;
	padding: 0 7px 7px;
}

#footer {
	font-family: Verdana, Arial, Tahoma, sans-serif;
    font-size: 90%;
    margin: 0;
    background: #444 url(/images/footer.gif) no-repeat top left;
    color: #aaa;
    padding: 18px 12px 12px;
    overflow: auto;
}

#footer h3 {
    font-size: 120%;
    font-weight: bolder;
    color: #fff;
    margin: 0;
    padding: 0;
}

.frontfooter {
    background-image: none !important;
    padding-top: 12px !important;
}

#footer i {
    color: #fff;
    font-style: normal;
}

#footer ul {
    list-style-type:none;
    padding: 6px 0 0;
    margin: 0;
    overflow: auto;
}
#footer .right ul {
    padding-top: 16px;
}

#footer li {
    padding: 3px 0 0;
    display: block;
    white-space: nowrap;
}
#footer .left li {
    float: left;
    margin-right: 12px;
}
#footer .right li {
    float: right;
    margin-left: 12px;
}
#footer li.break {
    display: block;
}

#footer p {
    margin: 0;
    padding: 2px;
}

#footer a {
    color: #fff;
}

#content h2 {
	font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
	font-weight: bold;
    color: #9C0000;
    font-size: 200%;
    padding: 8px 0 0;
    margin: 0 12px 8px;
}

#content h3 {
    color: #000;
    font-size: 125%;
    margin: 22px 12px 0px;
    padding: 0;
}

#content h3 a {
    color: #000;
}

#content p {
    margin: 0.8em 12px;
    padding: 0;
    line-height: 130%;
    font-size: 110%;
}

#content p.date {
    font-size: 80%;
    font-style: italic;
}

#content ul, #content ol {
    padding: 0;
    margin-left: 32px;
    margin-top: 4px;
    margin-bottom: 4px;
    font-size: 110%;
}
#content ol {
    margin-left: 52px;
}

#extrabar h3 {
    color: #9C0000;
    font-size: 125%;
    margin: 8px 0 6px 4px;
    padding: 0;
}

#extrabar form {
    position: relative;
}

#extrabar label {
    margin-left: 4px;
    font-weight: bolder;
    color: #666;
}


#pagetitle {
    height: 144px;
    background: #eee url(/images/content-top.gif) bottom left no-repeat;
    position:relative;
}

#pagetitle img {
    width: 200px;
    height: 140px;
    position: absolute;
    left: 0;
}

#pagetitle h2, #pagetitle p {
    margin-left: 212px;
}

#pagetitle p {
    font-size: 110%;
}

input.search-search, select.search-search {
    padding: 2px;
    margin: 2px 0 7px 4px;
    width: 150px;
}

select.search-search {
    width: 158px;
}
input.search-button {
    width: 38px;
    height: 30px;
    position: absolute;
    top: 1.2em;
}

#supplemental {
    background-color: #f8f4f4;
    padding: 0 0 1px;
}
#video {
    padding: 0 0 6px 16px;
}

#supplemental li.pdf, #video li.pdf {
    background: url(/Images/download_pdf.png) no-repeat top left;
}

#supplemental li.doc, #video li.doc {
    background: url(/Images/download_doc.png) no-repeat top left;
}

#supplemental li.mpg, #video li.mpg {
    background: url(/Images/download_mpg.png) no-repeat top left;
}

#supplemental li.email {
    background: url(/Images/email.gif) no-repeat top left;
    padding-left: 32px;
    position:relative;
}
#supplemental input.submit {
    position: absolute;
    top: 14px;
    left: 206px;
}

#supplemental li.jpg, #video li.jpg {
    background: url(/Images/download_jpg.png) no-repeat top left;
}

#supplemental ul, #video ul {
    margin: 0;
    padding: 8px;
    list-style: none;
}

#supplemental li, #video li {
    margin: 4px 0;
    padding: 0;
}

#supplemental li a, #supplemental li i, #video li a, #video li i {
    margin-left: 34px;
}

#supplemental h3 {
    color: #fff;
    font-size: 110%;
    margin: 0;
    padding: 3px 6px;
    border: none;
    background-color: #666;
}

#supplemental a {
    color: #9c0000;
}

#inline {
    margin: 10px 12px 8px;
    float: right;
    width: 276px;
    background-color: #fff;
}

.boxshadow {
    margin-left:8px;
    width: 268px;
    background: url(/images/box-shadow.gif) repeat-y;
}
.boxshadow > div {
    background: url(/images/box-shadow-top.gif) no-repeat top center;
}
.boxshadow > div > div {
    background: url(/images/box-shadow-bottom.gif) no-repeat bottom center;
    padding: 4px
}

#myGallery {
    width: 260px !important;
    height: 256px !important;
    overflow: hidden;
}

.frontimage #myGallery {
    width: 326px !important;
    height: 260px !important;
}

#myGallery img {
    border: none;
}

#myGallery h2 {
    color: #fff;
    font-size: 16px;
    margin: 4px 0 0 4px;
    padding: 0;
}
.newsGallery h2 {
    font-size: 10px !important;
    margin-right: 2px !important;
}
.newsGallery .slideInfoZone {
	height: 22px !important;
}

#myGallery p {
    margin: 0;
    padding: 0 0 0 4px;
    font-size: 10px;
}
form#emailpage label {
    float: left;
    margin: 4px 0 0 12px;
    width: 120px;
}
form#emailpage input, form#emailpage textarea {
    margin-left: 20px;
    width: 400px;
    margin-bottom: 2px;
}
form#emailpage textarea {
    font-family: Sans-Serif;
}

.readonly {
    color: #888;
}

.left {
    float: left;
}
.right {
    float: right;
    text-align: right;
    width: 538px;
}

ul#plant {
    list-style-type: none;
    margin: 32px 0 0;
    padding: 0;
}
ul#plant img {
    float: left;
    margin-left: 12px;
    width: 100px;
    border: solid 1px #000;
}
ul#plant p {
    margin-left: 120px;
    margin-top: 4px;
}
ul#plant h3 {
    margin: 0 0 0 120px;
    padding: 0;
}
ul#plant li {
    overflow: auto;
    margin-bottom: 12px;
}