/* creating my own default tag settings */
.button {background: white url(../images/reusable/shine-button.jpg) repeat-x center left; border: 1px solid #555555; color: white; cursor: pointer; font-family: Arial; font-size: 13px; outline: 1px solid black; padding: 4px 20px;}
.error-text {color: red;}
.success-text {color: blue;}
.disabled {color: silver;}
.double-arrows {font-size: 130%;}

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: 5px;}
/* end of creating my own default tag settings */

/* Pagination UI Pattern */
div.pagination {text-align: center;}
div.pagination > span.page-numbers > * {border: 1px solid white; padding: 0px 15px;}
div.pagination > span.page-numbers > a {text-decoration: none;}
div.pagination > span.page-numbers > a {color: white;}
div.pagination > span.page-numbers > b {font-weight: normal;}
div.pagination > span.page-numbers > b {background-color: white; color: #312ea3;}
/* End Of Pagination UI Pattern */

/* creating project specific default tag settings (change from project to project) */
html {color: white; background-color: black;	font-family: Arial, Helvetica, sans-serif; font-size: 1em;	font-style: normal;	font-weight: normal;}
body {min-width: 740px; margin: 0px; text-align: center;}
/* end of creating project specific default tag settings (change from project to project) */

/* 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 > h1 {color: #bbbbbb; border-bottom: 1px solid #cccccc; font-size: 18px; font-variant: small-caps; margin-bottom: 10px; padding: 0px; padding-bottom: 10px;}
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-custom.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 p {color: white;}
div#gallery ul {margin: 0px; padding: 0px;}
div#gallery ul > li {list-style: none; margin: 0px; padding: 0px;}
div#gallery > table.layout > tfoot > tr > * {border-top: 1px solid #efefef; padding: 10px 0px; text-align: center; vertical-align: middle;}
div#gallery > table.layout > tfoot > tr + tr > * {font-size: 16px; padding-bottom: 5px;}
div#gallery > table.layout > tbody > tr > * {padding-bottom: 10px;}

div#gallery > table.layout > tbody > tr:first-child > td:first-child {background: transparent url(../images/highlight-column-background.gif) no-repeat top right; width: 200px;}
div#gallery > table.layout > tbody > tr > td + td {overflow: hidden; text-align: right;}

div#gallery > table.layout > tbody > tr:first-child > td:first-child > div {padding-right: 10px;}
div#gallery > table.layout > tbody > tr:first-child > td:first-child > div > h2 {border-bottom: 1px solid #efefef; font-size: 18px; margin-bottom: 5px; padding-bottom: 5px;}
div#gallery > table.layout > tbody > tr:first-child > td:first-child > div > h3 {border-bottom: 1px solid #efefef; color: #adafae; font-size: 15px; margin-bottom: 5px; padding-bottom: 5px;}
div#gallery > table.layout > tbody > tr:first-child > td:first-child > div > a {display: block; font-size: 16px; margin-top: 10px;}
div#gallery img {background-color: black; border: 3px double white;}
div#gallery a > img {opacity: 0.5;}
div#gallery a:hover > img {opacity: 1.0;}
div#gallery div#caption {background-color: #003549; padding: 3px; float: right; width: 460px;}
div#gallery div#caption > p {color: gray; padding: 15px; text-align: left;}
/* End Of Gallery */

/* Driving Directions */
div#address-form > table.layout > tbody > tr > td + td {width: 40%;}
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#select-address > table {margin: 0px auto;}
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: black; border: 3px double white; 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: cyan;}
/* End Of Driving Directions */

/* Online Application */
div#online-application h2 {color: gold; font-size: 17px; font-variant: small-caps; margin-top: 20px;}
div#online-application tr.top-spacing > * {padding-top: 10px;}
div#online-application div#agreement {border-top: 1px solid #efefef; margin-top: 10px; padding-top: 10px;}
div#online-application table.form-layout > tbody > tr > td > div {margin: 2px 5px; padding-right: 7px;}
div#online-application table.form-layout > tbody > tr > td > div.left {margin-left: 0px;}
div#online-application table.form-layout > tbody > tr > td > div.right {margin-right: 0px;}
div#online-application table.form-layout > tbody > tr > td > div > input[type=text] {border: 1px solid #4c5e72; padding: 5px 0px; padding-left: 5px; width: 100%;}

