@import url("gallery.css");
/****************************************************************************************
>> Common HTML properties << 
*****************************************************************************************/
html, body {margin: 0; padding: 0;}
body {
	background: #FFF;
	color: #52534F;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}
a:link, a:visited {color: #64734A; text-decoration: underline;}
a:hover, a:active {text-decoration: none;}
p {margin: 0 0 15px; line-height: 1.5em;}
a img {border: 0;}
table, td {font: 11px Verdana, Arial, Helvetica, sans-serif;}
hr {color: #9AAF74; background: #9AAF74; height: 1px; border: 0;}
ul li {list-style: disc;}
h1,h2,h3,h4,h5,h6 {font-weight: bold; font-family: 'Arial Narrow', Arial, Helvetica, sans-serif; line-height: 1.5em;}
h1 {font-size: 22px; margin: 15px 0 8px 0; color: #685D4B; font-weight: 500;}
h2 {color: #64734A; font-size: 20px; margin: 0 0 8px;}
h3 {color: #91C229; font-size: 19px; margin: 0 0 8px;}
h4,h5,h6 {color: #ABC518; font-size: 18px; margin: 0 0 8px;}

/* Turn off margins and padding in td's */
table td p, table td h1,
table td h2, table td h3,
table td h4, table td h5,
table td h6 {margin: 0;}
table td p {line-height: 1.3em;}


/****************************************************************************************
>> Page Layout << 
*****************************************************************************************/

/* Wrapper Container
----------------------------------------------- */

#wrapper {width: 760px;}

/* Masthead Container
----------------------------------------------- */

#masthead {
	background: #FFF url('masthead-bg.gif') no-repeat left bottom;
	position: relative;
	height: 61px;
}
/* Navigation */
#masthead #nav {position: absolute; top: 36px; left: 8px;}
#masthead #nav ul {margin: 0; padding: 0;}
#masthead #nav ul li {display: inline; margin-right: 13px;}
#masthead #nav ul li a {
	color: #EEF6D1; 
	text-decoration: none;
    font: normal 16px 'Arial Narrow', Arial, Helvetica, sans-serif;
	background: transparent url('links-bg.gif') no-repeat 0 50%;
	padding-left: 14px;
}
#masthead #nav ul li a:hover {color: #ebf5ae; text-decoration: underline;}
/* Sub Navigation */
#masthead #subNav {
	position: absolute; 
	top: 0;
	right: 11px;
	font: normal 16px 'Arial Narrow', Arial, Helvetica, sans-serif;
}
#masthead #subNav p {margin: 0; line-height: normal;}
#masthead #subNav p a:link,
#masthead #subNav p a:visited {background: url('links-home-bg.gif') no-repeat 0 50%; padding-left: 14px; text-decoration: none;}
#masthead #subNav p a:hover {text-decoration: underline;}

/* Banner Container
----------------------------------------------- */

#banner {
	background: transparent url('internal-banner.jpg') no-repeat left top;
	position: relative;
	height: 113px;
}
#homepage #banner {background-image: url('home-banner.jpg'); height: 308px;}
#secure #banner {background-image: url('internal-banner2.jpg');}
/* Branding */
#banner h1 {
	background: #FFF url('logo.gif') no-repeat left top;
	position: absolute;
	margin: 0;
	top: 19px;
	right: 26px;
	width: 292px;
	cursor: pointer;
	padding-top: 77px;
	overflow: hidden;
	height: 0 !important; /* for most browsers */
	height /**/:77px; /* for pre 6.0 IE Win */
}

/* Main Content Container
----------------------------------------------- */

#mainContent {
	padding-left: 15px;
	padding-bottom: 5px;
}
#homepage #mainContent {padding-left: 0;}

/* Footer Container
----------------------------------------------- */

#footer {
	clear: both;
	background: #FFF url('footer-bg.gif') repeat-x left top;
	height: 165px;
	position: relative;
}
#homepage #footer {height: 40px; background: #FFF url('footer-bg.gif') repeat-x left top;}
#footer div.address {
	top: 15px;
	left: 15px;
	position: absolute;
}
#footer div.store-hours {
	top: 15px;
	right: 15px;
	position: absolute;
}
#footer div h3 {margin: 0; color: #64734A; font: normal 11px Verdana, Arial, Helvetica, sans-serif;}
#footer div p {line-height: 1.4em; margin: 0;}
#footer p.footer-links {
	color: #A8AC9D;
	padding: 140px 0 13px 0;
	margin: 0;
	text-align: center;
	line-height: normal;
}
#homepage #footer p.footer-links {padding: 13px 0 0 0;}
#footer p.footer-links a:link,
#footer p.footer-links a:visited {color: #A8AC9D; text-decoration: none;}
#footer p.footer-links a:hover {text-decoration: underline;}

/* Footer Container
----------------------------------------------- */

#copyright {
	clear: both;
	background: transparent url('copyright-bg.jpg') repeat-y left top;
	border-bottom: 4px solid #64734A;
}
#copyright p {
	font-size: 10px; 
	color: #9AAF74;
	text-align: right;
	padding: 15px 6px 3px 0;
	margin: 0;
}

/****************************************************************************************
>> Tables << 
*****************************************************************************************/

/* Homepage */
table.homepage-tbl {border: 0;}
table.homepage-tbl td {vertical-align: top;}
table.homepage-tbl td p {margin: 0 0 15px; line-height: 1.5em;}
table.homepage-tbl td h1 {margin: 15px 0 8px 0;}
table.homepage-tbl td h2,
table.homepage-tbl td h4,
table.homepage-tbl td h5 {margin: 0 0 8px;}
table.homepage-tbl td.left-col {width: 416px;}
table.homepage-tbl td.left-col2 {padding-left: 15px; padding-top: 15px;}
table.homepage-tbl td.left-col2 h3,
table.homepage-tbl td.right-col h3 {color: #64734A; margin: 0; font: bold 12px Arial, Helvetica, sans-serif;}
table.homepage-tbl td.divider {width: 16px;}
table.homepage-tbl td.right-col {width: 328px; padding-top: 20px;}

/* Internal page top section */
table.topsection {border: 0;}
table.topsection td {vertical-align: top;}
table.topsection td p {margin: 0 0 15px; line-height: 1.5em;}
table.topsection td h1 {margin: 15px 0 8px 0;}
table.topsection td h2,
table.topsection td h4,
table.topsection td h5 {margin: 0 0 8px;}
table.topsection td.left-col {width: 386px;}
table.topsection td.divider {width: 15px;}
table.topsection td.right-col {width: 344px;}

/****************************************************************************************
>> Forms << 
*****************************************************************************************/

/****************************************************************************************
>> Miscellaneous Classes << 
*****************************************************************************************/
.noMargin {margin: 0;}
.hide {display: none;}
img.imgborder {padding: 2px; border: 1px solid #E8C4D0;}
div.clearfloat {clear: both; height: 1px; background: #FCE4E4; width: 754px; font-size: 1px;}