@import url("//fonts.googleapis.com/css?family=Raleway:400,300");

/* general styles */
body {background-color: #fff; color: #333; font: 1em Segoe UI, Helvetica, Arial, sans-serif; line-height: 1.6em; margin: 0; padding: 0}

div#header, div#content, div#footer {background-color: #fff; color: #333; margin: 0 auto; overflow: auto}
div#header {overflow: visible}

div#site-header {background-color: #fff; margin-bottom: 0}
div#site-header h1 span, div#site-header h2, div#site-nav h2, div#section-nav h2, div#site-footer h2, div#subfooter h2 {position: absolute; left: -9999px}
img {border: 0; height: auto; max-width: 100%; vertical-align: text-bottom}
/* fixes a Google Maps bug that distorts map controls */
#map-canvas img {max-width: none}

div#section-nav ol li a, div#site-header ul.quick-links li a {color: #000; text-decoration: none}
div#section-nav ol li a:hover, div#section-nav ol li a:active, div#site-header ul.quick-links li a:hover, div#site-footer ul.quick-links li a:active {background-color: #fff}

a {color: #23749d; text-decoration: underline}
.warning {color: #f00}
/*a:visited*/
a:hover, a:active {color: #1a5573/*; text-decoration: underline*/}


/* header styles */
div#header h1 {float: left; max-width: 44%; margin: 0 0.25em 0.25em; padding: 0}
div#header h1 img {max-height: 120px; width: auto}

div#site-tools {float: right; max-width: 50%; width: 100%}
div#site-tools ul {float: right; margin: 0; overflow: auto; padding: 0.25em 0 0.5em}
div#site-tools ul.quick-links li {float: left; list-style-type: none}
div#site-header ul.quick-links li a {color: #5f8943; padding: 0 0.25em/*; text-decoration: none*/}

div#full-banner {clear: both}
div#full-banner img {display: block}

iframe#googleSearchWidget {display: none; height: 39px; max-width: 100%}
/*form#cse-search-box {display: none}*/
form#cse-search-box input[type="text"] {background: url("//cse.google.com/cse/intl/en/images/google_custom_search_watermark.gif") no-repeat}


div#site-search {float: right; margin: 0 50px 0 5px}
div.search-link {background: #cf8d2b url("/images/buttons/search.png") center center no-repeat; cursor: pointer; width: 44px; height: 39px}
div.search-link a, div.search-link a:hover {display: block; margin: 0; text-decoration: none}


/* navigation styles */
div#site-nav {background-color: transparent; overflow: visible; position: absolute; top: 0; right: 0}
div#site-nav ul {background-color: #d5d5d5; clear: both; margin: 0; /*overflow: hidden;*/ padding: 0.125em 0}
div#site-nav ul li {display: block; list-style-type: none; position: relative; text-transform: uppercase; width: 100%}
div#site-nav ul li a, div#site-nav ul li a:active {/*border-left: solid 1px #fff; */color: #41658c; display: inline-block; font-weight: bold; padding: 0.5em; text-decoration: none; width: 70%}
div#site-nav ul li a:hover, div#site-nav ul li a:active {background-color: #eceded; color: #cf8d2b}
div#site-nav ul li.active-section {background-color: #cf8d2b}
div#site-nav ul li.active-section > a {color: #fff}
div#site-nav ul li.active-section > a:hover, div#site-nav ul li.active-section > a:active {color: #cf8d2b}

div#site-nav ul li ul.submenu {background-color: #eceded; display: none; position: absolute; width: 100%; z-index: 1}
div#site-nav ul li ul.submenu li {display: block; float: none}
div#site-nav ul li ul.submenu li a {font-weight: normal; text-transform: none}
div#site-nav ul li a:hover + .submenu, div#site-nav ul li ul.submenu:hover {
    display: none;
}
div#site-nav label.show-menu {background: #cf8d2b url("/images/buttons/hamburger-menu.png") center center no-repeat; float: right; margin: 0; text-decoration: none; width: 44px; height: 39px; display: none}
div#site-nav label.show-menu span {display: none}
div#site-nav input#show-menu[type=checkbox] {display: none}
/*Show menu when invisible checkbox is checked*/
div#site-nav input[type=checkbox]:checked ~ ul {display: block; margin-left: -150px; max-width: 100%; min-width: 200px}

div#site-nav ul li a.submenu-toggle-active {background: url("/images/buttons/hamburger-menu-up.png") center center no-repeat; border: 0; cursor: pointer; display: inline-block; width: 12%}
div#site-nav ul li a.submenu-toggle-inactive {background: url("/images/buttons/hamburger-menu-down.png") center center no-repeat; border: 0; cursor: pointer; display: inline-block; width: 12%}


div#section-banner {display: none}

ol#breadcrumbs {margin: 0 0.5em; padding: 0}
ol#breadcrumbs li {background: url("/AM/Graphics/indentarrow.gif") left center no-repeat; display: inline; font-size: 1em; list-style-type: none; padding-left: 16px}
ol#breadcrumbs li.home {background: none; padding: 0}
/*ol#breadcrumbs li a {text-decoration: none}*/
/*ol#breadcrumbs li a:hover, ol#breadcrumbs li a:active {color: #cf241c}*/


/* main content styles */
div#content {clear: both; padding-bottom: 2em}
div#main-content h1 {color: #dc4f00; font: 300 2.5em Raleway, Verdana, sans-serif; line-height: 1.2em; margin: 0; padding: 0.2em}
div#main-content h2, div#main-content h3 {border-bottom: 1px dotted #ddd; color: #424242; font: 300 1.7em Raleway, Verdana, sans-serif; line-height: 1.45em; margin: 0; padding: 0 0.29em 0em}
div#main-content h4, div#main-content h5 {font-size: 1em; font-weight: bold; margin: 0; padding: 0 0.5em}
div#main-content p, div#main-content form div {margin: 0; padding: 0 0.5em 1.5em}
div.multi-select-grid {clear: both; margin: 0; padding: 0 0.5em 1.5em}
div#main-content hr, div#main-content div.social-widget, div#main-content div.social-comments {margin: 0 0.5em 1.5em}
div#main-content div.profile-listing {margin: 0 0.5em; padding: 0}
div#main-content div.profile-listing.alt {background-color: #c6dbee}
div#main-content div.profile-listing h2 {padding: 0}
div#main-content div.profile-listing p {padding: 0 0 1.5em}
div#main-content div.profile-listing div.figure {padding-right: 0}
div#main-content div.alert, div#main-content div.list-signup {background-color: #ff0; border: #000000 2px solid; border-radius: 25px; margin: 0 0.5em 1.5em; padding-top: 1.5em}
div#main-content div.list-signup {background-color: #fff; clear: both; text-align: center}
div#main-content div.list-signup h2 {display: inline; padding: 0}
div#main-content div.list-signup input {display: inline; float: none}
div#main-content div.progress-bar {background-color: #222; border: #000000 2px solid; border-radius: 12px; margin: 0 0.5em 1.5em; padding: 0 8px}
div.progress-bar div.progress {background-color: #007f0e; color: #fff; font-weight: bold; padding: 0.25em 0; text-align: right; width: 100%}
div.progress-bar div.progress.p0 {background-color: #222; text-align: left}
div.progress-bar div.progress.p25 {width: 25%}
div.progress-bar div.progress.p50 {width: 50%}
div.progress-bar div.progress.p75 {width: 75%}
div#main-content div.content-sidebar, div#main-content div.content-sidebar2 {background: #eceded /*#c6dbee url('/images/decor/content_background.jpg') bottom left*/; margin: 0 0.5em 1.5em; padding-top: 1.5em}
div#main-content form div.field-group {overflow: auto}
div#main-content ul {margin: 0 0.5em 1.5em; padding-right: 1.5em}
div#main-content form {overflow: auto}
div#main-content form label, div#main-content form input, div#main-content form div.input-group span.uneditable, div#main-content form select, textarea {clear: left; display: block; float: left; max-width: 95%}
div#main-content form div.state-selector label, div#main-content form div.state-selector input, div#main-content form div.state-selector select, div#main-content form.compact-form label, div#main-content form.compact-form input, div#main-content form.compact-form select {clear: none; display: inline; float: none}
div#main-content form.long-form {clear: both}
div#main-content form.long-form label {width: 15em}
div#main-content form div.label-group {clear: left; padding: 0 0 0.5em; width: 15em}
div#main-content form div.label-group label {clear: none; display: inline; float: none; width: auto}
div#main-content form div.input-group {padding: 0 0 0.5em}
div#main-content form div.input-group label, div#main-content form div.input-group input, div#main-content form div.input-group span.uneditable {clear: none; margin-right: 0.25em; width: auto}
div#main-content form div.choose-one, div#main-content form div p, div#main-content form#photo-upload div, div#main-content p#photo-upload {clear: left; padding: 0}
div#main-content form div.choose-one label {clear: right; width: auto}
div#main-content form div.choose-one input {clear: left}
div#main-content form div table, div#main-content form div h2 {padding-left: 0}
div#main-content form span#payment-processing-message {clear: left; display: block; margin-left: 14em}
div#main-content form div.seating-grid {clear: both; padding: 0}
div#main-content form div.seating-grid div {padding: 0}
div#main-content form div.seating-grid div div {border-bottom: solid #000 1px; float: left; text-align: center; width: 33%}
div#main-content td.add-delete form div {padding: 0 0.25em 0 0}
div#main-content div.us-map {text-align: center}
div#main-content div.us-map.with-select {display: none}
div#main-content div.us-map p.image-map {display: none}
div#main-content div.us-map ul {margin: 0 0 1.5em; padding: 0}
div#main-content div.us-map ul li {display: inline-block; padding: 0 0.188em}
div.compact-div {display: inline}
div.article {overflow: auto}
hr {border-color: #ddd; border-style: dotted; border-width: 1px 0 0}

table {clear: left; margin: 0; padding: 0 0.5em 1.5em; width: 95%}
td table {padding: 0; width: 100%}
th, td {/*font-size: 0.75em;*/ margin: 0; padding: 0; text-align: left; vertical-align: top}

div#main-content div.list h2 img, div#main-content div.list h3 img, div#main-content div.fancy-schedules h2 img, div#main-content div.long-list h2 img {float: right}
div.list, .standalone {clear: both}
div.list ul {margin: 0; padding: 0 0.5em}
div.list ul li {border-top: solid 1px #ccc; list-style-type: none; margin: 0; overflow: auto; padding: 0.75em 0}
div.list ul li:first-child {border: 0}
div.list td {border-bottom: 0; border-top: solid 1px #ccc; padding: 0.75em 0}
div.list th.row-header {padding: 0.75em 0}
div.list tr.grouped td {border: 0}
div.list tr.compacted > td {padding: 0}
div.list tr:first-child td {border-top: 0}
div.list .details, div.long-list .details {float: right; margin-right: 0.5em}
div.list .details.dining-guide-links {width: 61px}
div.list .detailsAlt {float: left; margin-right: 0.5em}
div.list div.details img, div.list div.detailsAlt img {vertical-align: middle}
div.long-list .details div {clear: right}
div.long-list .details div.figure {max-width: 100%}
div.long-list hr {clear: both}
div.long-container {margin-bottom: 1em}
.encapsulating {clear: left; overflow: auto}
.evenRow {background-color: #d7e8f4}
.highlighted, .highlightedRow {background-color: #ff7}
.highlightedRowAlt {background-color: #6f9}
div.long-text {text-align: left}
span.company, .promote {font-weight: bold}
span.major-name {display: block; font-weight: bold}
.error {color: #f00; font-weight: bold}
span.full-name {font-style: italic}
span.address, span.restaurant-details, span.bio {display: block}
span.additional-details {display: block; padding-bottom: 1.5em}
span.city-state-zip-country {display: none}
td span.title {display: block; font-weight: bold}
img.calendar {vertical-align: middle}
ul.pdf-list {list-style: url("/images/pdf_icon.gif")}
ul.pdf-list li.normal {list-style-image: none}
ul.pdf-list li.doc {list-style: url("/images/icons/file_doc.jpg")}
ul.pdf-list li.ppt {list-style: url("/images/ppt_icon.gif")}
ul.pdf-list li.xls {list-style: url("/images/icons/file_xls.jpg")}
ul.checklist {list-style-image: url("/images/icons/box_unchecked.png")}
ul.checklist li.checked {list-style-image: url("/images/icons/box_checked.png")}
ul.compact {margin: 0 1.5em; padding: 0 0.5em 1.5em}
.clickable {color: #00b; cursor: pointer}
div.callout, div.callout2, div.confirmation, div.confirmation2 {border: #000 3px solid; border-radius: 1.5em; clear: both; margin: 0 0.5em 1.5em; overflow: auto; padding: 1em 1em 0}
div#main-content div.callout h2, div#main-content div.callout2 h2, div#main-content div.callout p, div#main-content div.callout2 p, div#main-content div.callout ul, div#main-content div.callout2 ul, div#main-content div.confirmation p, div#main-content div.confirmation2 p {padding-left: 0; padding-right: 0}
div.confirmation.error, div.confirmation2.error {background-color: #ef3c35; color: #fff; font-weight: bold}
div.confirmation.success, div.confirmation2.success {background-color: #007f0e; color: #fff; font-weight: bold}
div.confirmation a, div.confirmation2 a {color: #fff; text-decoration: underline}

div.figure {clear: right; float: right; margin-left: 1em; max-width: 50%; padding-right: 0.5em; text-align: center}
div.figure2 {clear: left; float: left; margin-right: 1em; max-width: 50%; padding-left: 0.5em; text-align: center}
div.search-box {margin: 0; padding: 1em 0.4em 0}
div.figures-inline {clear: none; float: left; overflow: auto; padding-bottom: 1.5em}
div.decor.featured-content {float: none; margin: 0 auto 1.5em; max-width: 100%; position: relative; top: 8px; left: 8px}
.decor, .decor2 {display: none}
div.info {float: right; margin-left: 1em; max-width: 40%; width: 12.25em}
td.numbers, th.number-label, th.total-label, .advisory {text-align: right}

.mark {background-color: #ffff5e}
.no-wrap {white-space: nowrap}
.secondary {font-size: 0.75em}
.chart-legend-key {float: left; height: 1em; margin: 3px 6px 0 0; width: 1em}

div.map-with-legend {display: none}
div#map-canvas {border: solid 1px #000000; display: block; height: 480px; margin: 0 auto 15px; width: 640px}
div#map-canvas div h3, div#map-canvas div h4, div#map-canvas div p {margin: 0; padding: 0}
div.icon {display: none}

div.donation-widget {display: none}
div.amazon-widget {border: 0; overflow: hidden}
div.widescreen-video, div.standard-video {height: auto; margin: 0 auto; max-width: 100%; padding: 0 0.5em 1.5em; text-align: center}
div.photo-gallery {clear: both; height: auto; margin: 0 auto; max-width: 100%; overflow: auto; padding: 0 0.5em 1.5em}
div.photo-gallery > div {position: relative}
div.photo-gallery div.photo-info {background-color: #000; color: #fff; width: 100%}
div#main-content div.photo-gallery div.photo-info h2 {padding: 0.25em}
div.photo-gallery div.photo-info h2 a {color: #fff}
div.social-widget {overflow: auto; width: 310px}

div.printable {display: none}
.missing-info {border: 2px solid #f00}

div.multi-select-grid div {background-color: #ccc; border: solid #fff 2px; display: table; font-weight: bold; height: 3em; text-align: center; width: 100%}
div.multi-select-grid div a {display: table-cell; height: 100%; vertical-align: middle; width: 100%}

/* code that creates drop shadows around images */
div.pictures span.figcaption {display: none}

div#sitemap ol {list-style-type: none; margin: 0 0 0 1.5em; padding: 0}

span.additional-contact-info {display: block}


/* secondary content styles (page navigation and ad, etc.) */
div#section-nav {background-color: #f4f5ed; float: left; width: 100%}
div#section-nav ol {list-style-type: none; /*margin: 0 0 0 0.5em; */ padding: 0}
div#section-nav > ol > li > ol > li {border-top: 1px dotted #ddd}
div#section-nav > ol > li > ol > li ol {padding: 0 1em}
div#section-nav ol li a {color: #23749d; display: block; font-weight: bold; padding: 0.75em}
div#section-nav ol li a.section-title {background-color: #cf8d2b; color: #fff; font-size: 1.19em}
/*div#section-nav > ol > li > a, div#section-nav > ol > li > ol > li > a {padding: 0.75em}*/

div#page-accessories {float: none; margin: 0 auto; overflow: auto; width: 45%}
div.add-this, .feature {text-align: center}
div#skyscraper {margin: 1em auto 0; width: 75%}


/* footer styles */
div#footer {}
div#site-footer {overflow: auto; padding-bottom: 1em}
div#site-footer ul.partnerships {margin: 1.5em 0.25em 0; overflow: auto; padding: 0; text-align: center}
div#site-footer ul.partnerships li {display: inline; list-style-type: none}
div#site-footer ul.partnerships li img {padding-bottom: 0.25em}

div#site-nav-minimal {float: left; padding-left: 0.5em; width: 45%}
div#site-nav-minimal ul {margin: 0; padding: 0}
div#site-nav-minimal ul li {list-style-type: none}
div#site-nav-minimal a {/*color: #fff;*/; text-decoration: none; text-transform: uppercase}

div#subfooter ul.quick-links {margin: 0 0.25em; overflow: auto; padding: 0.125em 0}
div#subfooter ul.quick-links li {display: inline; list-style-type: none; padding: 0 0.25em}
div#subfooter ul.quick-links li a {/*color: #fff;*/}
div#site-footer ul.site-nav-secondary-minimal {float: left; margin: 0; overflow: auto; padding: 0.125em 0.5em}
div#site-footer ul.site-nav-secondary-minimal li {list-style-type: none; padding: 0}
div#site-footer ul.site-nav-secondary-minimal li a {text-decoration: none; text-transform: uppercase}

div#subfooter div.social-networking-copyright {margin: 0; padding: 0}
div#subfooter ul.social-networking-links {clear: both; float: none; margin: 0.75em 0; padding: 1em 0 0 0; text-align: center}
div#subfooter ul.social-networking-links li {display: inline; list-style-type: none}
div#site-footer img.copyright-logo {float: left; height: 127px; margin: 0 1em 0 0.5em; max-width: 50%; width: 150px}

div#site-footer address {clear: both; font-style: normal; margin: 0 0.5em}
div#site-footer p {font-style: normal; margin: 0; margin-bottom: 1.6em}

div#subfooter {background-color: #222; clear: both}
div#subfooter div#subfooter-details {overflow: auto}
div#subfooter div#subfooter-details a {color: #fff}
div#subfooter div#subfooter-details small {color: #999; font-size: 0.875em; padding-top: 1em}


@media all and (max-width: 1024px) {
    div#site-nav label.show-menu {cursor: pointer; display: block}
    div#site-nav label.show-menu:hover {cursor: pointer}
    div#site-nav > ul {display: none}
}


/* desktops */
@media all and (min-width: 1025px) {
    /* general styles */
    body {background: #fff url("/app_themes/Austin_Responsive/images/sidebar_fade.png") no-repeat scroll; background-position: 0 -600px; background-size: 100% auto}
    
    /* header styles */
    div#header {margin: 0 auto; max-width: 1170px}
    div#header h1 {float: left; margin: 0 0 -110px; padding: 0 0 0 10px; position: relative; width: 185px; z-index: 99}
    div#header h1 img {max-height: 100%; margin-left: 40px}
    div#full-banner {clear: none; display: none; float: right; height: 60px; margin: 0.9em 1em; width: 468px}
    div#site-tools {margin-top: 1em; left: 0; /*width: 255px*/}
    div#site-header {margin-bottom: 0; padding-bottom: 120px}
    div#site-header ul.quick-links {float: right; margin: 0.5em 0.5em 0 0; padding: 0}
    div#site-header ul.quick-links li a {padding: 0 0.5em}
    form#cse-search-box div, div#google_translate_element, div#acf-translator-widget {margin: 5px 10px 0 0; text-align: right}
    form#cse-search-box input[type="text"] {border: 1px solid #ccc; font: 11px Georgia, sans-serif; width: 140px}
    form#cse-search-box input[type="submit"] {border: 1px solid #ccc; font: 11px Georgia, sans-serif; margin-left: 2px; padding: 2px}
    div#site-search {margin-right: 0.25em}
    
    /* navigation styles */
    div#site-nav {background-color: #eceded; float: right; width: 100%; margin-bottom: -40px; position: relative; top: -40px; z-index: 1}
    div#site-nav > ul {background-color: #eceded; clear: none; float: right; margin-left: 250px; padding: /*10px*/ 0}
    div#site-nav ul li {display: list-item; float: left; width: auto}
    div#site-nav ul li a, div#site-nav ul li a:active {border: 0; /*font-size: 12px;*/ display: block; padding: 10px; width: 100%}
    div#site-nav ul li a, div#site-nav ul li a:active {/*border-left: solid 1px #fff; */color: #41658c; display: inline-block; font-weight: bold; padding: 0.5em 0.625em; text-decoration: none; width: auto}
    div#site-nav ul li.active-section > a:hover, div#site-nav ul li.active-section > a:active {background-color: #eceded; color: #cf8d2b}
    div#site-nav ul li ul.submenu {width: auto}
    div#site-nav ul li ul.submenu li {min-width: 200px}
    div#site-nav ul li ul.submenu li a {padding: 5px 10px}
div#site-nav ul li a:hover + .submenu, div#site-nav ul li ul.submenu:hover {
    /*display: block;*/
}
div#site-nav ul li:hover ul.submenu {display: block}
    div#site-nav ul li a.submenu-toggle-active {display: none}
    div#site-nav ul li a.submenu-toggle-inactive {display: none}
    div#section-banner {display: block}
    ol#breadcrumbs {margin-left: 1em}
    /*ol#breadcrumbs li {font-size: 10px}*/
    
    /* main content styles */
    div#content {clear: both; margin: 0 auto; max-width: 1170px; overflow: auto; padding-top: 31px; position: relative}
    div#main-content {float: left; width: 76%} /* force height -- min-height: 850px; */
    div#main-content h1 {padding: 0.25em 0.4em}
    div#main-content h1.with-subheading {padding-bottom: 0}
    div#main-content .with-more-text {margin-bottom: 0; padding-bottom: 0}
    div#main-content h2, div#main-content h3 {padding: 0 0.59em}
    div#main-content h4 {padding: 0 1em}
    div#main-content p, div#main-content form div, div.multi-select-grid {padding: 0 1em 10px}
    div#main-content hr {margin: 0 24px 10px}
    div#main-content div.profile-listing {clear: both; margin: 0 24px 10px; overflow: auto; padding: 10px 10px 0}
    div#main-content div.social-widget, div#main-content div.social-comments {margin: 0 24px 10px}
    div#main-content div.profile-listing h2 {padding: 0}
    div#main-content div.profile-listing p {padding: 0 0 10px}
    div#main-content div.profile-listing div.figure {padding-right: 0}
    div#main-content div.alert, div#main-content div.list-signup, div#main-content div.progress-bar {margin: 0 24px 10px}
    div#main-content div.content-sidebar {float: right; margin: 0 24px 10px; padding-top: 10px; width: 300px}
    div#main-content div.content-sidebar2 {float: right; margin: 0 24px 10px; padding-top: 10px; width: 150px}
    div#main-content ul {margin: 0 12px 10px}
    div#main-content form {margin-bottom: 10px}
    div#main-content form input, div#main-content form select, textarea {clear: none; display: block}
    div#main-content form label {padding-bottom: 0.5em; padding-right: 0.25em}
    div#main-content form.long-form td label {width: auto}
    div#main-content form div.label-group {float: left; padding-right: 0.25em}
    div#main-content form.long-form input[type="submit"] {clear: left; margin-left: 14em}
    div#main-content form.long-form div.field-group div input[type="submit"] {clear: both; float: none; margin-left: 0}
    div#main-content div.us-map {padding: 0 24px 10px}
    div#main-content div.us-map.with-select {display: block}
    div#main-content div.us-map p.image-map {display: block}
    div#main-content div.us-map ul li {padding: 0 3px}
    
    span.company, span.major-name {font-size: 14px}
    span.additional-details {padding-bottom: 10px}
    table {padding: 0 0 10px 24px; /*width: 686px*/}
    table.chart-legend, div.with-pie-chart {clear: none; float: left; width: 438px}
    .condensed {float: left; width: 45%}
    div.condensed {margin-bottom: 1.5em}
    /*th, td {font-size: 12px}*/
    div#main-content div.list h2, div#main-content div.list h3, div#main-content div.fancy-schedules h2, div#main-content div.long-list h2 {background: url(/images/decor/content_background.jpg) no-repeat left bottom; clear: both; margin: 10px 24px; padding: 5px 10px}
    div.standalone {margin-bottom: 10px}
    div.list ul {padding: 0 10px 5px}
    div.list ul li {margin: 0; padding: 5px 0}
    div.list td, div.list th.row-header {padding: 4px 0}
    div.list .details, div.long-list .details {padding-right: 24px}
    div.long-list .details {margin-bottom: 10px; width: 162px}
    div.long-list .details div.figure {float: left; padding: 0}
    div.long-container {margin-bottom: 10px}
    div.compact ul {overflow: auto}
    div.compact ul li {display: inline-block; vertical-align: top; width: 48%}
    div.compact ul li img {vertical-align: top}
    div.with-pictures ul li {float: left; padding-right: 8px; width: 48%}
    div.with-pictures ul li.second-child, div.compact ul li.second-child {border: 0}
    div.with-pictures div.figure2 {margin-right: 16px}
    span.full-name {display: block; float: right; font-style: italic; width: 40%}
    span.full-name.with-photo {width: 21.75%}
    span.program-name, span.additional-contact-info {display: block; float: right; width: 40%}
    span.city-state-zip-country {display: inline}
    div.thumbnail {width: 120px}
    div.thumbnail-h {width: 150px}
    div.figure, div.decor {display: block; float: right; margin-left: 24px; padding-right: 24px; text-align: center}
    div.figure2, div.decor2 {display: block; float: left; margin-right: 24px; padding-left: 24px; text-align: center}
    div.long-text {text-align: left}
    div.search-box {padding-top: 20px; width: 270px}
    div.figures-inline {float: left; padding-right: 0}
    td div.figure {padding-right: 0}
    h1 img.decor {display: block; float: right}
    div.figcaption {font-weight: bold}
    td.time {white-space: nowrap; width: 25%}
    td.year, th.quantity {width: 10%}
    ul.compact {list-style-type: none; margin: 0; padding: 0 12px 10px}
    ul.compact li {border-left: solid 1px #000; display: inline-block; padding: 0 5px}
    ul.compact li:first-child {border: 0; padding-left: 0}
    ul.jump-to li:first-child:before {content:"Jump to: "}
    .secondary {font-size: 10px}
    div.map-with-legend {display: block}
    ul.in-page-nav {font-size: 15px; font-weight: bold; text-align: center}
    ul.long-list {float: left; width: 38%}
    div.callout, div.callout2, div.confirmation, div.confirmation2 {border-radius: 24px; margin: 0 24px 10px; padding: 16px 16px 0}
    div.callout2, div.confirmation2 {clear: none; width: 450px}
    div#_atssh {display: none}
    
    /* code that creates drop shadows around images */
    div.pictures > div {background: url("/AM/Images/Layout_Assets/ACF_CM5_1507_20080117T171912/shadow.png") bottom right no-repeat; margin-left: 8px; margin-top: 8px; position: relative; padding-bottom: 4px}
    div.pictures > div div {background: url("/AM/Images/Layout_Assets/ACF_CM5_1507_20080117T171912/lowerleftfade.png") left bottom no-repeat; margin: 0em 0em -4px; position: relative; left: -8px; bottom: 0px}
    div.pictures > div div img {background: url("/AM/Images/Layout_Assets/ACF_CM5_1507_20080117T171912/upperrightfade.png") top right no-repeat; display: block; margin-bottom: -4px; margin-right: -8px; padding-right: 8px; position: relative; top: -8px}
    div.pictures span.figcaption {display: block; font-weight: bold; position: relative; top: -4px; max-width: 200px; width: 100%}
    div.figure div.thumbnail {margin: 0 auto; position: relative; right: -8px}
    div.icon {background: url("/images/icons/squareIconBG.png") bottom right no-repeat; display: block; float: left; height: 72px; margin: 0 24px; width: 72px}
    div#main-content .with-icon {margin-left: 96px}
    
    div.donation-widget {display: block; margin: 0px auto 10px; text-align: center; width: 630px}
    div.donation-widget iframe {height: 300px; width: 630px}
    div.widescreen-video, div.standard-video, div.photo-gallery {padding: 0 24px 10px}
    div.widescreen-video iframe {height: 354px; width: 630px}
    div.standard-video iframe {height: 345px; width: 420px}
    div.photo-gallery > div {border-top: 0; border-top-left-radius: 10px; border-top-right-radius: 10px; float: left; height: 200px; margin: 1px; position: relative; width: 33%}
    div.photo-gallery div.photo-info {background-color: #000; background-color: rgba(0, 0, 0, 0.5); color: #fff; position: absolute; bottom: 0}
    div#main-content div.photo-gallery div.photo-info h2 {padding: 5px 7px}
    div.photo-gallery div.rating {padding: 0 7px 7px}
    div.rankings {float: left; overflow: auto; width: 32%}
    div.multi-select-grid {overflow: auto}
    div.multi-select-grid div {float: left; width: 32%}

    div#sitemap ol {margin: 0 0 0 24px; padding: 0}
    
    /* secondary content styles (page navigation and ad, etc.) */
    div#secondary-content {float: right; margin-right: 1em; width: 22%}
    div#section-nav {float: none; padding: 0; width: 100%}
    /*div#section-nav ol {margin: 0 0 0 15px}*/
    /*div#section-nav ol li a {font-size: 12px; line-height: 18px}*/
    /*div#section-nav ol li a.section-title {font-size: 14px}*/
    div#page-accessories {float: none; width: 100%}
    div.add-this {margin-top: 6px; text-align: left}
    div.add-this img {padding-left: 27px}
    div#skyscraper {margin-top: 30px; text-align: center; width: 100%}
    div.jobtarget-container {float: right; position: relative}
    div.jobtarget-listings {margin-left: -362px; position: absolute; top: -47px; right: -202px; width: 160px}
    div#main-content div.jobtarget-listings h5 {padding: 0}
    div#main-content div.jobtarget-listings div {font-size: 10px}
    div#main-content div.jt_job_company {margin-bottom: 5px}
    
    /* footer styles */
    div#footer {margin: 0 auto/*; max-width: 1170px*/}
    div#site-footer, div#subfooter-details {/*line-height: 18px;*/ max-width: 1170px; margin: 5px auto 0}
    div#site-footer ul.partnerships {float: left; margin: 0 0 0 3px}
    div#site-footer ul.partnerships li {float: left; list-style-type: none; padding: 0 2px}
    
    div#site-footer div#site-nav-minimal, div#site-footer ul.site-nav-secondary-minimal {float: left; margin: 0 4em 0 1em; padding: 0; width: auto}
    div#site-footer div.org-info {float: right}
    div#subfooter ul.quick-links {background: none; clear: both; float: left; margin: 1em 1em; padding: 0}
    div#subfooter ul.quick-links li {/*float: left*/}
    div#subfooter ul.quick-links li a {padding: 0}
    div#subfooter ul.quick-links li:first-child a {border: 0}
    div#subfooter ul.quick-links li a:hover, div#site-footer ul.quick-links li a:active {}
    div#subfooter div.social-networking-copyright {float: right}
    div#subfooter div#subfooter-details small {float: left}
    div#subfooter ul.social-networking-links {clear: none; float: left; margin: 0 3em 0 0; padding: 1em 0 0 3em}
    div#subfooter ul.social-networking-links li {padding: 0}
    div#site-footer img.copyright-logo {float: left; margin: 0 2em 0 0}
    div#site-footer div.contact-info {float: right}
    div#site-footer address {clear: none; font-style: normal; margin: 0}
}


/* print styles */
@media print {
    body {background-color: #fff; background-image: none}
    div#header {background-image: none; border: 0; padding-bottom: 20pt}
    div#site-tools, div#full-banner, div#site-nav, div#section-banner, div#secondary-content, div#footer {display: none}
    div#content {background-image: none; border: 0; overflow: visible; width: 100%}
    div#main-content {display: block; width: 100%}
    ol#breadcrumbs {display: none; margin: 0; padding: 0 0 14pt}
    ol#breadcrumbs li {font-size: 10pt; line-height: 14pt}
    div#main-content h1 {font-size: 20pt; padding: 0 0 8pt}
    div#main-content h2, div#main-content h3 {font-size: 12pt; padding: 0 0 2pt}
    div#main-content p, div.list ul, table {font-size: 10pt; line-height: 14pt; padding: 0 0 14pt}
    th, td {font-size: 10pt; line-height: 14pt}
    div.us-map, ul.compact, ul.jump-to, div#main-content div.content-sidebar, div#main-content div.content-sidebar2, div.search-box {display: none}
    div.printable {display: block}
    div.printable.company-info {position: absolute; top: -140px; right: 10pt}
    .navigation, div.social-widget, div.social-comments {display: none}
}

/*Begin-Three Across Table 2019*/	
    div.iTable {display: table; margin: auto;}
    div.iTableRow {display: table-row; margin: auto;}
	div.iTableRedRow {display: table-row; color: red;}
    div.iTableHeading {display: table-header-group;}
    div.iTableBody {display: table-row-group;}
    div.iTableFoot {display: table-footer-group;}
    div.iTableCell {display: table-cell; margin: auto; vertical-align: top; width: 33%; padding: 10px;}
    div.iTableHead {display: table-cell; margin: auto; vertical-align: top; width: 33%; padding: 10px;}
    div.iTableWholeRow {margin: auto; display: table-cell; vertical-align: middle; width: 100%;}
    div.iLoneCell {margin: auto; text-align: center; clear: both;}
    div.headings {font-size: 1.5em; font-style: bold;}
    div.iTableDate {display: table-cell; padding: 2px; width: 15%;}
    div.iTableInst {display: table-cell; padding: 2px; width: 70%;}

    input[type=checkbox]:checked ~ .remove-check{display: none;}
    input[type=checkbox]:checked ~ #events{display: block;}
    
@media (max-width: 600px) {
    div.iTable,
    div.iTableRow,
    div.iTableHeading,
    div.iTableBody,
    div.iTableFoot,
    div.iTableCell,
	div.iTableDate,
    div.iTableInst, 
    div.iTableWholeRow,
    div.iTableHead  {display: inline; margin: auto; text-align: left; padding: 0px;}
    div.iLoneCell {display: inline; margin: auto; text-align: center; clear: both; margin: 10px;}
    }
/*END-Three Across Table 2019*/

/*Begin-Responsive YouTube Wrapper 2019*/
/*Will Fill the entire Width*/
	div.video-responsive{
		overflow:hidden;
		padding-bottom:56.25%;
		position:relative;
		height:0;
	}
	div.video-responsive iframe{
		left:0;
		top:0;
		height:100%;
		width:100%;
		position:absolute;
	}
/*End-Responsive YouTube Wrapper 2019*/

/*Begin-Responsive Centered YouTube Wrapper 2019*/
	div.video-responsive-centered {
		position: relative; 
		width: 100%; 
		height: 0px; 
		padding-bottom: 56.25%;	
	}
	div.video-responsive-centered iframe{
		width: 100%; 
		max-width: 640px; 
		margin: 10px auto;
	}

/*End-Responsive Centered YouTube Wrapper 2019*/