/* 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-size: 130%;}
.typeless li {list-style: none;}

a.partial-underline {text-decoration: none;}
a.partial-underline > * {text-decoration: underline;}
a.partial-underline > *.double-arrows {text-decoration: none;}

img.photo-frame {background-color: white; border: 1px solid #dddddd; padding: 4px;}
/* end of creating my own default tag settings */

/* creating project specific default tag settings (change from project to project) */
html {background-color: black; color: black;}
body {min-width: 755px;}
div#footer {margin: 0px auto;}
a {color: #312ea3;}
/* end of creating project specific default tag settings (change from project to project) */

/* Pagination UI Pattern */
div.pagination {text-align: center;}
div.pagination > span.page-numbers > * {border: 1px solid #312ea3; padding: 0px 4px;}
div.pagination > span.page-numbers > a {text-decoration: none;}
div.pagination > span.page-numbers > a {color: #312ea3;}
div.pagination > span.page-numbers > b {font-weight: normal;}
div.pagination > span.page-numbers > b {background-color: #312ea3; 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 > table.layout {empty-cells: show; table-layout: fixed; width: 100%;}
div.layout > table.layout > tbody > tr > td {padding-left: 10px;}
div.layout > table.layout > tbody > tr > td:first-child {padding-left: 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 > 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; width: 30%;}
table.form-layout > tbody > tr > th.label-top {padding-top: 10px; vertical-align: top;}
table.form-layout > tbody > tr > td {text-align: right; width: 70%;}
table.form-layout > tbody > tr > td > input[type=text],
table.form-layout > tbody > tr > td > textarea {border: 1px solid #4c5e72; margin: 2px 0px; padding: 5px; width: 90%;}
table.form-layout > tbody > tr > td > button {margin-top: 10px;}
table.form-layout > tbody > tr.required > th {background:url(../images/reusable/req.gif) center right no-repeat; padding-right: 15px;}
table.form-layout > tbody > tr > td > input.invalid[type=text] {background-color: #ffffcc; border: 1px solid #ffaaaa;}
/* End Of Layouts */

/* Gallery */
div#gallery ul {margin: 0px; padding: 0px;}
div#gallery ul > li {list-style: disc outside url(../images/reusable/blue-arrow.gif); margin-left: 15px; padding: 0px;}

div#gallery a > img {opacity: 0.5; background-color: white; border: 1px solid #dddddd; padding: 2px;}
div#gallery a:hover > img {opacity: 1.0;}

div#gallery-menu > h2 {font-size: 18px; margin-bottom: 5px;}
div#gallery-menu > h3 {border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; color: #adafae; font-size: 15px; margin-bottom: 5px; padding: 5px 0px;}
div#gallery-menu > ul > li {padding: 3px 10px;}
div#gallery-menu > a[rel=start] {font-size: 16px;}

div#gallery div.pagination {font-size: 11px; padding: 5px 0px;}

div#gallery div#gallery-menu {}
div#gallery div#gallery-float {clear: right; float: right; overflow: hidden; margin-left: 20px; text-align: center; width: 380px;}
div#gallery div#gallery-float > img {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;}

div#gallery-menu > ul > li > a {text-decoration: none;}
div#gallery-menu > ul > li > a:hover {text-decoration: underline;}

div#gallery {position: relative;}
table.landing > tbody > tr > td {}
table.landing > tbody > tr > td > div#gallery-menu {position: absolute; bottom: 0px;}
/* End Of Gallery */

/* Driving Directions */
div#address-form > table.layout > tbody > tr > td + td {width: 45%;}
div#address-form > table.layout > tbody > tr > td > form > fieldset > table.form-layout > tbody > tr > th {width: 20%;}
div#address-form > table.layout > tbody > tr > td > form > fieldset > table.form-layout > tbody > tr > td {width: 80%;}
div#address-form table.form-layout > tbody > tr > td > div {margin: 2px 5px; padding-right: 7px;} /* 5px (input padding), 2px (input border) */
div#address-form table.form-layout > tbody > tr > td > div.left {margin-left: 0px;}
div#address-form table.form-layout > tbody > tr > td > div.right {margin-right: 0px;}
div#address-form table.form-layout > tbody > tr > td > div > input[type=text] {border: 1px solid #4c5e72; padding: 5px 0px; padding-left: 5px; width: 100%;}

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 {background-color: white; border: 1px solid black; float: right; margin-bottom: 10px; margin-left: 10px; padding: 1px;}
div#driving-directions > ol > li {margin-left: 30px;}
div#driving-directions > a[rel=prev] {font-size: 16px;}
span.mileage-minutes {color: blue;}
/* 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 */

/* News */
div#news h1 {color: navy; font-size: 18px; margin-bottom: 5px;}
div#news h2 {color: navy; font-size: 14px; margin-bottom: 10px; font-variant: small-caps;}
div#news > ul {margin: 0px;}
div#news > ul > li {list-style: none; margin: 0px;}
div#news > ul > li + li {border-top: 1px solid #cccccc; margin-top: 10px; padding-top: 10px;}
div#news > ul > li > p {color: gray;}
div#news img[alt='News Article Image'] {background-color: white; border: 1px solid black; float: left; margin-right: 10px; padding: 2px;}
div#news > p + a[href='index.cfm?event=news'] {border-top: 1px solid #cccccc; clear: both; display: block; font-size: 130%; margin-top: 10px; padding-top: 6px; text-align: center;}
/* end of News */

/* Contact Us */
div#contactus a.partial-underline {font-size: 16px;}
div#contactus table.form-layout input[type=checkbox] {margin-left: 10px;}
/* End Of Contact Us */

/* Header Stuff */
div#search-wrapper input {border: 1px solid black; vertical-align: top;}
div#search-wrapper input#search-box {height: 16px; width: 122px; padding: 1px; padding-left: 2px;}
div#search-wrapper input#search-box.inactive {color: gray; text-transform: uppercase;}
div#search-wrapper input#search-box.active {}
div#navigation {color: white; font-size: 11px; text-transform: uppercase;}
div#navigation > a {color: silver; font-size: 11px; text-decoration: none;}
div#navigation > a.active {color: white;}
/* End Of Header Stuff */

/* Positioning (Layout) */
div#container {background: black url(../images/main-background.gif) repeat-y top left; margin-top: 20px; text-align: center; width: 755px;}
div#container > div#header {background: black url(../images/header.gif) no-repeat top left; height: 165px; text-align: left;}
div#container > div#header > a > img {margin-left: 83px; margin-top: 15px;}
div#container > div#header > div#search-wrapper {margin-left: 13px; margin-top: 21px;}
div#container > div#header > div#navigation {margin-left: 70px; margin-top: 10px;}
div#container > div#flashcontent {margin: 2px auto; padding-left: 1px;}
div#container > div#main {text-align: left; margin: 0px auto; width: 645px;}
div#container > div#main > h1 {font-size: 18px; font-style: italic; font-weight: bold; margin-left: 10px; margin-top: 15px;}
div#container > div#main > h1 > span {color: navy; font-style: normal; text-transform: uppercase;}
div#container > div#main > div#shell {margin: 15px 10px 0px; padding-bottom: 5px;}
div#footer {background: black url(../images/footer-background.gif) no-repeat top left; padding: 25px 0px; width: 755px;}
div#footer, div#footer > a {color: white; text-decoration: none; text-transform: uppercase;}
/* End Of Positioning */