/* CONTENTS ------------------------
	1. General
	2. Header
	3. Navigation
	4. Grid
	5. Callouts
	6. Lists
	7. Forms
	8. Tables
	9. Footer
	10. Homepage Only
	11. Landing Only
---------------------------------------- */


/* 1. GENERAL
---------------------------------------------------------- */
* {padding:0; margin:0;}
html, body {height: 100%;}
body {
	font-family: arial, verdana, sans-serif;
	font-size: 62.5%;
	color: #3a321b;
	background-color: #fff;
	}
a, a:visited {color: #81351e;text-decoration: none;}
a:hover {text-decoration:underline;}
p {padding: 0 0 1em 0; margin: 0;}
p.noPad {padding: 0; margin: 0;}
img {border:none;}
.clear {clear: both;}
.margin {padding:1em;}
.bt-pad {margin-left:1em;}

#wrapper {
	font-size: 1.2em;
	line-height: 1.4em;
	width: 982px;
	position: relative;
	left: 50%;
	margin-left: -491px;
	background: #fff url("../images/bkgrd-grad.gif") repeat-y left top;
	}
.skip {display:none; text-align:left; position:absolute;}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.6em;	
	color: #612c1c;
	line-height: 1.2em;
	padding-bottom: .8em;
	}
h1 em {
	font-family: arial, verdana;
	font-size: .7em;
	font-weight: normal;
	color: #3a321b;
	}
h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;	
	color: #612c1c;
	padding-bottom: .8em;
	}
h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	font-weight: normal;
	color: #eae1c2;
	padding: .5em 1em;
	background-color: #652d20;
	border-bottom: 2px solid #b8a68e;
	}
h3.leftNav {
	padding: .5em 2em;
	background: #652d20 url("../images/arrow-down.gif") no-repeat left;
	border-bottom: 2px solid #362a1c;
	}
.contact-info {
	position: absolute;
	bottom: -5px;
	width: 476px;
	}
.contact-info p {
	padding: 1em;
	background-color: #ebe7de;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	color: #656043;
	line-height: 1.5em;
	}
.product-logo {float:right;margin:0 0 1.5em 1em;}
.note {font-size:.9em;font-family:arial, verdana;line-height:1.2em;color:#776c4b;}


/* 2. HEADER
---------------------------------------------------------- */
#head-container {
	margin: 0 auto;
	width: 960px;
	}
#masthead {
	position: relative;
	width: 100%;
	height: 102px;
	background: #eae1c2 url("../images/bkgrd-header.jpg")  no-repeat left top;
	}
#logo {position:absolute; top:0; left:3em;}
#utility-nav {
	position: absolute;
	top: 0;
	right: 0;
	list-style: none;
	padding: .5em 0 .5em 2.5em;
	background: url("../images/bkgrd-utilityNav.gif")  no-repeat left top;
	text-align: right;
	}
#utility-nav li {display:inline; padding:0 8px; border-right:1px solid #b3ac8f;}
#utility-nav li.last {border-right:0px;}
#utility-nav li a, #utility-nav li a:visited {color:#3f351a; text-decoration:none;}
#utility-nav li a:hover {text-decoration:underline;}
#masthead p {
	position: absolute;
	display: block;
	top: 40px;
	right: 50px;
	padding: .5em;
	margin: 0;
	font: italic normal normal 2.6em/.25em "Times New Roman", Times, Arial, serif;
	color: #67554B;
	}


/* 3. NAVIGATION
---------------------------------------------------------- */
#primary-nav {
	clear: both;
	float: left;
	font-family: arial, verdana;
	font-size: 1.1em;
	list-style: none;
	width: 960px;
	background: #443927  url(../images/bkgrd-primaryNav.gif) repeat-x top left;
	border-bottom: 1px solid #fff;
	}
#primary-nav li {
	float: left;
	margin-left: .5em;
	}
#primary-nav a {
	display: block;
	float: left;
	padding: 0 1.2em;
	line-height: 2.4em;
	text-decoration: none;
	color: #fff;
	}
