/* 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;}

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;}

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 */

/* News */
div#news {}
div#news .clear {margin-top: 10px; text-align: center;}
div#news div.news-item {clear: both;}
div#news div.news-item > h1 {padding-left: 10px; text-align: left;}
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 */

/* Testimonials */
div#testimonials {}
div#testimonials > div.testimonial + div.testimonial {margin-top: 10px;}
div#testimonials > div.testimonial > h1 {padding-left: 10px; text-align: left;}
div#testimonials > div.testimonial > div {padding-left: 5px; padding-right: 5px;}
/* End Of Testimonials */

/* Forecast */
div#forecast {}
div#forecast > table.layout > tbody > tr > td {border-left: 1px solid #aaaaaa;}
div#forecast > table.layout > tbody > tr > td:first-child {border-left: 0px;}
div#forecast > table.layout > tbody > tr + tr > td {border-top: 1px solid #aaaaaa; margin-top: 5px; padding-top: 5px;}
div#forecast div.forecast {text-align: center;}
div#forecast div.forecast div.timeperiod {padding-bottom: 5px;}
div#forecast div.forecast div.message {font-size: 11px; padding: 5px 10px;}
/* End Of Forecast */

/* Gallery */
div#gallery-menu {}
div#gallery-menu a {}
div#gallery-menu ul {margin: 0px; padding: 0px; padding-left: 10px;}
div#gallery-menu ul > li {list-style: disc outside url(../images/reusable/blue-arrow.gif); margin-left: 15px; padding: 0px;}
div#gallery-menu > ul > li > a {text-decoration: none;}
div#gallery-menu > ul > li > a:hover {text-decoration: underline;}
div#gallery-menu > h2 {font-size: 15px; margin-bottom: 5px;}
div#gallery-menu > h3 {color: white; font-size: 15px; font-weight: bold; margin-bottom: 5px; padding: 5px 0px;}
div#gallery-menu > ul > li {padding: 3px 10px;}
div#gallery-menu  div.back {margin-top: 10px; text-align: center;}

div#gallery a > img {opacity: 1.0; background-color: white; border: 1px solid #dddddd; padding: 2px;}
div#gallery a:hover > img {opacity: 0.5;}

div#gallery div.pagination {font-size: 11px; padding: 5px 0px;}

div#gallery div#gallery-float {background-color: #ddffdd; border: 1px solid #84bf40; border-width: 1px 0px; overflow: hidden; padding: 10px 0px; text-align: center;}
div#gallery div#gallery-float > img {display: block; margin: 0px auto;}
div#gallery div#gallery-float > div#caption {border: 1px solid #dddddd; margin: 0px auto;}
div#gallery div#gallery-float > div#caption > p {color: #444444; padding: 15px; text-align: left;}
div#gallery div#gallery-float > div#gallery-thumbs {margin-top: 10px; text-align: center; vertical-align: middle;}
div#gallery div#gallery-float > div#gallery-thumbs > a {text-decoration: none;}
/* End Of Gallery */

/* Driving Directions */
div#address-form {text-align: center;}
div#address-form table.layout > tbody > tr > td:first-child {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] {}
div.search input[type=text] {background: white url(../images/search-bg.gif) no-repeat top left; border: 0px; font-size: 12px; height: 17px; padding: 1px; padding-top: 3px; padding-left: 5px; width: 129px;}
div.search input.inactive {}
div.search input.active {}

div#site-search {text-align: left;}
div#site-search input[type=image] {margin-left: 5px;}
/* End Of Search Wrapper */

/* Nav */
div#navigation {padding-bottom: 24px; padding-left: 3px; padding-top: 2px;}
div#navigation a {color: #35600e; font-weight: bold; text-decoration: none;}
div#navigation > table.layout {table-layout: auto;}
div#navigation > table.layout > tbody > tr > td {text-align: center; vertical-align: middle;}
div#navigation > table.layout > tbody > tr > td#search-col {padding-left: 5px; padding-right: 10px; width: 165px;}
div#navigation > table.layout > tbody > tr > td > div > a {display: block; height: 40px; line-height: 36px; padding: 0px 3px; white-space: nowrap;}
div#navigation > table.layout > tbody > tr > td > div:hover > a,
div#navigation > table.layout > tbody > tr > td > div.active > a {background: transparent url(../images/nav-hover.gif) repeat-x top left;}

