body {font: normal 100% helvetica, verdana, arial, sans-serif; color: #543E0F; margin: 0; padding: 0; text-align: center;}
a img {border: 0;}

/* skeletal */
div#mozillacolorcorrect {width: 824px; margin-left: auto; margin-right: auto;  padding: 0; text-align: center;}
div#container {width: 818px; height: 600px; margin: 10px 0 0 0; padding: 0; text-align: left; border-top: solid 3px #787667; border-right: solid 3px #37372F; border-bottom: solid 3px #37372F; border-left: solid 3px #787667; position: relative;}
div#leftcolumn {float: left;}
div#rightcolumn {float: right;}
div#footer {width: 100%; clear: both;}

/* contact form link */
div#contactform {position: relative; width:350px; left: 194px; top: 380px; border: 0px green solid; font-size: 0.7em; font-weight: bold;}
div#contactform a {color: #265C29; text-decoration: none;}
div#contactform a:hover {color: #000000; text-decoration: none;}
.red { color: red; }

/* homepage layout images */
div#container img#leftline {position: absolute; top: 88px; left: 0;}
div#container img#shopshome {position: absolute; top: 89px; left: 45px;}
div#container img#contentbg {position: absolute; top: 273px; left: 0;}

/* homepage text */
h1#photocaption1 {position: absolute; top: 241px; left: 425px; font-size: 85%; color: #37372F;}
div#container h2#photocaption2 {position: absolute; top: 241px; left: 47px; font-size: 75%; color: #77776D;}
div#overflowhome {overflow: auto; position: absolute; top: 280px; left: 70px; height: 90px; width: 410px;}
p#primarytext {font-weight: normal; font-size: 80%; color: #37372D; width: 390px; line-height: 1.3em; margin-top: 5px;}
h1#newsheader {position: absolute; top: 415px; left: 195px; font-weight: bold; font-size: 80%; color: #797667;}

h1#newsheader a {color: #543E0F; text-decoration: none;}
h1#newsheader a:hover {color: #000000; text-decoration: none;}

p#newstext {position: absolute; top: 430px; left: 195px; font-weight: bold; font-size: 80%; color: #797667; width: 300px; line-height: 1.5em;}

/* second level layout images */
div#container img#upperleftcorner2l {position: absolute; top: 0px; left: 0;}
div#container img#uppertopline2l {position: absolute; top: 0; left: 68px;}
div#container img#leftline2l {position: absolute; top: 58px; left: 0px;}
div#container img#bg2l {position: absolute; top: 273px; left: 0px;}
div#container img#shopimage {position: absolute; top: 80px; left: 50px;}
div#container img#shopimageRight {position: absolute; top: 80px; left: 322px;}
div#container img#shopimageRightFiller {position: absolute; top: 80px; left: 305px;}

/* second level text */
h1#storetitle {position: absolute; top: 42px; left: 50px; font: bold 180% georgia, times, serif; color: #7B776B; text-align: left; margin: 0; padding: 0; text-transform: uppercase; border: solid 0px black; width: 505px; z-index: 100;}
img#johndunnlogo {position: relative; top: -30px; left: -5px; z-index: 99;}
h2#storesubtitle {position: absolute; top: 15px; left: 0px; font-size: 85%; color: #37372F;}
h3#contactinfo {position: absolute; top: 210px; left: 47px; font-size: 70%; font-weight: normal; color: #767765; text-align: center;}
h3#contactinfo a {color: #767765; text-decoration: none;}
h3#contactinfo a:hover {color: #37372F; text-decoration: underline;}
h1#storetagline {position: absolute; top: 280px; left: 70px; font-size: 90%; color: #7A7768;}
p#storetext {position: absolute; top: 300px; left: 70px; font-size: 80%; font-weight: bold; color: #393631; width: 400px; line-height: 1.5em;}
p#storetextnotag {position: absolute; top: 280px; left: 70px; font-size: 80%; font-weight: bold; color: #393631; width: 400px; line-height: 1.5em;}

ul#storeaddress {position: absolute; top: 410px; left: 195px; font-size: 75%; font-weight: bold; color: #807A6C; margin: 0; padding: 0; list-style: none outside;}
ul#storeaddress li {padding-bottom: 5px;}
ul#storeaddress li.bottom {padding-bottom: 0;}
ul#storeaddress li a {color: #503D12; text-decoration: none;}
ul#storeaddress li a:hover {text-decoration: underline;}

ul#storeaddresscompact {position: absolute; top: 410px; left: 195px; font-size: 75%; font-weight: bold; color: #807A6C; margin: 0; padding: 0; list-style: none outside;}
ul#storeaddresscompact li {padding-bottom: 1px;}
ul#storeaddresscompact li.bottom {padding-bottom: 0;}
ul#storeaddresscompact li a {color: #503D12; text-decoration: none;}
ul#storeaddresscompact li a:hover {text-decoration: underline;}

h4#redstar {position: absolute; top: 493px; left: 193px; font-size: 60%; color: #7C796A;}

/* overflow */
div#overflow {height: 90px; overflow: auto; border: solid 0px black; position: absolute; top: 280px; left: 70px; width: 420px;}
h1#overflowtagline {font-size: 90%; color: #7A7768; margin: 5px; text-transform: uppercase;}
p.overflowtext {margin: 0 5px 5px 5px; width: 390px; font-size: 80%; font-weight: normal; color: #393631; line-height: 1.2em;}

/* home page primary nav */
/*div#homenavoverflow {width: 150px; overflow: auto; height: 500px; border: solid 0px black;}*/
ul#primarynav {position: absolute; top: 40px; left: 605px; font-size: 70%; font-weight: bold; margin: 0 10px 0 0; padding: 0; list-style: none outside;}
ul#primarynav li {padding-bottom: 8px;}
ul#primarynav li.bottom {padding-bottom: 0;}
ul#primarynav li a {color: #767570; text-decoration: none;}
ul#primarynav li a:hover {color: #503D12;}

/* second level primary nav */
ul#primarynav2l {position: absolute; top: 40px; left: 610px; font-size: 70%; font-weight: bold; margin: 0 15px 0 0; padding: 0; list-style: none outside;}
ul#primarynav2l li {padding-bottom: 8px;}
ul#primarynav2l li.bottom {padding-bottom: 0;}
ul#primarynav2l li a {color: #767570; text-decoration: none;}
ul#primarynav2l li a:hover {color: #503D12;}
ul#primarynav2l li a.selected {color: #503D12;}

/* home page footer nav */
ul#footernav {position: absolute; top: 549px; left: 155px; font-size: 80%; font-weight: bold; margin: 0; padding: 0; list-style: none outside; color: #7D796D;}
ul#footernav li {display: inline; padding-right: 5px;}
ul#footernav li#right {padding-right: 0;}
ul#footernav li a {color: #7D796D; text-decoration: none;}
ul#footernav li a:hover {color: #503D12;}

/* second level footer nav  */
ul#footernav2l {position: absolute; top: 545px; left: 155px; font-size: 75%; font-weight: bold; margin: 0; padding: 0; list-style: none outside; color: #7D796D;}
ul#footernav2l li {display: inline; padding-right: 5px;}
ul#footernav2l li#right {padding-right: 0;}
ul#footernav2l li a {color: #7D796D; text-decoration: none;}
ul#footernav2l li a:hover {color: #503D12;}

/* utility pages */
h1#utilitytitle {position: absolute; top: 42px; left: 70px; font: bold 180% georgia, times, serif; color: #7B776B; text-align: center; margin: 0; padding: 0; text-transform: uppercase; border: solid 0px black; z-index: 100;}
div#utilityoverflow {position: absolute; top: 90px; left: 70px; overflow: auto; height: 420px; width: 500px;}
div#utilityoverflow p {margin: 0 20px 5px 5px; font-size: 80%; color: #393631; line-height: 1.5em;}

div#utilityoverflow a {color: #543E0F; text-decoration: none;}
div#utilityoverflow a:hover {color: #000000; text-decoration: none;}

.parkingmaplink a {color: #543E0F; text-decoration: none; font-weight: normal;}
.parkingmaplink a:hover {color: #000000; text-decoration: none; font-weight: normal;}



/* getting here */
img.right {float: right; margin: 5px;}
div#maps h2 {margin: 10px 0 0 0; padding: 0; color: #7B776B;}
div#maps h3 {margin: 10px 0 0 0; padding: 0; color: #7B776B;}
div#maps h4 {margin: 5px 0 0 0; padding: 0; color: #393631;}
div#maps h5 {margin: 0 0 0 5px; padding: 0;}
div#maps h5 a {color: #543E0F; text-decoration: none;}
div#maps h5 a:hover {text-decoration: underline;}

/* links */
ul#links {margin: 0 0 0 20px; padding: 0;}
ul#links li {padding-bottom: 5px;}
ul#links li a {color: #767570; text-decoration: none;}
ul#links li a:hover {color: #503D12;}

/* contact */
ul#contact {margin: 0 0 0 10px; padding: 0; list-style: none outside; color: #767570;}
ul#contact li {padding-bottom: 5px;}
ul#contact li a {color: #543E0F; text-decoration: none;}
ul#contact li a:hover {text-decoration: underline;}

/* sitemap */
ul#sitemap {margin: 0 0 0 20px; padding: 0;}
ul#sitemap li {padding-bottom: 5px;}
ul#sitemap li a {color: #767570; text-decoration: none;}
ul#sitemap li a:hover {color: #503D12;}


/* colors:

highlight border: 7B776B
highlight background: E7E2C5
highlight text: 3A362A

*/