#primary-nav a:hover {background: #362b19 url(../images/navOver-bkgrd.gif) repeat-x top left;}
#primary-nav a.selected {background: #3a140b url(../images/navOn-bkgrd.gif) repeat-x top left;}

#leftNav ul {
	padding-bottom: .5em;
	list-style: none;
	background: #453827 url("../images/bkgrd-leftNav-grad.gif") repeat-x left bottom;
	}
#leftNav ul li {
	padding: 0;
	border-bottom: 1px solid #63553b;
	}
#leftNav ul li.highlighted {background-color: #594932;}
#leftNav ul li.last, #leftNav ul li ul li.last {border-bottom: 0px;}
#leftNav ul li ul {
	font-size: 1em;
	line-height: 1.75em;
	list-style: none;
	padding: 0 1em .5em 2em;
	margin: 0;
	background: url();
	}
#leftNav ul li ul li {
	padding: 0;
	margin: 0;
	border-bottom: 0px;
	}
#leftNav ul li ul li.currentSection {
	padding: 0 0 0 15px;
	margin: 0;
	background: url("../images/arrow-right.gif") no-repeat left bottom;
	}
#leftNav ul li a, #leftNav ul li a:visited {display: block;color:#eae1c2;text-decoration:none;padding:.5em 1em;}
#leftNav ul li a:hover {color:#A0957C;text-decoration:underline;}
#leftNav ul li ul li a, #leftNav ul li ul li a:visited {display: block;color:#eae1c2;text-decoration:none;padding:.25em 0;}


/* 4. GRID
---------------------------------------------------------- */
#body-container {
	position: relative;
	margin: 0 auto;
	width: 960px;
	background: url("../images/bkgrd-leftNav.gif") repeat-y left top;
	min-height: 65em;
	height: auto !important;
	height: 65em;
	}
#mainContent {
	width: 476px;
	margin: 0 242px;
	padding-bottom: 14em;
	overflow: hidden;
	background: url("../images/bkgrd-main.gif") repeat-x left top;
	font-family: Georgia, "Times New Roman", Times, serif;
	}
#secondaryContent {
	position: absolute;
	top: 0;
	right: 0;
	width: 240px;
	overflow: hidden;
	background: url("../images/bkgrd-secondary.jpg") repeat-x left top;
	}
#leftNav {
	position: absolute;
	top: 0;
	left: 0;
	width: 240px;
	overflow: hidden;
	}


/* 5. CALLOUTS
---------------------------------------------------------- */
#callout-container {
	margin: 0 auto;
	width: 230px;
	}
.callout {
	padding: 1em;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	}