div#navigation > table.layout > tbody > tr > td > div {position: relative; z-index: 10;}
div#navigation > table.layout > tbody > tr > td > div > ul {display: none; position: absolute; top: 38px; left: 0px; width: 200px;}
div#navigation > table.layout > tbody > tr > td > div:hover > ul {display: block;}
div#navigation > table.layout > tbody > tr > td > div > ul {background-color: #9cd06e; padding: 1px;}
div#navigation > table.layout > tbody > tr > td > div > ul > li > a {display: block; height: 30px; line-height: 30px;}
div#navigation > table.layout > tbody > tr > td > div > ul > li {border-bottom: 1px solid #84bf40;}
div#navigation > table.layout > tbody > tr > td > div > ul > li + li {border-top: 1px solid #a4df60;}
div#navigation > table.layout > tbody > tr > td > div > ul > li.light {}
div#navigation > table.layout > tbody > tr > td > div > ul > li > a:hover {}
/* End Of Nav */

/* SideMenu */
td#sidebar {}
td#sidebar > div > div {padding-left: 5px; padding-right: 5px;}
td#sidebar > div > div > div + div {margin-top: 15px;}
td#sidebar div.news-item {}
td#sidebar div.news-item > h2 {color: #006aa6;}
td#sidebar div.news-item > p {font-size: 11px; padding-top: 5px;}
td#sidebar div.testimonial {}
td#sidebar div.testimonial > h1 {background: transparent url(../images/gray-top-rounded.gif) no-repeat top left; color: #8ac54d; height: 36px; line-height: 36px; text-align: center;}
td#sidebar div.testimonial td.image {text-align: center; width: 90px;}
td#sidebar div.testimonial td.title {vertical-align: middle;}
td#sidebar div.testimonial td.lead {background: transparent url(../images/quotes-bg.gif) no-repeat top left; padding: 10px; padding-bottom: 0px;}
td#sidebar div.testimonial td.lead > p {font-size: 11px; padding-bottom: 5px;}
td#sidebar div.testimonial img {height: 64px;}
div.conditions {background: transparent url(../images/gray-bottom-rounded.gif) no-repeat bottom left; color: #555555; font-size: 11px; padding-bottom: 10px; padding-left: 20px; padding-right: 5px;}
div.conditions > h1 {color: #8ac54d; display: block; padding-bottom: 10px;}
div.conditions > img {float: right; margin-top: -10px;}
/* End Of SideMenu */

/* creating project specific default tag settings (change from project to project) */
a {color: #0069a7;}
h1 {font-size: 14px; font-weight: bold;}
h2 {font-weight: bold;}

div.dark-bar {background-color: white; border: 1px solid white;}
div.dark-bar > h1 {background: transparent url(../images/dark-bar.gif) repeat-x top left; color: white; height: 32px; line-height: 32px; text-align: center;}
div.dark-bar > div {background: transparent url(../images/dark-bar-reflect.gif) repeat-x top left; border-top: 1px solid white; padding-top: 15px;}

div.light-bar {background-color: white; border: 1px solid white;}
div.light-bar > h1 {background: transparent url(../images/light-bar.gif) repeat-x top left; color: white; height: 32px; line-height: 32px; text-align: center;}
div.light-bar > div {background: transparent url(../images/light-bar-reflect.gif) repeat-x top left; border-top: 1px solid white; padding-top: 15px;}

/* end of creating project specific default tag settings (change from project to project) */

/* Positioning (Layout) */
html {background: #006aa8 url(../images/html-bg.gif) repeat-x top left; color: black;}
body {min-width: 900px; font-family: Arial;}
div#container {background: transparent url(../images/body-bg.gif) repeat-y top left; width: 900px;}
div#header {background: transparent url(../images/header-bg.jpg) no-repeat top left; height: 165px;}
div#header > a {display: block; height: 165px;}
div#body {background: transparent url(../images/body-bottom-bg.gif) no-repeat bottom left; margin: 0px auto; text-align: left; width: 780px;}
div#body > div {background: transparent url(../images/body-top-bg.gif) no-repeat top left;}
td#sidebar {padding-left: 10px; width: 202px;}
td#sidebar.gallery {width: 300px;}
td#main-column {padding-left: 8px;}
td#main-column > img#content-image {display: block; margin-top: 10px;} /* display block gets rid of that extra space below the img */
td#main-column > h1 {color: #0168aa; margin-top: 10px;}
td#main-column > div#shell {margin-top: 5px;}
td#main-column > div#shell > h1 {color: #0168aa; margin-top: 10px; margin-bottom: 10px;}
table#footer {margin-top: 10px;}
table#footer {color: #365f10; font-size: 14px;}
table#footer a {color: #365f10; font-size: 12px; font-weight: bold; text-decoration: none;}
table#footer a:hover {color: white; text-decoration: underline;}
table#footer > tbody > tr > td:first-child {padding-left: 15px; padding-top: 10px; vertical-align: middle;}
table#footer > tbody > tr > td:first-child + td {width: 130px;}
table#footer > tbody > tr > td:first-child + td > a {display: block; height: 65px;}
/* End Of Positioning */
