body { background: black; color: #000; font: 12px/16px verdana, arial, helvetica, sans-serif; }

a, a:visited { color: #320603; text-decoration: underline; }
a:active, a:hover { color: #ff3333; text-decoration: underline; }

#pageLayout { width: 640px; margin: 0 auto; }
#header { margin: 0; }
#contentLayout { margin: 0; padding: 15px; background: #DBCE95; text-align: left; } 

/* BANNER */
#banner { margin: 0; padding: 0; }

#siteLinks { margin-bottom: 10px; color: #fff; text-align: right; font: 10px verdana, arial, helvetica; text-transform: uppercase; }
#siteLinks a { color: #fff; text-decoration: none; }
#siteLinks a:hover { color: #fff; text-decoration: underline; }

#catalogLinks { margin-bottom: 15px; text-align: center; color: #000; font-size: 10px; text-transform: uppercase; }
#catalogLinks a { color: black; text-decoration: none; }
#catalogLinks a:hover { color: black; text-decoration: underline; }

/* FOOTER */
#footer { margin-top: 15px; color: white; font-size: 10px; line-height: 150%; text-align:center; }
#footer a { color: #ffcc00; }

/* TEXT DISPLAY */
h1, h2 { text-align: left; font-family: "trebuchet ms", verdana, arial, helvetica, sans-serifl; font-weight: bold; }
h1 { margin-top: 5px; font-size: 18px; color: #320603; padding-bottom: 3px; border-bottom: 1px solid #cc3300; }
h2 { font-size: 15px; color: #cc3300; margin-bottom: 5px; }

hr { height: 1px; color: #996633; }

#contentLayout ul { list-style: square; }
#contentLayout li { margin-bottom: 5px; }

p, ul { margin-top: 8px; }

.regText { font-size: 12px; }
.first { margin-top: 4px; }
.small { font-size: 11px; }
.xsmall { font-size: 10px; }

.photo img { border: #320603; }
.link { font-family: verdana, arial, helvetica; font-weight: bold; font-size: 10px; text-transform: uppercase; }
.address { font-weight: bold; font-size: 12px; line-height: 165%; } 
.caption { font-size: 10px; padding-top: 5px; }

.list { line-height: 150%; }
.hilite { font: bold 13px "trebuchet ms", verdana, arial, helvetica, sans-serif; color: #cc3300; }
.alert, .alert li { font-weight:bold; color: red; }

#siteIntro { width: 75%; }
#siteNews { width: 25%; padding-left: 10px; padding-top: 5px; font-size: 11px; border-left: 1px solid #996633; }
#siteNews h2 { padding: 1px 5px; font-size: 11px; color: #fff; background: #cc3300; }
#siteNews ul { margin-top: 5px; font-size: 10px; }
#siteNews li { margin-left: -20px; line-height: 14px; margin-bottom: 5px; }
#siteNews p { margin: 10px 0; }

.introPhoto { width: 127px; float: left; margin: 5px 10px 10px 0; }

#catalogLayout h2 { margin-top: 0; }

.historyPhoto { width: 202px; float: left; margin-right: 10px; margin-bottom: 5px; }
.historyPhotoRight { width: 202px; float: right; margin-left: 10px; margin-bottom: 5px; }
.historyPhoto img, .historyPhotoRight img { border: 1px solid #000; }
.historyPhoto .caption { font-style: italic; }
.historyLinks { text-align: center; text-transform:uppercase; font-size: 10px; }
.clearBoth { clear: both; }

/* ================= DROP DOWN FUNCTIONALITY ================== */

#nav .navList, #nav .navList ul { padding: 0; margin: 0; list-style: none; text-align: left; }

#nav .navList a { display: block; }
#nav .navList li { border: 1px solid #cc9966; }

#nav .navList li ul { /* second-level lists */
	position: absolute;
    width: 150px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	}
	
#nav .navList li:hover ul, #nav .navList li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
    }

/* ===================== STYLE RULES (MAKE IT PRETTY )====================== */

/* static primary menu */
#bannerLinks { padding: 2px 15px; background: #cc9966; text-align: left; border-top: 1px solid #000; border-bottom: 1px solid #000; }

#nav .listDivider { padding: 0 10px; padding-top: 1px; font-size: 10px; }
#nav .navList a { font: bold 11px verdana, arial, helvetica; color: black; text-transform: uppercase; text-decoration: none; }
#nav .navList a:hover { text-decoration: underline; }

/* dropdown menus */
#nav .navList li ul { text-align: left; background: white; }
#nav .navList li ul li { border: 1px solid #996633; border-top-style: none; }
#nav .navList ul li a { font-size: 11px; font-weight: normal; padding: 2px 5px; text-transform: none;  }
#nav .navList ul li a:hover { text-decoration: none; background: #cc3300; color: white; }