.style-A {background-color: #e8d9b0;}
.style-B {background-color: #d2cbae;}
.callout h4 {
	color: #3f351a;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.2em;
	padding-bottom: .4em;
	letter-spacing: 2px;
	}
.callout p {
	font-size: 1.2em;
	padding-bottom: 1em;
	}
.callout a.action, .callout a:visited.action  {
	display: block;
	font-size: 1.2em;
	color: #652d20;
	padding: .5em 0;
	margin: 0;
	border-top: 1px solid #bdb495;
	border-bottom: 1px solid #bdb495;
	}
.callout a:hover.action {
	border-top: 1px solid #652d20;
	border-bottom: 1px solid #652d20;
	text-decoration: none;
	font-weight: bold;
	}
.hr {padding:5px 0 0 0;margin:5px 0 0 0;border-top:1px solid #bdb495;}
.hr-dash {padding:5px 0 0 0;margin:5px 0 0 0;border-top:1px dashed #bdb495;}


/* 6. LISTS
---------------------------------------------------------- */ 
ul.quick-links {
	list-style: none;
	width: 100%;
	margin: 0 0 2px 0;
	font-size: .9em;
	}
ul.quick-links li {
	font-family: arial, verdana;
	padding: .3em 0;
	margin: 0 1em;
	border-bottom: 1px solid #fff;
	}
ul.quick-links li.intro {line-height:2em;}
ul.quick-links li.last {border-bottom: 0px;}
ul.quick-links a, ul.quick-links a:visited {color: #3f351a;text-decoration: none;}
ul.quick-links a:hover {text-decoration:underline;}
ul.quick-links a.arrow, ul.quick-links a.arrow:visited {color:#612c1c;text-decoration: none;padding-right:1em;font-family: Georgia, "Times New Roman", Times, serif;background: url("../images/arrow-right2.gif") no-repeat right bottom;}
ul.quick-links a.arrow:hover {text-decoration:underline;}

.bullet {padding-bottom:1em;list-style-type:none;}
.bullet li {
	 padding-bottom: .5em;
	 margin-left: 2em;
	 list-style: url(../images/bullet.gif);
	 list-style-position: outside;
	 }
.bullet li ul {padding-top:.5em;list-style-type:none;}
.bullet li ul li {
	 padding-bottom: .5em;
	 margin-left: 1em;
	 list-style: url(../images/bullet.gif);
	 list-style-position: outside;
	 }


/* 7. FORMS
--------------------------------------------------------------------- */
.basic-form dt {float:left;padding-bottom:.5em;width:160px;text-align:right;margin-right:1em;}
.basic-form dd {float:left;padding-bottom:.5em;}

.select-vert dt {float:left;padding-bottom:.5em;width:30px;text-align:right;margin-right:1em;height:2em;}
.select-vert dd {float:right;padding-bottom:.5em;width:410px;height:2em;}

.select-horz dt {clear:both;font-weight:bold;display:block;padding-bottom:.75em;}
.select-horz dd {float:left;padding:0 .5em .5em 0;}
.select-horz dd label {padding-right:1em;}
.select-horz dd.rank select {margin-left:2em;width:70px;}

.buttons {
	clear: both;
	width: 100%;
	border-top: 3px double #bdb495;
	text-align: right;
	padding: .75em 0;
	margin: 1em 0 0 0;
	}
.buttons p {padding:0;margin:0;}
.btn-pad {margin:0 0 0 .5em;}


/* 8. TABLES
--------------------------------------------------------------------- */
.table-gen {
	width: 100%;
	border-top: 1px solid #bdb495;
	border-left: 1px solid #bdb495;
	font-family: arial, verdana;
	text-align: left;
	}
.table-gen th {
	font-weight: bold;
	background-color: #ebe3c4;
	border-right: 1px solid #bdb495;
	border-bottom: 1px dashed #bdb495;
	}
.table-gen th, .table-gen td {	
	margin: 0;
	padding: .5em;
	}
.table-gen td {
	border-right: 1px solid #bdb495;
	border-bottom: 1px solid #bdb495;	
	}
.table-gen tr.alt {background-color: #ebe7de;}


/* 9. FOOTER
---------------------------------------------------------- */
#footer-container{
	position: relative;
	width: 982px;
	margin: 0 auto;
	padding-bottom: 45px;
	background: url("../images/bkgrd-footer.jpg") no-repeat left top;
	color: #7c7354;
	}
#footer {
	margin: 0 auto;
	width: 960px;
	}
#footer a, #footer a:visited {color:#63553b;text-decoration:none;}
#footer a:hover {text-decoration:underline;}

#footer ul {
	padding: 1.5em 1em;
	list-style: none;
	}
#footer ul li {display:inline;padding:0 8px;border-right:1px solid #b3ac8f;}
#footer ul li.last {border-right:0px;}

#footer p {margin: 0 1.5em;}
#footer img {
	position: absolute;
	top: 10px;
	right: 25px;
	}
#footer strong {font-size:1.1em;font-weight:bold;}


/* 10. HOMEPAGE ONLY
---------------------------------------------------------- */
#home #home-container {
	margin: 0 auto;
	width: 960px;
	background-color: #eae1c2;
	}

#home #mainContent {
	padding: 0;
	margin: 0 auto;
	width: 950px;
	background: url();
	}
.first_232 {float: left;width: 232px;padding: 0;margin: 0;}
.col_232 {float: left;width: 232px;padding: 0;margin: 0 0 0 5px;}
.col_476 {float: left;width: 476px;padding: 0;margin: 0 0 0 5px;}
.home-mod {
	position: relative;
	height: 7em;
	padding: .8em;
	margin:0;
	background-color:#d2cbae;
	font-family: arial, verdana;
	font-size: 1em;
	}
.bottom {position:absolute;bottom:10px;padding:0;}
.call-to-action {
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 0 10px 0 0;
	background: url("../images/arrow-right2.gif") no-repeat right bottom;
	position: absolute;
	bottom: 10px;
	}
.mc-logo {
	position:absolute;
	bottom: 2px;
	right: 15px;
	}


/* 11. LANDING ONLY
---------------------------------------------------------- */
#landing #mainContent {
	width: 718px;
	margin: 0 0 0 242px;
	padding: 0;
	overflow: hidden;
	background: url("../images/bkgrd-main.gif") repeat-x left top;
	}
