/* 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 */

/* 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 {}

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;}
table.form-layout > tbody > tr > td > 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 */

/* Testimonials */
div#testimonials {color: #888888;}
div#testimonials > div.testimonial + div.testimonial {margin-top: 10px;}
div#testimonials > div.testimonial > h1 {border-bottom: 1px solid #dddddd; color: #444444; font-size: 16px; margin-bottom: 5px; padding-bottom: 5px;}
/* End Of Testimonials */

/* FAQ */
div#faq > table.layout > * > tr > td + td {padding-left: 10px;}
div#faq > table.layout > tbody > tr > td:first-child {width: 250px;}
div#faq > table.layout > tbody > tr > td + td > div {border: 1px solid #aaa393;}
div#faq > table.layout > tbody > tr > td + td > div + div {margin-top: 10px;}
div#faq > table.layout > tbody > tr > td + td > div > h2 {background-color: #ccc5b5; font-size: 16px; padding: 5px;}
div#faq > table.layout > tbody > tr > td + td > div > p {padding: 10px;}
div#faq-menu {margin: 0px;}
div#faq-menu > h1 {font-size: 18px;}
div#faq-menu > a[rel=start] {font-size: 16px;}
div#faq-menu > ol {background-color: #ddd6c6; color: #787266; border: 1px solid #aaa393; margin: 0px; margin-bottom: 10px; padding: 5px;}
div#faq-menu > ol > li {margin: 2px; margin-left: 2.2em;}
div#faq-menu > ol > li > a {background-color: #ccc5b5; border: 1px solid #aaa393; color: black; display: block; padding: 5px; text-decoration: none;}
div#faq-menu > ol > li.active > a {background-color: #bbb4a4; color: black;}
div#faq-menu > ol.typeless > li {margin: 2px;}
div#faq-menu > ol.typeless > li > a {color: #444444;}
/* End Of FAQ */

/* Gallery */
div#flash-gallery {}
div#flash-gallery ul {margin-top: 10px;}
div#flash-gallery ul li {clear: both; padding: 5px;}
div#flash-gallery ul li img {float: left; margin-right: 10px;}
/* End Of Gallery */

/* Driving Directions */
div#address-form > table.layout > tbody > tr > td + td {width: 50%;}
div#address-form > table.layout > tbody > tr > td > form > fieldset > table.form-layout > tbody > tr > th {width: 25%;}
div#address-form > table.layout > tbody > tr > td > form > fieldset > 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 {float: right; margin-bottom: 10px; margin-left: 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: 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;}
div#contactus > table.layout > tbody > tr > td + td {width: 60%;}
div#contactus > table.layout > tbody > tr > td > form > fieldset > table.form-layout > tbody > tr > th {width: 30%;}
div#contactus > table.layout > tbody > tr > td > form > fieldset > table.form-layout > tbody > tr > td {width: 70%;}
/* End Of Contact Us */

/* Header Stuff */
div#search-wrapper input {border: 1px solid black; vertical-align: top;}
div#search-wrapper fieldset {text-align: center;}
div#search-wrapper input#search-box {height: 16px; width: 120px; padding: 2px;}
div#search-wrapper input#search-box.inactive {color: gray; text-transform: uppercase;}
div#search-wrapper input#search-box.active {}
div#navigation {color: white; text-transform: uppercase;}
div#navigation ul {margin: 0px}
div#navigation ul ul {display: none;}
div#navigation ul li {display: inline; list-style: none; margin: 0px;}
div#navigation ul li li {display: block;}
div#navigation > ul > li > div {float: left; margin-bottom: 10px; position: relative;}
div#navigation ul li div a {border-left: 1px solid #3b3e81; display: block; float: left; font-size: 12px; height: 15px; line-height: 15px; padding: 0px 8px;}
div#navigation > ul > li:first-child > div > a {border-left: 0px; padding-left: 0px;}
div#navigation > ul > li > div > ul {background-color: #eeeeee; border: 1px solid #3b3e81; border-top: 0px; display: none; margin: 0px; position: absolute; top: 15px; left: 0px; width: 225px; }
div#navigation > ul > li > div > ul > li {border-top: 1px solid #3b3e81; list-style: none; margin: 0px;}
div#navigation > ul > li > div > ul > li > a {border: 0; display: block; float: none; font-size: 11px; padding: 5px;}
div#navigation > ul > li:hover > div > ul {display: block;}
div#navigation a {color: #9d9d9d; font-size: 11px; text-decoration: none;}
div#navigation a.active {color: #3b3e81;}
div#navigation a:hover {color: #3b3e81;}
/* End Of Header Stuff */

/* creating project specific default tag settings (change from project to project) */
div#footer {margin: 0px auto;}
h2.internal {color: #00005c; font-size: 15px; font-weight: bold; padding-bottom: 5px;}
h3.states {font-style: italic; padding-bottom: 10px; padding-top: 50px; padding-left: 10px; padding-right: 10px;}
a {color: #312ea3;}
/* end of creating project specific default tag settings (change from project to project) */


/* Positioning (Layout) */
html {background-color: #00005c; color: black;}
body {min-width: 740px;}
div#container {background-color: #f3f3f3; border: 1px solid #c0c0c0; border-top-width: 0px; padding-bottom: 10px; padding-left: 6px; text-align: left; width: 732px;}
div#container > div {background-color: #dfdfdf; border: 1px solid white; border-width: 0px 1px;}
div#container div#header {height: 76px; overflow: hidden;}
td#sidebar {background: transparent url(../images/sidebar-bg.gif) repeat-y top left; border-right: 1px solid white; width: 198px;}
td#sidebar > div {background: transparent url(../images/highlight-bg.gif) no-repeat top center; margin-top: 6px; padding-top: 6px;}
td#branding {background: black url(../images/branding-bg.gif) no-repeat top left; border-right: 1px solid white; color: white; vertical-align: bottom;}
td#branding > div.vcard {font-size: 11px; line-height: 13px; padding-left: 10px; padding-bottom: 4px; text-transform: uppercase;}
td#branding > div.vcard > div.fn {font-style: italic; font-weight: bold;}
td#main {background-color: #f3f3f3; padding: 5px;}
td#main > img {clear: both; margin-bottom: 15px;}
div#shell {clear: both; margin-left: 15px;}
div#heading {background: transparent url(../images/heading-bg.gif) no-repeat top left; height: 43px; line-height: 17px; margin-left: -5px; margin-bottom: 5px; overflow: hidden; width: 428px;}
div#heading > h1 {margin-left: 30px; font-style: italic;}
div#heading > h1 > b {color: #00005c;}
div#heading > h2 {color: white; font-size: 11px; font-style: italic; line-height: 10px; text-indent: 15px;}
div#heading > h2 > div {font-size: 15px; font-weight: bold; line-height: 15px; margin-left: -10px; margin-top: -2px;}
div#heading > h3 {color: white; font-size: 14px; line-height: 22px; margin-right: 20px; text-align: right;}
div#footer {padding: 10px;}
div#footer, div#footer > a {color: white; text-decoration: none; text-transform: uppercase;}
/* End Of Positioning */