/* creating my own default tag settings */
.button {cursor: pointer; padding: 4px 10px;}
.error-text {color: red;}
.success-text {color: blue;}
.disabled {color: silver;}
.double-arrows {font-family: Arial; font-size: 130%;}
.typeless li {list-style: none;}

.big {font-size: 16px;}
.clear {clear: both;}
.bold {font-weight: bold;}
.center {text-align: center;}

a.hover-underline {text-decoration: none;}
a.hover-underline:hover {text-decoration: underline;}

a.partial-underline {text-decoration: none;}
a.partial-underline > * {text-decoration: underline;}
a.partial-underline > *.double-arrows {text-decoration: none;}

.photo-frame {background-color: white; border: 1px solid #426443; padding: 3px;}
/* end of creating my own default tag settings */

/* Pagination UI Pattern */
div.pagination {text-align: center;}
div.pagination > span.page-numbers > * {border: 1px solid #0069a7; padding: 0px 4px;}
div.pagination > span.page-numbers > a {text-decoration: none;}
div.pagination > span.page-numbers > a {color: #0069a7;}
div.pagination > span.page-numbers > a:hover {background-color: #0069a7; color: white;}
div.pagination > span.page-numbers > b {font-weight: normal;}
div.pagination > span.page-numbers > b {background-color: #0069a7; color: white;}
/* End Of Pagination UI Pattern */

/* Sitemap */
ul.sitemap-level-1 li {list-style: none; margin: 0px;}
ul.sitemap-level-2 li {list-style: square outside none; margin-left: 2em;}
/* End of Sitemap *./

/* Layouts */
div.layout {}

ul.layout {margin: 0px;}
ul.layout > li {list-style: none; margin: 0px;}

a.layout {text-decoration: none;}

table.layout {border-collapse: collapse; border-spacing: 0px; empty-cells: show; table-layout: fixed; width: 100%;}
table.layout > * > tr > th, table.layout > * > tr > td {margin: 0px; padding: 0px; font-family:inherit; vertical-align: top;}

table.form-layout {empty-cells: show; table-layout: fixed; width: 100%;}

table.form-layout > * > tr > th,
table.form-layout > * > tr > td {margin: 0px; padding: 0px; font-family: inherit; vertical-align: top;}

table.form-layout > * > tr > th {}
table.form-layout > * > tr > td {text-align: right;}

table.form-layout > caption {padding-bottom: 10px; text-align: center;}
table.form-layout > tfoot > tr > td, table.form-layout > tfoot > tr > th {padding-top: 10px;}
table.form-layout > tbody > tr > td {margin: 0px; padding: 0px; font-family:inherit; vertical-align: top;}
table.form-layout > tbody > tr > th {vertical-align: middle;}
table.form-layout > tbody > tr > th.label-top {padding-top: 10px; vertical-align: top;}

table.form-layout > tbody > tr.required > th {background: transparent url(../images/reusable/req.gif) center right no-repeat; padding-right: 15px;}
input.invalid[type=text] {background-color: #ffffcc; border: 1px solid #ffaaaa;}

table.form-layout > tbody > tr > td > div {margin: 2px 5px; padding-right: 7px;} /* 5px (input padding), 2px (input border) */
table.form-layout > tbody > tr > td > div.left {margin-left: 0px;}
table.form-layout > tbody > tr > td > div.right {margin-right: 0px;}
table.form-layout > tbody > tr > td > div > input[type=text],
table.form-layout > tbody > tr > td > div > textarea {border: 1px solid #9cbed2; padding: 5px 0px; padding-left: 5px; width: 100%;}
/* End Of Layouts */

/* Calendar */
div.test {}
div.test:hover {border: 1px solid black; position: absolute; width: 200px; z-index: 15;}
div.test:hover > a {white-space: wrap;}

table#calendar {}
table#calendar a {text-decoration: none;}
table#calendar > tbody a:hover {text-decoration: underline;}
table#calendar > thead > tr > th {font-size: 18px; padding-bottom: 10px; text-align: center; vertical-align: bottom;}
table#calendar > thead > tr > th:first-child {text-align: left;}
table#calendar > thead > tr > th:first-child + th {text-align: center;}
table#calendar > thead > tr > th:first-child + th + th {text-align: right;}
table#calendar > thead > tr > td {text-align: center;}

table#calendar > tbody > tr > td {background-color: white; border: 1px solid #ccddee; height: 90px; padding: 0px;}
table#calendar > tbody > tr > td > a:first-child {background-color: #e8eef7; border-bottom: 1px solid #ccddee; color: #555577; display: block; padding: 0px 3px; text-align: right;}
table#calendar > tbody > tr > td > a + a {display: block; overflow: hidden; white-space: nowrap;}
table#calendar > tbody > tr > td > a:first-child:hover {text-decoration: none;}
table#calendar > tbody > tr > td.inactive-month {background-color: #f6f6f6;}
table#calendar > tbody > tr > td.inactive-month > a:first-child {color: #bbbbbb;}
table#calendar > tbody > tr > td.today {background-color: #ffffcc;}
table#calendar > tbody > tr > td.today > a:first-child {background-color: #BBCCDD;}

table#calendar > tfoot > tr > td {padding: 10px; text-align: center; vertical-align: middle;}



div#calendar-day-view > h1 {border-bottom: 1px solid #ccddee; font-size: 18px; margin-bottom: 10px; padding-bottom: 10px; padding-top: 5px;}
div#calendar-day-view > div.calendar-event {border-bottom: 1px solid #ccddee; margin-bottom: 5px; padding-bottom: 10px;}
div#calendar-day-view > div.calendar-event > h2 {display: block; font-size: 14px; font-weight: bold; margin-bottom: 10px;}
div#calendar-day-view > div.calendar-event > h3 {display: block; font-size: 13px; font-weight: normal;}
div#calendar-day-view > div.calendar-event > p {margin-top: 10px;}
div#calendar-day-view > table {width: 100%;}
div#calendar-day-view > table > tbody > tr > th {text-align: center; vertical-align: middle;}
div#calendar-day-view > table > tbody > tr > th:first-child {text-align: left;}
div#calendar-day-view > table > tbody > tr > th:first-child + th {font-size: 130%;}
div#calendar-day-view > table > tbody > tr > th:first-child + th + th {text-align: right;}

div#calendar-event-view > div.calendar-event {border-bottom: 1px solid #ccddee; margin-bottom: 5px; padding-bottom: 10px;}
div#calendar-event-view > div.calendar-event > h2 {border-bottom: 1px solid #ccddee; font-size: 18px; margin-bottom: 10px; padding: 0px; padding-bottom: 10px;}
div#calendar-event-view > div.calendar-event > h3 {display: block; font-size: 14px; font-weight: normal; margin: 1px 0px;}
div#calendar-event-view > div.calendar-event > p {margin-top: 10px;}
div#calendar-event-view > table {width: 100%;}
div#calendar-event-view > table > tbody > tr > th {text-align: center; vertical-align: middle;}
div#calendar-event-view > table > tbody > tr > th:first-child {text-align: left;}
div#calendar-event-view > table > tbody > tr > th:first-child + th {font-size: 130%;}
div#calendar-event-view > table > tbody > tr > th:first-child + th + th {text-align: right;}
/* End Of Calendar */

/* Testimonials */
div#testimonials {}
div#testimonials > div.testimonial + div.testimonial {margin-top: 10px;}
div#testimonials > div.testimonial > div.title {background-color: #d8dfea; border-bottom: 1px solid #cccccc; border-top: 1px solid #3b5998; padding: 10px; text-align: left;}
div#testimonials > div.testimonial > div.body {font-size: 12px; padding-left: 10px; padding-right: 10px; padding-top: 10px;}
/* End Of Testimonials */

/* News */
div#news {}
div#news .clear {margin-top: 10px; text-align: center;}
div#news div.date {margin-bottom: 10px;}
div#news div.news-item {clear: both;}
div#news div.news-item + div.news-item {background: transparent url(../images/light-divider.gif) repeat-x top left; padding-top: 5px;}
div#news div.news-item > h1 {color: #444444; font-size: 15px; font-weight: bold; margin-bottom: 7px;}
div#news div.news-item > div {padding-left: 5px; padding-right: 5px;}
img.news-item-image {display: block; float: right; margin-bottom: 10px; margin-left: 10px;}
/* End Of News */

/* FAQ */
div#faq > div.body {}

div#faq-menu > ol {margin: 0px; padding: 4px 2px;}
div#faq-menu > ol > li {padding: 4px 2px; margin-left: 25px;}

div#faq-menu > ul.layout,
div#faq-menu > ul.layout > li {padding: 4px 2px;}

div#faq-menu {padding: 10px;}
div#faq-menu li.active > a {color: black; text-decoration: none;}
/* End Of FAQ */

/* Gallery */
div#flash-gallery {text-align: center;}
div#flash-gallery ul {background-color: black; border: 1px solid #333333; margin: 0px auto; margin-top: 10px; width: 698px;}
div#flash-gallery ul li {background-color: #1A1A1A; border: 1px solid #333333; clear: both; color: #aaaaaa; margin: 5px; padding: 5px; text-align: left;}
div#flash-gallery ul li img {float: left; margin-right: 10px;}
/* End Of Gallery */

/* Driving Directions */
div#address-form {text-align: center;}
div#address-form > div:first-child + div {margin: 0px auto; width: 40%;}
div#address-form table.form-layout {}
div#address-form table.form-layout > tbody > tr > th {width: 25%;}
div#address-form table.form-layout > tbody > tr > td {width: 75%;}

div#select-address > table {margin: 0px auto;}
div#select-address > table > caption {font-size: 130%; padding-top: 10px; margin: 0px auto; text-align: center;}
div#select-address > table > tbody > tr > td {vertical-align: middle;}
div#select-address > table > tbody > tr > td > form > fieldset > input[type=submit] {margin: 4px 10px;}

div#driving-directions > img {display: block; margin-bottom: 10px;}
div#driving-directions > ol > li {margin-left: 30px;}
div#driving-directions > ol > li > div {padding: 10px;}
div#driving-directions > a[rel=prev] {font-size: 16px;}
span.mileage-minutes {color: red;}
/* End Of Driving Directions */

/* Search Results */
div#search-results-view {padding-bottom: 10px;}
div#search-results-view > form {}
div#search-results-view > form > fieldset {border-bottom: 1px solid #cccccc; margin-bottom: 10px; padding-bottom: 10px; padding-top: 5px; text-align: center;}
div#search-results-view > form > fieldset * {vertical-align: middle;}
div#search-results-view > form > fieldset > input[type=text] {border: 1px solid black; height: 16px; margin: 0px; padding: 6px; padding-bottom: 7px; padding-top: 5px; width: 300px;}
div#search-results-view > form > fieldset > button.button {margin: 0px; padding-bottom: 4px; padding-top: 4px;}
div#search-results-view > h1 {border-bottom: 1px solid #cccccc; font-size: 14px; font-weight: normal; margin-bottom: 10px; padding-bottom: 10px; text-align: right;}
div#search-results-view > h2 {font-weight: normal; text-align: center;}
div#search-results-view > ol {margin: 0px; padding: 0px;}
div#search-results-view > ol > li {border-top: 1px solid #cccccc; list-style: none; margin: 0px; margin-top: 10px; padding-top: 10px;}
div#search-results-view > ol > li:first-child {border: 0px; margin-top: 0px; padding-top: 0px;}
div#search-results-view > ol > li  > a {display: block; font-size: 15px; margin-bottom: 5px;}
div#search-results-view > ol > li  > p {font-size: 12px;}
div#search-results-view > ol > li  > p > span.searchTerm {font-size: 116.66%; font-weight: bold;}
div#search-results-view > div.pagination {border-top: 1px solid #cccccc; font-size: 16px; margin-top: 10px; padding-top: 10px;}
/* End Of Search Results */

/* Contact Us */
div#contactus {}
div#contactus a.partial-underline {font-size: 16px;}
div#contactus table.form-layout input[type=checkbox] {margin-left: 10px;}
div#contactus table.form-layout {}
div#contactus table.form-layout > tbody > tr > th {width: 30%;}
div#contactus table.form-layout > tbody > tr > td {width: 70%;}
/* End Of Contact Us */

/* Search Wrapper */
div.search {}
div.search input {vertical-align: top;}
div.search input[type=image] {border-top: 1px solid white;}
div.search input[type=text] {border: 1px solid black; font-size: 13px; height: 18px; padding: 3px; padding-top: 4px; padding-left: 5px; width: 129px;}
div.search input.inactive {}
div.search input.active {}

div#store-search {padding-right: 5px; padding-top: 9px; text-align: center;}
div#store-search input[type=image] {margin-left: 1px;}
/* End Of Search Wrapper */

/* Nav */
div#navigation {color: #01224f; font-size: 14px; height: 34px; line-height: 34px;}
div#navigation a {color: #6d6d6d; font-size: 12px; text-decoration: none; text-transform: uppercase;}

div#navigation ul li {display: inline;}
div.menu {float: left; position: relative;}

div#navigation div.active a,
div#navigation div.active a {color: #002185;}

div#navigation div.menu ul {background-color: white; border: 1px solid #002185; display: none; position: absolute; top: 25px; left: -5px; width: 175px;}
div#navigation div.menu:hover ul {display: block;}
div#navigation div.menu li a {color: #002185; display: block; height: 30px; line-height: 30px; padding: 0px 10px;}
div#navigation div.menu li + li {border-top: 1px solid #002185;}
div#navigation div.menu li a:hover {background-color: #002185; color: white;}
/* End Of Nav */

/* creating project specific default tag settings (change from project to project) */
a {color: #0069a7;}
a.white-arrow {background: transparent url(../images/right-arrow-white.gif) no-repeat center right; color: white; font-weight: bold; padding-right: 15px; text-decoration: none; text-transform: uppercase;}
a.white-arrow:hover {text-decoration: underline;}
/* end of creating project specific default tag settings (change from project to project) */

/* Positioning (Layout) */
html {background: #99cdff url(../images/html-bg.gif) repeat-x top center; color: black;}
body {min-width: 840px; font-family: "Trebuchet MS";}
div#container {border: 4px solid #fe9900; border-width: 0px 4px; width: 840px;}

div#header {background: transparent url(../images/header-bg.gif) no-repeat top right; height: 290px; position: relative;}
div#navigation {position: absolute; bottom: 0px; right: 14px; width: 690px;}
img#elaine {position: absolute; bottom: 0px; left: -39px;}
div#header h1.first {position: absolute; left: 110px; top: 30px; color: #002183; font-family: Times; font-size: 50px; text-transform: lowercase;}
div#header h1.last {position: absolute; left: 150px; top: 75px; color: #002183; font-family: Impact; font-size: 50px; text-transform: uppercase;}
div#header h1 a {color: #063783; text-decoration: none;}
div#header div.quote {color: #002183; font-size: 21px; line-height: 21px; position: absolute; bottom: 65px; left: 225px;}
div#header div.quote b {}
div#header div.quote div.by {color: black; font-size: 12px; font-weight: bold; text-align: left;}

div#body {background: white url(../images/body-bg.gif) repeat-x top left;}
td#main-column {padding: 20px 0px; padding-left: 7px;}
div#content {padding: 0px 20px;}

td#sidebar {background: #b0f0df url(../images/sidebar-top-bg.gif) repeat-x top left; padding: 0px 4px; width: 322px;}
td#sidebar img#content-image {display: block; margin-bottom: 8px;}
td#sidebar div#sidebar-highlights {background: #28ae89 url(../images/sidebar-bg.gif) no-repeat top left; color: white; padding: 0px 15px; padding-bottom: 20px;}
td#sidebar div#sidebar-highlights div.big {color: white; font-size: 20px; font-style: italic; padding-bottom: 20px; padding-top: 10px; text-transform: lowercase;}
td#sidebar div#sidebar-highlights a {color: white;}
td#sidebar div#sidebar-highlights div#events {padding: 15px;}
td#sidebar div#sidebar-highlights div#events div.event {}
td#sidebar div#sidebar-highlights div#events div.event + div.event {padding-top: 15px;}

div#flashcontent {background: black; text-align: center;}

div#footer {background: transparent url(../images/footer-bg.gif) repeat-x top left; border-top: 4px solid #00674a; color: white; height: 110px; padding: 10px 15px;}
div#footer a {color: white; text-decoration: none; text-transform: uppercase;}
div#footer a:hover {text-decoration: underline;}
/* End Of Positioning */