.banner {
	float: left;
	height: 240px;
	border-bottom: 2px solid #fff;
	}
.banner .image {float:left;}
.banner .text {
	float: left;
	width: 240px;
	height: 240px;
	background-color: #cbc4ae;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px !important;
	line-height: 17px !important;
	text-align: center;
	}
.banner .text p {
	padding: 0 1em;
	}
.hr-dark {padding:5px 0 0 0;margin:5px 0 0 0;border-top:1px solid #a0977b;}
#landing-container {
	clear: both;
	float: left;
	width: 100%;
	background: #fff url("../images/bkgrd-main.gif") repeat-x left top;
	}
.first_238 {
	float: left;
	width: 238px;
	height: 16em;
	position: relative;
	}
.col_238 {
	float: left;
	width: 238px;
	margin-left: 2px;
	height: 16em;
	position: relative;
	}
#landing #body-container {
	min-height: 600px;
	height: auto !important;
	height: 600px;
	}
#landing #leftNav ul {height:235px;}





/* 12. NEW MARQUEE
---------------------------------------------------------- */
#home #home-banner {
	margin: 0 0 2px 0;
	height: 269px;
	overflow: hidden;
	}

#banner-links {
	float: left;
	width: 243px;
	user-select: none;
	cursor: pointer;
	}

#banner-links ul#buttons  {
	list-style: none;
	color: #eae1c2;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	}

#banner-links ul#buttons li {
	height: 89px;
	background-color: #5c4f3f;
	text-align: right;
	vertical-align: middle;
	margin-bottom: 1px;
	}

#banner-links ul#buttons li span {
	display: block;
	font-size: 16px;
	line-height: 22px;
	}

#banner-links ul#buttons li#banner1Trig span {padding: 23px 20px 15px 0;}
#banner-links ul#buttons li#banner2Trig span {padding: 23px 20px 15px 0;}
#banner-links ul#buttons li#banner3Trig span {padding: 23px 20px 15px 0;}

#banner-content {
	float: left;
	width: 716px;
	margin-left: 1px;
	}

#banner0, #banner1, #banner2, #banner3 {
	width: 716px;
	height: 269px;
	}

#banner0 {background: url("../images/banner-bkgrd-000.jpg") no-repeat left top;}
#banner1 {background: url("../images/banner-bkgrd-001.jpg") no-repeat left top;}
#banner2 {background: url("../images/banner-bkgrd-002.jpg") no-repeat left top;}
#banner3 {background: url("../images/banner-bkgrd-003.jpg") no-repeat left top;}

#banner0Wrapper {background: url("../images/banner-bkgrd-001.jpg") no-repeat left top;}
#banner1Wrapper {background: url("../images/banner-bkgrd-001.jpg") no-repeat left top;}
#banner2Wrapper {background: url("../images/banner-bkgrd-002.jpg") no-repeat left top;}
#banner3Wrapper {background: url("../images/banner-bkgrd-003.jpg") no-repeat left top;}

#banner0 h2, #banner1 h2, #banner2 h2, #banner3 h2{
	padding: 30px 0 18px 93px;
	width: 390px;
	color: #eae1c2;
	font-size: 24px;
	font-weight: normal;
	}

#banner0 p, #banner1 p, #banner2 p, #banner3 p{
	padding: 0 0 10px 93px;
	width: 390px;
	color: #fff;
	font-size: 13px;
	font-weight: normal;
	line-height: 22px;
	}