/* General elements */
body, h1, h2, h3, h4, h5, h6, p, img {margin: 0; padding: 0; border: none;}
body {text-align: center; font-family: verdana, helvetica, arial, sans-serif; font-size: 85%; background: #ccc url(/images/bg_wallpaper.jpg) repeat; color: #000;}
p {margin-bottom: .7em; line-height: 1.5;}
h1, h2, h3, h4, h5, h6 {background-color: inherit; color: #3a1036; clear: left;}
h1 {font-size: 1.4em;}
h2 {margin-top: .75em; font-size: 1.2em;}
h3 {margin-top: .75em; font-size: 1.1em; font-style: italic; font-family: georgia, "times new roman", times, serif;}
h4 {margin-top: .75em; font-size: 1em;}
input, textarea, button {font-family: inherit; font-size: inherit;}
dt {font-weight: bold;}
dd {margin: auto auto 1em 1em;}

/* General layout */
#container {width: 750px; margin: 5px auto; text-align: left; background: #fff url(/images/bg_page_left.jpg) repeat-y left; color: #000;}
#containerInner {width: 750px; background: transparent url(/images/bg_page_right.jpg) repeat-y right; color: #000;}
#masthead {position: relative; width: 750px; height: 175px; background-image: url(/images/bg_masthead.jpg);}
#main {margin: 10px 0 0 0;}
#menu1 {width: 440px; position: absolute; left: 290px; margin: 9px 0 0 0; padding: 0;}
#menu2 {margin: 0; padding: 0;}
#contact {margin: 2em 0 0 0; padding: 0; font-size: .9em; background-color: inherit; color: #3a1036;}
#support {display: inline; width: 162px; margin: 0 0 0 18px; float: left; overflow: hidden;}
#contentPrimary {display: inline; width: 350px; margin: 0 0 0 12px; float: left; overflow: hidden;}
#contentSecondary {display: inline; width: 150px; margin: 3px 18px 0 0; float: right; overflow: hidden;}
#footer {clear: both; height: 100%; padding: 2em 18px 1em 18px; background: transparent url(/images/bg_page_bottom.jpg) no-repeat left bottom; color: #000;}
#mastheadAltMedia img, #mastheadAltMedia p, #skipTo {display: none;}
.clear {display: none; clear: both; margin: 0; padding: 0; height: 0; line-height: 0.0;}

/* Forms */
.standardform {margin-top: 10px; font-size: .8em; line-height: .85;}
.standardform fieldset {margin-bottom: 5px;}
.standardform legend {font-size: 1em; font-weight: bold; background-color: inherit; color: black;}
.standardform td {vertical-align: top; padding-right: 15px;}
.standardform label {display: block; float: left; width: 35%; padding: 2px 0 3px 10px; clear: both;}
.standardform label.inline {display: inline; float: none; width: auto; padding: 0 4px 0 0; clear: none;}
.standardform .fieldCell, .standardform .fieldAlert {margin-left: 200px; vertical-align: middle; padding: 1px 0;}
.standardform .fieldCell label {display: inline; float: none; width: auto; padding: 0 4px 0 0; clear: none;}
.standardform .group {background: #DDF5FF; padding: 5px 0; border-top: 1px solid #999; border-bottom: 1px solid #999; color: inherit;}
.standardform .group2 {background: #333; color: #fff;}
.standardform .group2 a {background-color: inherit; color: #f6f6f6;}
.standardform .fieldRow {padding: 2px 0; background-color: #E9E9E9; color: inherit;}
.standardform .fieldAlert td {background: #99FFFF; color: inherit;}
.standardform .failed input, .standardform .failed select {background: #99FFFF; color: inherit;}
.standardform .alertmsg {background-color: inherit; color: red;}
/*.standardform .helper {color: #666; padding: 5px 0; background-color: transparent;}*/
.standardform .helper {display: none;}
.standardform .group .fieldRow {margin: 5px 0;}
.standardform .alert_header {font-weight: bold; padding: 5px 15px; color: #0000C9; background: #99FFFF;}
.standardform noscript {background-color: inherit; color: #000; margin: 3px 10px; border-bottom: 1px solid #999;}
.standardform .req {background-color: inherit; color: red;}
.standardform .req_line {margin: 0 auto 20px auto;}
.standardform .u {text-decoration: underline;}
.standardform .headerfield {margin-right: 5px; margin-bottom: -5px; border: none; color: black; background-color: #E9E9E9;}

/* Layout refinements */
#contact .busName {font-size: 1.1em; font-style: italic; font-weight: bold;}
#contact a {background-color: inherit; color: #3a1036;}
#contentPrimary li {margin-bottom: .7em;}
#contentPrimary a {background-color: inherit; color: #4c5f43}
#contentPrimary a:visited {background-color: inherit; color: #000;}
#contentPrimary a:hover {background-color: inherit; color: #9B2B90;}

.errors {color: red;}

.sidebar {margin-bottom: 15px; border: 1px solid #444b9c; background-color: #d4e2cb; color: #000; font-size: .85em;}
.sidebar h2, .sidebar h3, .sidebar h4, .sidebar p, .sidebar li {margin: .25em 5px;}
.sidebar h3, .sidebar h4 {margin-bottom: 0;}
.sidebar p {margin-top: .15em; margin-bottom: .7em; line-height: 1.3;}
.sidebar h2 {display: block; width: 100%; margin: 0; border-bottom: 1px solid #444b9c; text-align: center; background-color: #99be88; color: #3a1036;}
#contentPrimary .sidebar {width: 150px; margin-top: 3px; float: right; overflow: hidden;}

.accentImageRight {margin: auto 0 auto 10px; float: right;}
.accentImageLeft {margin: auto 10px auto 0; float: left;}
.dateList {margin-left: 1em; padding: 0;}
.dateList li {list-style-type: none;}
.dateList span {display: block; width: 2em; float: left; font-weight: bold; text-align: right; padding-right: .5em;}
.dateList span.day {width: 4em; font-weight: normal; text-align: left;}
.pullQuoteRight {width: 170px; margin: .25em 0 .5em 1em; float: right; font: italic 1.7em/1.1 georgia, "times new roman", times, serif; background-color: inherit; color: #4c5f43;}
.pullQuoteLeft {width: 170px; margin: .25em 1em .5em 0; float: left; font: italic 1.7em/1.1 georgia, "times new roman", times, serif; background-color: inherit; color: #4c5f43;}
.imageThumbGallery  img {margin-right: 1em;}
.customerThumbGallery {margin-top: 1em;}
.customerThumbGallery img {margin: 0 10px 10px 0;}

#contentSecondary h2.emphasize {background-color: #9B2B90; color: #fff;}

.error {color: red;}

#contentPrimary a[name], #contentSecondary a[name]  {display: inline-block;}

/* Menu 1 */
#menu1 li {display: inline; list-style-type: none;}
#menu1 a {display: block; width: 48%; float: left; text-align: right; text-decoration: none; background-color: transparent; color: #4c5f43; font-size: 1.1em; font-weight: bold;}
#menu1 a:hover {background-color: inherit; color: #9B2B90;}
#menu1 li.active a {background-color: inherit; color: #9B2B90; cursor: default;}

/* Menu 2 */
#menu2 ul {margin-bottom: .5em;}
#menu2 li ul {margin-left: 8px; padding-left: 0;}
#menu2 li {padding: .2em 0; line-height: 1; list-style-type: none;}
#menu2 li li {line-height: 1; padding: .15em 0;}
#menu2 a {padding: .1em 0; text-decoration: none; background-color: inherit; color: #4c5f43; font-size: .85em; font-weight: bold; text-transform: uppercase;}
#menu2 li li a {font-weight: normal; font-size: .95em; text-transform: none;}
#menu2 a:hover {background-color: inherit; color: #9B2B90;}
#menu2 li.active a {background-color: inherit; color: #9B2B90; cursor: default;}
#menu2 li.active li a {background-color: inherit; color: #4c5f43; cursor: pointer;}
#menu2 li.active li a:hover {background-color: inherit; color: #9B2B90;}

/* Per-page alterations */
.noSidebar #contentSecondary, .noSidebar #skipToSecondary  {display: none;}
.noSidebar #contentPrimary {width: 520px;}
.compareQuilting {width: 98%; margin-bottom: 1em;}
.compareQuilting td {width: 32%; padding-right: 1em; font-size: .85em; vertical-align: top;}