﻿a {color: #510000; text-decoration: none}
a:hover {color: #648C81}
a img {border: 0}
.clear {clear: both; height: 1px; padding: 0; line-height: 0em; font-size: 1px}

body {margin: 0px; background-color: #FFFFFF; background-image: url(../images/back.gif); background-repeat: repeat-x; font-family: arial, helvetica, sans-serif; font-size: 14px; color: #747168}

#wrapper {width: 980px; margin: 0 auto}

#header {position: relative; height: 92px; overflow: hidden}
#header #logo {width: 240px; height: 120px; position: absolute; left: 371px; top: 10px}

#links {height: 63px; background-image: url(../images/back_links.gif); background-repeat: no-repeat; background-position: 371px 0px; padding: 5px 20px}
#links ul {float: right; margin: 0; padding: 0; list-style: none}
#links ul li {display: block; float: left; margin: 0; padding: 0 10px; font-size: 11px; border-right: 1px solid #B5B0A3}
#links ul li.last {border-right: 0}
#links ul li.cart {background-image: url(../images/icon_cart.gif); background-repeat: no-repeat; background-position: 5px 0; padding-left: 25px}

#main {padding: 0 20px 20px 20px}


#content {width: 720px; float: left; margin-left: 30px}
.home {width: 500px !important}
#content h1 {font-size: 30px; font-weight: normal; font-family: times, times new roman, serif; color: #510000; letter-spacing: -1px; margin: 0}
#content p.first {font-size: 14px; margin-top: 5px}
#content p {line-height: 1.3em}

#sidebar {width: 190px; float: left; margin-left: 30px}
#sidebar ul {margin: 0; padding: 0; list-style: none}
#sidebar ul li {padding: 0 0 10px 0}

#footer {padding: 20px 15px; border-top: 1px solid #C6D2C3; position: relative}
#footer ul {margin: 0; padding: 0; list-style: none}
#footer ul li {display: block; float: left; margin: 0; padding: 0 5px; border-right: 1px solid #D4D2CE; font-size: 11px}
#footer ul li.last {border-right: 0}
#footer ul li a {color: #8b877d}
#footer ul li a:hover {color: #510000}
#footer p {clear: both; font-size: 11px; color: #8b877d; margin: 0; padding: 5px 5px 40px 5px}
#footer p span {margin: 0 5px}
#footer p a {color: #8b877d}
#footer p a:hover {color: #510000}




/* nav & dropdown */
#nav .outer {width: 190px; background-image: url(../images/nav_top.gif); margin-bottom: 10px}
#nav .inner {width: 170px; padding: 10px; background-image: url(../images/nav_bottom.gif); background-repeat: no-repeat; background-position: bottom}

#nav {width: 190px; position: relative; float: left}
#nav ul {margin: 0; padding: 0; list-style: none}
#nav ul li {display: block; float: left; width: 170px; position: relative; font-size: 18px; border-bottom: 1px solid #C7CEBE; font-family: times, times new roman, serif}
#nav ul li#last {border-bottom: 0px}
#nav ul li a {display: block; float: left; width: 150px; padding: 5px 10px 4px 10px; color: #162B1F}
#nav ul li a:hover {background-image: url(../images/nav_on.gif); background-repeat: no-repeat; color: #FFFFFF}

#nav ul ul {position: absolute; left: -999em; height: auto; width: 143px; background-color: #510000; margin: 0 0 0 170px !important; padding: 10px; text-align: left}
#nav ul ul li {width: 143px; font-size: 11px; border-bottom: 0; font-family: arial, helvetica, sans-serif}
#nav ul ul li a {width: 123px; padding: 3px 10px !important; color: #ffffff !important}
#nav ul ul ul li.last a {border-bottom: 0}
#nav ul ul li.last a {border-bottom: 0}
#nav ul ul li a:hover {background-image: url(../images/back_subnav.gif); background-repeat: no-repeat}

#nav ul ul ul {margin: -1px 0 0 150px !important; border: 1px solid #FFFFFF}

#nav li ul ul {left: -999em}

#nav li ul {left: -999em}
#nav li.sfhover ul {left: 0}
#nav li.sfhover ul ul {left: -999em}
#nav li li.sfhover ul {left: 0}

#nav li.sfhover a {color: #ffffff; background-image: url(../images/nav_on.gif); background-repeat: no-repeat}

#nav li:hover a {color: #ffffff; background-image: url(../images/nav_on.gif); background-repeat: no-repeat}
#nav li.sfhover li a {background-image: none}
#nav li:hover li a {background-image: none}
#nav li li.sfhover a {}
#nav li li:hover a {}
#nav li li li.sfhover a {}

#nav li li li:hover a {}

#nav ul {z-index: 1001}
#nav ul ul {z-index: 1002}
#nav ul ul ul {z-index: 1003}

#text {padding: 15px; margin-bottom: 10px; background-image: url(../images/back.gif); background-position: 0 -100px; border: 2px solid #510000}
#text h3 {margin: -15px -15px 12px -15px; padding: 5px 15px; font-size: 18px; font-weight: normal; background-color: #510000; color: #ffffff}
#text p {font-size: 12px; margin-top: 0; color: #510000}