div#online-application table.form-layout {border-top: 1px solid #efefef; margin-top: 10px;}
div#online-application table.form-layout > tbody > tr:first-child > * {padding-top: 10px;}
div#online-application table.form-layout > thead > tr:first-child > * {padding-top: 10px;}
div#online-application table.form-layout > thead ~ tbody > tr:first-child > * {padding-top: 0px;}
div#online-application table.form-layout > caption ~ tbody > tr:first-child > * {padding-top: 0px;}

div#online-application table.form-layout > tbody > tr > * {width: auto;}
div#online-application table.form-layout > tbody > tr > td {text-align: center;}
div#online-application table.form-layout > tbody > tr > td + th {padding: 0px 5px; text-align: right;}

div#online-application table.form-layout > tbody > tr > td.input-group {text-align: center; vertical-align: middle;}
div#online-application table.form-layout > tbody > tr > td.input-group > label {display: inline; padding: 4px;}

div#online-application table.edu > thead > tr > th {text-align: center;}
div#online-application table.edu > tbody > tr > td.input-group {text-align: center;}

div#online-application table.ref > thead > tr > th {text-align: center;}

div#online-application div#required-note {display: none;}
/* End Of Online Application */

/* Positioning (Layout) */
div#container {border: 1px solid white; border-width: 0px 1px 1px; margin: 0px auto; text-align: left; width: 740px;}
div#container div#header {background: transparent url(../images/header-background.jpg) repeat-y top center; height: 116px; position: relative;}
div#container div#header a[href='index.cfm?event=home'] {position: absolute; left: 15px; top: 5px; height: 85px; width: 225px;}
div#container div#header div#branding {position: absolute; bottom: 5px; left: 15px;}
div#container div#navigation {border: 1px solid white; border-width: 1px 0px;}

div#container div#navigation {position: relative;}
div#container div#navigation td {background: black url(../images/nav-background.gif) repeat-x top left; height: 33px; padding-left: 1px; padding-right: 1px; text-align: center; vertical-align: middle;}
div#container div#navigation td a {color: white; font-size: 11px; text-transform: uppercase;}

div#container div#navigation ul {background-color: black; display: none; border-top: 1px solid white; margin: 0px; padding: 0px; position: absolute; top: 33px; margin-left: -1px; min-width: 175px;}
div#container div#navigation ul li {list-style: none; margin: 0; padding: 0; text-align: left;}
div#container div#navigation ul li a {background: black; border: 1px solid white; border-top: 0px; display: block; height: 30px; line-height: 30px; padding: 0 10px;}
div#container div#navigation ul li a:hover {background-color: white; color: black;}

div#container div#navigation td:hover {background: white url(../images/nav-background-hover.gif) no-repeat top right;}
div#container div#navigation td:hover > a {color: black;}
div#container div#navigation td:hover ul {display: block;}

div#container div#navigation td.active {background: white url(../images/nav-background-active.gif) repeat-x top left;}
div#container div#navigation td.active > a {color: black;}
div#container div#navigation td.active + td {border-left: 1px solid white; padding-left: 0px;}
div#container div#navigation td + td.active {border-left: 1px solid white; padding-left: 0px;}

div#container > table.layout {background-color: #001b39;}
div#container > table.layout > tbody > tr > td:first-child {padding: 10px;}
div#container > table.layout > tbody > tr + tr > td:first-child {padding-top: 0px;}
div#container > table.layout > tbody > tr > td > div#featured-image {}
div#container > table.layout > tbody > tr > td > div#featured-image > img {border: 1px solid #4c5e72;}
div#container > table.layout > tbody > tr > td > div#featured-image > div#flashcontent {border: 1px solid #4c5e72; height: 250px;}
div#container > table.layout > tbody > tr > td > div#shell {margin: 15px 20px 5px;}
div#container > table.layout > tbody > tr + tr > td > div#shell {margin: 5px 20px 5px;}
div#container > table.layout > tbody > tr > td#highlight-column {background: transparent url(../images/highlight-column-background.gif) no-repeat top left; width: 268px;} 
div#container > table.layout > tbody > tr > td#highlight-column > div {margin: 10px;}
div#container > table.layout > tbody > tr + tr > td#highlight-column > div:first-child {margin-top: 5px;}

div#footer {margin-top: 10px; padding-bottom: 30px;}
div#footer > a {color: white; text-transform: uppercase;}
/* End Of Positioning */