/* Information -------------------------------------

Version: 0.13

Include on: All Tarpits.org Templates

Notes: * before selector targets IE7.

Contains:
    =Color Palette
    =Graphicus Custom Font
    =Global Reset
    =Global Generic Styles
    =Links
    =Text Headers
    =Common Text
    =Bulleted List
    =Buttons
    =Custom Input
    =Page Header
    =Nav : Utility
    =Nav : Main
    =Nav : Side
    =Breadcrumb
    =Content Containers & Modules
    =Rotator
    =Callout Structure
    =Grid Structure
    =Footer
    =VideoJS Styles
----------------------------------------------------*/

/* =Color Palette
----------------------------------------------------
    #e07b20     orange
    #c1cd23     green
    #026cb6     blue
    #000        black
    #636363     dark gray
    #f74c00     red orange
----------------------------------------------------*/

/* =Graphicus Custom Font
----------------------------------------------------*/

/* @license
 * MyFonts Webfont Build ID 1298497, 2011-09-30T14:39:51-0400
 * MyFonts Webfont Build ID 1298659, 2011-09-30T15:11:27-0400
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: Graphicus DT Bold by DTP Types
 * URL: http://www.myfonts.com/fonts/dtptypes/graphicus-dt/bold/
 *
 * Webfont: Graphicus DT Book by DTP Types
 * URL: http://www.myfonts.com/fonts/dtptypes/graphicus-dt/book/
 *
 * Webfont: Graphicus DT Regular by DTP Types
 * URL: http://www.myfonts.com/fonts/dtptypes/graphicus-dt/regular/
 *
 * Copyright: Copyright (c) 1996-2006 DTP Types Limited. All rights reserved. GraphicusDT is a trademark of DTP Types Limited.
 * Licensed pageviews: 1,000,000
 *
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=1298497
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=1298659
 *
 * © 2011 Bitstream Inc
*/
 @font-face {
    font-family:'GraphicusDT-Bold';
    src: url('/sites/all/themes/tarpits/fonts/graphicusDT-bold.eot');
    src: url('/sites/all/themes/tarpits/fonts/graphicusDT-bold.eot?#iefix') format('embedded-opentype'), url('/sites/all/themes/tarpits/fonts/graphicusDT-bold.woff') format('woff'), url('/sites/all/themes/tarpits/fonts/graphicusDT-bold.ttf') format('truetype');
    -moz-font-feature-settings:"liga=0";
    -moz-font-feature-settings:"liga" 0;
}
@font-face {
    font-family:'GraphicusDT-Book';
    src: url('/sites/all/themes/tarpits/fonts/graphicusDT-book.eot');
    src: url('/sites/all/themes/tarpits/fonts/graphicusDT-book.eot?#iefix') format('embedded-opentype'), url('/sites/all/themes/tarpits/fonts/graphicusDT-book.woff') format('woff'), url('/sites/all/themes/tarpits/fonts/graphicusDT-book.ttf') format('truetype');
    -moz-font-feature-settings:"liga=0";
    -moz-font-feature-settings:"liga" 0;
}
@font-face {
    font-family:'GraphicusDT-Regular';
    src: url('/sites/all/themes/tarpits/fonts/graphicusDT-regular.eot');
    src: url('/sites/all/themes/tarpits/fonts/graphicusDT-regular.eot?#iefix') format('embedded-opentype'), url('/sites/all/themes/tarpits/fonts/graphicusDT-regular.woff') format('woff'), url('/sites/all/themes/tarpits/fonts/graphicusDT-regular.ttf') format('truetype');
    -moz-font-feature-settings:"liga=0";
    -moz-font-feature-settings:"liga" 0;
}
/* =Comments
----------------------------------------------------*/
 #edit-comment-wrapper textarea {
    width:50%;
}
#edit-name-wrapper input {
    width:30%;
    margin-bottom:0.5%;
}
#edit-mail-wrapper input {
    width:30%;
    margin-bottom:0.5%;
}
#edit-homepage-wrapper input {
    width:30%;
    margin-bottom:0.5%;
}
#edit-subject-wrapper input {
    width:30%;
    margin-bottom:0.5%;
}
#edit-mollom-captcha-wrapper input {
    width:30%;
    margin-bottom:0.5%;
}
#edit-comment-wrapper label {
    width:100%;
    float:left;
    margin-top:1%;
    font-weight:bold;
    margin-bottom:0.5%;
    font-size:11px;
}
#edit-name-wrapper label {
    width:100%;
    float:left;
    margin-top:1%;
    font-weight:bold;
    margin-bottom:0.5%;
    font-size:11px;
}
#edit-mail-wrapper label {
    width:100%;
    float:left;
    margin-top:1%;
    font-weight:bold;
    margin-bottom:0.5%;
    font-size:11px;
}
#edit-homepage-wrapper label {
    width:100%;
    float:left;
    margin-top:1%;
    font-weight:bold;
    margin-bottom:0.5%;
    font-size:11px;
}
#edit-subject-wrapper label {
    width:100%;
    float:left;
    margin-top:1%;
    font-weight:bold;
    margin-bottom:0.5%;
    font-size:11px;
}
#edit-mollom-captcha-wrapper label {
    width:100%;
    float:left;
    margin-top:1%;
    font-weight:bold;
    margin-bottom:0.5%;
    font-size:11px;
}
#edit-mollom-captcha-wrapper label {
    width:100%;
    float:left;
    margin-top:1%;
    font-weight:bold;
    margin-bottom:0.5%;
    font-size:11px;
}
/* =Password Login Page /user
----------------------------------------------------*/
 #edit-pass-wrapper label {
    width:100%;
    float:left;
    margin-top:1%;
    font-weight:bold;
    margin-bottom:0.5%;
    font-size:11px;
}
#edit-pass-wrapper input {
    width:30%;
    margin-bottom:4px;
}
/* =Global Reset
----------------------------------------------------*/
 body, h1, h2, h3, h4, h5, h6, form, fieldset, p, table, sup {
    background: transparent;
    font-size: 100%;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}
body {
    font: 13px arial, helvetica, sans-serif;
    line-height: 1;
    min-width: 980px;
    -webkit-text-size-adjust: none;
}
ul, dl {
    list-style: none;
    margin: 0;
    padding: 0;
}
ol {
    margin: 0 0 32px 12px;
    padding-left: 20px;
}
ol li {
    line-height: 1.4;
    *margin-left: 10px;
    /* fixes number placement in IE6/7 */
    padding-bottom: 4px;
}
/*MODIFY - MP - 12/06/2011 */
 ol li a {
    color: #e07b20;
    font-weight: normal;
}
input, textarea, select, button {
    font-family: arial, helvetica, sans-serif;
    font-size: 100%;
    margin: 0;
    padding: 0;
}
:focus {
    outline: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
fieldset, img, iframe {
    border: 0;
    vertical-align: bottom;
}
video {
    vertical-align: bottom;
}
/* =Global Generic Styles
----------------------------------------------------*/
 .displayNone {
    display: none;
}
.floatL {
    float: left;
}
.floatR {
    float: right;
}
.allWhite, .allWhite a {
    color: #fff;
}
.hdrGreen h3 {
    color: #c1cd23;
}
.linkOrange a {
    color: #e07b20;
}
.hidden {
    visibility: hidden;
}
/* =Links
----------------------------------------------------*/
 a {
    color: #000;
    outline: none;
    text-decoration: none;
}
p a, .callout p a, .bulleted a {
    color: #e07b20;
    font-weight: normal;
}
.callout > a:first-Child {
    display: block;
}
.callout a {
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.6;
}
.callout .overlay a {
    display: inline;
}
a:hover {
    text-decoration: underline;
}
.navUtility a:hover {
    color: #e07b20;
}
a:active {
    color: #000;
    outline: 0;
}
/* =Text Headers
----------------------------------------------------*/

/* ----- h1 ----- */
 h1 {
    font-family:'GraphicusDT-Bold';
    font-size: 22px;
    font-weight: normal;
    margin-bottom: 45px;
    text-transform: uppercase;
}
/* ----- Callout Headers ----- */
 .callout h3 {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.2;
    margin: 18px 0 10px 0;
}
.callout .overlay h3 {
    font-family:'GraphicusDT-Bold';
    font-size: 23px;
    font-weight: normal;
    line-height: 1.0;
    margin: 0 0 8px 0;
    text-transform: uppercase;
}
.hdr18 h3 {
    font-size: 18px;
}
.textBtm h3:first-child {
    margin-bottom: 172px;
}
.textBtm h4 {
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.6;
}
/* ----- Generic Header ----- */
 .hdr {
    font-family:'GraphicusDT-Bold';
    font-size: 22px;
    font-weight: normal;
    margin-bottom: 26px;
    text-transform: uppercase;
}
#aside .hdr {
    color: #fff;
    line-height: 1.4;
    margin-bottom: 4px;
}
#aside h2 {
    color: #ffffff;
}
/* =Common Text
----------------------------------------------------*/
 p {
    line-height: 1.6;
    margin-bottom: 15px;
}
.callout p {
    font-size: 12px;
    margin-bottom: 6px;
}
.callout .date {
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 6px;
}
#aside p {
    color: #fff;
    margin-bottom: 15px;
}
.listLeadIn {
    font-weight: bold;
    margin-bottom: 2px;
}
/* =Bulleted List
----------------------------------------------------*/
 .bulleted {
    margin: 0 0 32px 12px;
}
.bulleted li {
    background: url("/sites/all/themes/tarpits/images/icon/bullet.png") 0 6px no-repeat;
    line-height: 1.4;
    padding: 0 0 4px 10px;
}
/* =Buttons
----------------------------------------------------*/
 .btn {
    display: block;
}
button {
    border: 0;
    cursor: pointer;
    display: block;
    outline: 0;
}
/* ----- Close Button -----*/
 .close {
    background: url("/sites/all/themes/tarpits/images/btn/close.png") 0 0 no-repeat;
    height: 30px;
    position: absolute;
    text-indent: -999.9em;
    width: 30px;
    z-index: 10;
}
.close:hover {
    background-position: -30px 0;
}
/* ----- Learn More (Boxed) Button -----*/
 .boxed {
    background: #000 url("/sites/all/themes/tarpits/images/icon/arrow-boxed-link.png") 100% 0 no-repeat;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family:'GraphicusDT-Bold';
    font-size: 12px;
    line-height: 11px;
    padding: 6px 24px 6px 6px;
    position: relative;
    text-transform: uppercase;
}
.boxed:hover {
    background-position: 100% -23px;
    color: #e07b20;
    text-decoration: none;
}
/* ----- WebKit Only ----- */
 @media screen and (-webkit-min-device-pixel-ratio:0) {
    .boxed {
        padding-top: 7px;
    }
}
/* ----- Circle Arrow Buttons -----*/
 .circleArrow {
    background-image: url("/sites/all/themes/tarpits/images/btn/circle-arrows-30.png");
    background-repeat: no-repeat;
    display: inline-block;
    font-family:'GraphicusDT-Bold';
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    padding-right: 45px;
    text-indent: 0;
    text-transform: uppercase;
}
.circleArrow:hover {
    text-decoration: none;
}
.circleArrow.prev {
    background-position: 0 0;
    padding: 0 0 0 45px;
}
.circleArrow.next {
    background-position: 100% -90px;
}
.circleArrow.down {
    background-position: 100% -180px;
}
.circleArrow.down:hover {
    background-position: 100% -210px;
}
.circleArrow.up {
    background-position: 100% -240px;
}
.circleArrow.up:hover {
    background-position: 100% -270px;
}
/* ----- Video -----*/
 .iconPlay {
    background: url("/sites/all/themes/tarpits/images/btn/play.png") 0 0 no-repeat;
    cursor: pointer;
    height: 112px;
    left: 50%;
    margin: -56px 0 0 -56px;
    position: absolute;
    text-indent: -999.9em;
    top: 50%;
    width: 112px;
}
a.videoTrigger:hover .iconPlay {
    background-position: -112px 0;
}
/* ----- Share Button -----*/
 .share {
    background: url("/sites/all/themes/tarpits/images/icon/plus.png") 100% 0 no-repeat;
    background-position: 100% 1px\9;
    /* IE7&8 */
    font-family:'GraphicusDT-Bold';
    font-size: 12px;
    line-height: 11px;
    padding: 0 11px 1px 0;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 29px;
}
/* ----- Search Button -----*/
 button.search {
    background: url("/sites/all/themes/tarpits/images/global/btn-search.png") 0 0 no-repeat;
    height: 13px;
    float: left;
    margin: 8px 0 0 -23px;
    text-indent: -999.9em;
    width: 13px;
}
button.search:hover {
    background-position: -13px 0;
}
/* ----- Form Button -----*/
 .submit {
    background: url("/sites/all/themes/tarpits/images/global/btn-submit.png") 0 0 no-repeat;
    float: left;
    height: 28px;
    text-indent: -999.9em;
    width: 28px;
}
.submit:hover {
    background-position: -28px 0;
}
/* =Custom Input
----------------------------------------------------*/
 .customInput {
    background: url("/sites/all/themes/tarpits/images/global/custom-input.png") 0 0 no-repeat;
    float: left;
    height: 28px;
    width: 205px;
}
.customInput input {
    background-color: transparent;
    border: 0;
    color: #000;
    font-size: 12px;
    margin: 0;
    padding: 8px 27px 0 8px;
    *padding-top: 7px;
    /* IE7 */
    width: 170px;
    -webkit-appearance: none;
}
/* ----- Global Search ----- */
 #searchGlobal {
    position: absolute;
    right: 0;
    top: 20px;
}
/* ----- Search Results ----- */
 #searchResults {
    float: right;
    position: relative;
    top: -3px;
}
/* ----- Footer Sign Up ----- */
 #signUp {
    float: left;
    margin-right: 43px;
}
#signUp input {
    font-size: 11px;
}
/* ----- WebKit Only ----- */
 @media screen and (-webkit-min-device-pixel-ratio:0) {
    .customInput {
        line-height: 30px;
    }
    #signUp .customInput {
        line-height: 28px;
    }
}
/* =Page Header
----------------------------------------------------*/
 #header {
    border-bottom: 1px solid #ccc;
    height: 101px;
    margin: 0 auto 47px auto;
    min-width: 980px;
    position: relative;
    width: 100%;
    z-index: 16;
}
#header .inner {
    height: 101px;
}
/* ----- Logo ----- */
 #logo {
    background: url("/sites/all/themes/tarpits/images/global/LBTP&Museum_logo_final2.svg") 0 0 no-repeat;
    height: 131px;
    text-indent: -999.9em;
    width: 131px;
}
#logo a {
    display: block;
    height: 131px;
}
/* =Nav : Utility
----------------------------------------------------*/
 .navUtility {
    overflow: hidden;
}
.navUtility a {
    float: left;
    font-size: 12px;
}
.navUtility a:hover {
    text-decoration: none;
}
/* ----- Specific to Placement in Header ----- */
 #header .navUtility {
    position: absolute;
    right: 205px;
    top: 20px;
}
#header .navUtility a {
    line-height: 2.6;
    height: 28px;
    margin-right: 15px;
}
/* ----- Specific to Placement in Footer ----- */
 #footer .navUtility {
    border-right: 1px solid #d7d7d7;
    float: left;
    margin-top: -2px;
    padding-right: 10px;
    width: 80px;
}
#footer .navUtility ~ .navUtility {
    border-left: 1px solid #d7d7d7;
    border-right: 0;
    margin-left: -1px;
    padding-left: 20px;
    width: 105px;
}
#footer .navUtility a {
    display: block;
    float: none;
    font-size: 11px;
    line-height: 1.4;
    margin-bottom: 3px;
}
#footer .siteCredit {
    font-size: 11px;
    line-height: 1.4;
    margin-top: 21px;
}
#footer .siteCredit a {
    display: inline;
}
/* =Nav : Main
----------------------------------------------------*/
 #navMain {
    top: 68px;
    position: absolute;
    right: 0;
}
#navMain li {
    float: left;
    position: relative;
}
/* ----- Nav Bar ----- */
#navMain li > a {
    background: url("/sites/all/themes/tarpits/images/global/nav-main-update.png") 0 0 no-repeat;
    display: block;
    height: 18px;
    position: relative;
    text-decoration: none;
    text-indent: -999.9em;
    z-index: 20;
}
#navMain li:hover > a,
#navMain li.on > a {
    padding-bottom: 15px;
}

/* Section Links Update for how long haha*/
li#s1 > a { background-position: 0 0; width: 59px; }
li#s2 > a { background-position: -58px 0; width: 187px; }
li#s3 > a { background-position: -245px 0; width: 114px; }
li#s4 > a { background-position: -359px 0; width: 101px; }
li#s5 > a { background-position: -461px 0; width: 130px; }
li#s6 > a { background-position: -591px 0; width: 61px; }

/* Section Links */
/*
 li#s1 > a {
    background-position: 0 0;
    width: 59px;
}
li#s2 > a {
    background-position: -59px 0;
    width: 161px;
}
li#s3 > a {
    background-position: -220px 0;
    width: 181px;
}
li#s4 > a {
    background-position: -401px 0;
    width: 101px;
}
li#s5 > a {
    background-position: -502px 0;
    width: 130px;
}
li#s6 > a {
    background-position: -632px 0;
    width: 61px;
}
*/
/* ----- Main Nav Dropdown ----- */

/* Set the Container */
 .dropdown {
    background-color: #fff;
    border: 1px solid #d7d7d7;
    display: none;
    left: -1px;
    padding: 8px 19px;
    position: absolute;
    top: 33px;
    width: 156px;
    z-index: 21;
}
/* Set the Dropdown Links */
 .dropdown a {
    border-top: 1px solid #d8d8d8;
    color: #e07b20;
    display: block;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    padding: 9px 0 10px 0;
    position: relative;
    text-decoration: none;
}
.dropdown a:first-child {
    border: 0;
}
.dropdown a:hover {
    color: #000;
}
/* Show on Hover */
 #navMain li:hover > .dropdown {
    display: block;
}
/* Position Dropdowns */
 #s1 .dropdown {
    left: -20px;
}
#s5 .dropdown {
    left: auto;
    right: 0;
}
#s6 .dropdown {
    left: auto;
    right: 0;
}
/* =Nav : Side
----------------------------------------------------*/
 #navSide {
    border: 1px solid #d7d7d7;
    margin-bottom: 28px;
    padding: 11px 25px;
}
#navSide a {
    border-top: 1px solid #d7d7d7;
    color: #e07b20;
    display: block;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.4;
    padding: 6px 0;
}
#navSide a:first-child {
    border: 0;
}
#navSide a:hover, #navSide .on {
    color: #000;
    text-decoration: none;
}
#navSide .active {
    color: #000;
    text-decoration: none;
}
/* =Breadcrumb
----------------------------------------------------*/
 .breadcrumb {
    font-size: 11px;
    margin: 0 auto 10px auto;
    width: 980px;
}
.breadcrumb a {
    background: url("/sites/all/themes/tarpits/images/icon/arrow-breadcrumb.png") 100% 50% no-repeat;
    color: #e07b20;
    margin-right: 2px;
    padding-right: 10px;
}
/* =Content Containers & Modules
----------------------------------------------------*/

/* ----- Main Container ----- */
 .content {
    clear: both;
    margin: 0 auto;
    padding-bottom: 80px;
    position: relative;
    width: 980px;
}
.contentWide {
    clear: both;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 20px;
    position: relative;
    width: 100%;
}
.inner {
    margin: 0 auto;
    position: relative;
    width: 980px;
}
.contentWide .inner {
    margin: 0 -110px;
    min-width: 980px;
    padding-left: 110px;
    padding-right: 110px;
}
/* ----- Column Containers ----- */

/* Shared */
 .columnWrap {
    overflow: hidden;
}
.columnWrap > div {
    float: left;
}
.cols2-644-308, .cols2-728-224, .cols3-308 {
    margin-left: -28px;
}
/* 2 Columns : 644-308 */
 .cols2-644-308 .col {
    margin-left: 28px;
    width: 308px;
}
.cols2-644-308 .col:first-child {
    width: 644px;
}
/* 2 Columns : 728-224 */
 .cols2-728-224 .col {
    margin-left: 28px;
    width: 224px;
}
.cols2-728-224 .col:first-child {
    width: 728px;
}
/* 3 Columns : 308 */
 .cols3-308 {
    margin-left: -28px;
}
.cols3-308 .col {
    margin-left: 28px;
    width: 308px;
}
/* 3 Columns : 280 */
 .cols3-280 {
    margin: 0 0 30px -30px;
}
.cols3-280 .col {
    margin-left: 30px;
    width: 280px;
}
/* 1 Column : 900-224 */
 .cols2-900-224 .col {
    margin-left: 28px;
    width: 900px;
}
/* ----- Hero Aside ----- */
 #aside {
    background-color: #000;
    float: right;
    height: 355px;
    padding: 35px 25px;
    width: 174px;
}
/* ----- Hero Image ----- */
 #hero .image {
    float: left;
    position: relative;
}
/* =Rotator
----------------------------------------------------*/
 .rotatorWrap {
    overflow: hidden;
    position: relative;
    -webkit-user-select: none;
}
.rotatorWrap .slide {
    display: none;
    left: 0;
    position: relative;
    top: 0;
}
.rotatorWrap .slide:first-child {
    display: block;
}
/* ----- Rotator Arrow Nav ----- */
 .rotatorArrow {
    cursor: pointer;
    position: absolute;
    text-indent: -999.9em;
    z-index: 10;
}
/* Home & Section Landing Heros */
 .rotatorArrow {
    background: url("/sites/all/themes/tarpits/images/btn/circle-arrows-45.png") 0 0 no-repeat;
    display: none;
    height: 45px;
    margin-top: -22px;
    top: 50%;
    width: 45px;
}
.rotatorArrow.next {
    background-position: -135px 0;
    right: 30px;
}
.rotatorArrow.next:hover {
    background-position: -180px 0;
}
.rotatorArrow.prev {
    left: 30px;
}
.rotatorArrow.prev:hover {
    background-position: -45px 0;
}
/* Home Callout */
 .callout .rotatorArrow {
    background: url("/sites/all/themes/tarpits/images/btn/circle-arrows-30.png") 0 0 no-repeat;
    display: block;
    height: 30px;
    margin-top: 0;
    top: 21px;
    width: 30px;
}
.callout .rotatorArrow.next {
    background-position: 0 -90px;
    right: 28px;
}
.callout .rotatorArrow.next:hover {
    background-position: 0 -120px;
}
.callout .rotatorArrow.prev {
    left: auto;
    right: 68px;
}
.callout .rotatorArrow.prev:hover {
    background-position: 0 -30px;
}
/* =Callout Structure
----------------------------------------------------*/
 .callout {
    background-color: #fff;
    position: relative;
}
.callout ~ .callout {
    margin-top: 28px;
}
.callout .overlay {
    left: 0;
    padding: 28px 28px 0 28px;
    position: absolute;
    top: 0;
    z-index: 4;
}
/* =Grid Structure
----------------------------------------------------*/
 .grid {
    z-index: 2;
}
.grid li {
    float: left;
    position: relative;
}
.grid .overlay {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.grid span {
    display: block;
    padding: 0 28px;
}
.grid a {
    display: block;
    height: 100%;
    text-decoration: none;
    width: 100%;
}
.grid .description {
    font-size: 12px;
    line-height: 1.4;
}
.grid .description a {
    color: #ffffff;
}
/* =Footer
----------------------------------------------------*/
 #footer {
    background-color: #f9fae9;
    clear: both;
    height: 67px;
    min-width: 980px;
    overflow: hidden;
    padding: 27px 0;
    width: 100%;
}
/* ----- Social Links ----- */
 .social {
    height: 26px;
    float: left;
    margin-right: 37px;
    overflow: hidden;
}
.social a {
    float: left;
    height: 26px;
    text-indent: -999.9em;
}
.social #facebook {
    background: url("/sites/all/themes/tarpits/images/global/footer-facebook.png") 0 0 no-repeat;
    border-right: 1px solid #d7d7d7;
    /* padding-right: 20px; */
    width: 38px;
}
.social #twitter {
    background: url("/sites/all/themes/tarpits/images/global/footer-twitter.png") 17px 0 no-repeat;
    padding-left: 57px;
    border-right: 1px solid #d7d7d7;
    width: 17px;
}
.social #youtube {
    background: url("/sites/all/themes/tarpits/images/global/footer-youtube.png") 20px 0 no-repeat;
    border-right: 1px solid #d7d7d7;
    padding-left: 30px;
    width: 54px;
}
.social #instagram {
    background: url("/sites/all/themes/tarpits/images/global/footer-instagram.png") 20px 0 no-repeat;
    padding-left: 12px;
    width: 39px;
}
.social #facebook:hover {
    background-position: 0 -26px;
}
.social #twitter:hover {
    background-position: 17px -26px;
}
.social #youtube:hover {
    background-position: 20px -26px;
}
.social #instagram:hover {
    background-position: 20px -26px;
}
/* ----- Museum Logos ----- */
 #museumLogos {
    position: absolute;
    right: 0;
    top: -7px;
}
#museumLogos a {
    float: left;
    margin-left: 10px;
}
/* =VideoJS Styles : Based on Version 2.0.2
MODIFIED VIDEO STYLES - DO NOT DO DIRECT COPY PASTE
----------------------------------------------------*/
 .video-js-box {
    text-align: left;
    position: relative;
    line-height: 0 !important;
    margin: 0;
    padding: 0 !important;
}
/* Video Element */
 video.video-js {
    background-color: #000;
    position: relative;
    padding: 0;
}
.vjs-flash-fallback {
    display: block;
}
/* Poster Overlay Style */
 .video-js-box img.vjs-poster {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    cursor: pointer;
}
/* Subtiles Style */
 .video-js-box .vjs-subtitles {
    color: #fff;
    font-size: 20px;
    text-align: center;
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
}
/* Fullscreen styles for main elements */
 .video-js-box.vjs-fullscreen {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 1000;
}
.video-js-box.vjs-fullscreen video.video-js, .video-js-box.vjs-fullscreen .vjs-flash-fallback {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}
.video-js-box.vjs-fullscreen img.vjs-poster {
    z-index: 1001;
}
.video-js-box.vjs-fullscreen .vjs-spinner {
    z-index: 1001;
}
.video-js-box.vjs-fullscreen .vjs-controls {
    z-index: 1003;
}
.video-js-box.vjs-fullscreen .vjs-big-play-button {
    z-index: 1004;
}
.video-js-box.vjs-fullscreen .vjs-subtitles {
    z-index: 1004;
}
/* Styles Loaded Check */
 .vjs-styles-check {
    height: 5px;
    position: absolute;
}
/* Controls Below Video */
 .video-js-box.vjs-controls-below .vjs-controls {
    position: relative;
    opacity: 1;
    filter:alpha(opacity=100);
    background-color: #000;
}
.video-js-box.vjs-controls-below .vjs-subtitles {
    bottom: 75px;
}
/* Account for height of controls below video */

/* DEFAULT SKIN
================================================================================
/* Controls Layout
  Using absolute positioning to position controls */
 .video-js-box .vjs-controls {
    background: #000;
    bottom: 0;
    /* Distance from the bottom of the box/video. Keep 0. Use height to add more bottom margin. */
    color: #636363;
    display: none;
    /* Start hidden */
    height: 35px;
    /* Including any margin you want above or below control items */
    left: 0;
    right: 0;
    /* 100% width of video-js-box */
    margin: 0;
    padding: 0;
    /* Controls are absolutely position, so no padding necessary */
    position: absolute;
    width: 100%;
}
.video-js-box .vjs-controls > div {
    border-right: 1px solid #333;
    height: 30px;
    /* Default height of individual controls */
    margin: 0;
    padding: 5px 0 0 0;
    position: absolute;
    text-align: center;
    top: 0;
    /* Top margin to put space between video and controls when controls are below */
}
.vjs-controls > div.vjs-play-control {
    left: 0;
    width: 50px;
}
.vjs-controls > div.vjs-progress-control {
    left: 50px;
    right: 211px;
}
/* Using left & right so it expands with the width of the video */
 .vjs-controls > div.vjs-time-control {
    width: 104px;
    right: 107px;
}
/* Time control and progress bar are combined to look like one */
 .vjs-controls > div.vjs-volume-control {
    width: 65px;
    right: 42px;
}
.vjs-controls > div.vjs-fullscreen-control {
    border-right: 0;
    width: 42px;
    right: 0;
}
/* Play/Pause
-------------------------------------------------------------------------------- */
 .vjs-play-control {
    cursor: pointer;
}
/* Play Icon */
 .vjs-play-control span {
    display: block;
    font-size: 0;
    line-height: 0;
}
.vjs-paused .vjs-play-control span {
    width: 0;
    height: 0;
    margin: 6px 0 0 20px;
    /* Drawing the play triangle with borders - http://www.infimum.dk/HTML/slantinfo.html */
    border-left: 13px solid #636363;
    /* Width & Color of play icon */
    /* Height of play icon is total top & bottom border widths. Color is transparent. */
    border-top: 6px solid rgba(0, 0, 0, 0);
    border-bottom: 6px solid rgba(0, 0, 0, 0);
}
.vjs-playing .vjs-play-control span {
    width: 3px;
    height: 13px;
    margin: 6px auto 0;
    /* Drawing the pause bars with borders */
    border-top: 0;
    border-left: 3px solid #636363;
    border-bottom: 0;
    border-right: 3px solid #636363;
}
.vjs-paused .vjs-play-control:hover span {
    border-left-color: #e07b20;
    border-rght-color: #e07b20;
}
.vjs-playing .vjs-play-control:hover span {
    border-color: #e07b20;
}
/* Progress
-------------------------------------------------------------------------------- */
 .vjs-progress-holder {
    /* Box containing play and load progresses */
    cursor: pointer;
    height: 13px;
    margin: 5px 20px 0 20px;
    /* Placement within the progress control item */
    padding: 0;
    position: relative;
    overflow: hidden;
}
.vjs-progress-holder div {
    /* Progress Bars */
    display: block;
    height: 3px;
    margin: 6px 0 0 0;
    padding: 0;
    position: absolute;
    width: 0;
}
div.vjs-play-progress {
    background-color: #e07b20;
    height: 3px;
    margin-right: -1px;
}
div.vjs-load-progress {
    background-color: #636363;
}
/* Time Display
-------------------------------------------------------------------------------- */
 .vjs-controls .vjs-time-control {
    font-size: 12px;
    line-height: 1;
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
}
.vjs-controls .vjs-time-control span {
    line-height: 25px;
    /* Centering vertically */
}
/* Volume
-------------------------------------------------------------------------------- */
 .vjs-volume-control {
    cursor: pointer;
}
.vjs-volume-control div {
    display: block;
    margin: 0 5px 0 14px;
    padding: 4px 0 0 0;
}
/* Drawing the volume icon using 6 span elements */
 .vjs-volume-control div span {
    /* Individual volume bars */
    border-bottom: 18px solid #636363;
    /* Default (off) color and height of visible portion */
    float: left;
    height: 0;
    /* Total height is height + bottom border */
    margin: 0 2px 0 0;
    /* Space between */
    padding: 0;
    width: 4px;
}
.vjs-volume-control div span.vjs-volume-level-on {
    border-color: #e07b20;
    /* Volume on bar color */
}
/* Creating differnt bar heights through height (transparent) and bottom border (visible). */
 .vjs-volume-control div span:nth-child(1) {
    border-bottom-width: 2px;
    height: 16px;
}
.vjs-volume-control div span:nth-child(2) {
    border-bottom-width: 4px;
    height: 14px;
}
.vjs-volume-control div span:nth-child(3) {
    border-bottom-width: 7px;
    height: 11px;
}
.vjs-volume-control div span:nth-child(4) {
    border-bottom-width: 10px;
    height: 8px;
}
.vjs-volume-control div span:nth-child(5) {
    border-bottom-width: 14px;
    height: 4px;
}
.vjs-volume-control div span:nth-child(6) {
    margin-right: 0;
}
/* Fullscreen
-------------------------------------------------------------------------------- */
 div.vjs-fullscreen-control {
    cursor: pointer;
}
/* =blackwell */
 .vjs-fullscreen-control.chrome-disabled {
    cursor: default;
}
.vjs-fullscreen-control.chrome-disabled div {
    background: none;
}
.vjs-fullscreen-control.chrome-disabled:hover div {
    background-position: 0 0;
}
.vjs-fullscreen-control div {
    background: url("/sites/all/themes/tarpits/images/icon/fullscreen.png") 0 0 no-repeat;
    padding: 0;
    height: 14px;
    margin: 5px 0 0 14px;
    width: 14px;
}
.vjs-fullscreen-control:hover div {
    background-position: -14px 0;
}
.vjs-fullscreen-control span {
    display: none;
}
.vjs-fullscreen .vjs-fullscreen-control div {
    background-position: -28px 0;
}
.vjs-fullscreen .vjs-fullscreen-control:hover div {
    background-position: -42px 0;
}
/* Download Links - Used for browsers that don't support any video.
---------------------------------------------------------*/
 .vjs-no-video {
    font-size: small;
    line-height: 1.5;
}
/* Big Play Button (at start)
---------------------------------------------------------*/
 div.vjs-big-play-button {
    cursor: pointer;
    display: none;
    z-index: 2;
}
#homeVideo .vjs-big-play-button {
    display: none !important;
}
div.vjs-big-play-button span {
    background: url("/sites/all/themes/tarpits/images/btn/play.png") 0 0 no-repeat;
    display: block;
    height: 112px;
    left: 50%;
    margin: -56px 0 0 -56px;
    position: absolute;
    text-indent: -999.9em;
    top: 50%;
    width: 112px;
}
.video-js-box:hover div.vjs-big-play-button span, div.vjs-big-play-button:hover span {
    background-position: -224px 0;
}
/* Spinner Styles
---------------------------------------------------------*/

/* CSS Spinners by Kilian Valkhof - http://kilianvalkhof.com/2010/css-xhtml/css3-loading-spinners-without-images/ */
 .vjs-spinner {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 72px;
    height: 40px;
    z-index: 1;
    margin: -20px 0 0 -36px;
    background: url("/sites/all/themes/tarpits/images/global/loading.gif") 0 0 no-repeat;
}
.vjs-spinner div {
    display: none !important;
}
#gblheader {
    background:none repeat scroll 0 0 #f6f6f5;
    color:#000;
    font-family:Arial, Gadget, sans-serif;
    height:39px;
    margin:0 auto;
    overflow:hidden;
    padding:0;
    position:relative;
    width:980px;
    z-index:1
}
#gNavContent {
    background:none repeat scroll 0 0 #f6f6f5;
    color:#000;
    font-family:Arial, Gadget, sans-serif;
    margin:0 auto;
    overflow:hidden;
    padding:0;
    position:relative;
    width:980px
}
#closeNav {
    color: #000;
    cursor: pointer;
    display: block;
    float: right;
    font-size: 19px;
    font-weight: 700;
    position: relative;
    right: 0px;
    top: 191px;
}
#header, .contentWide {
    background:#fff
}
#navContainer li {
    list-style-type:none
}
#gNav > ul > li > a {
    display:inline;
    float:left;
    width: 300px;
    padding:16px;
    text-decoration:none
}
#gNavContent > li:nth-child(1) > a {
    padding-left: 0px;
}
#gNavContent > li:nth-child(3) > a {
    padding-right:0px;
}
#gNav > ul > li > a:hover {
    text-decoration:none
}
#gNav > ul > li > a > h1 {
    font-size:1em;
    font-weight:700;
    font-family:Arial, Gadget, sans-serif !important;
    margin-bottom: 0px;
    text-transform: none;
}
#gNav > ul > li > a > p {
    font-family: arial, helvetica, sans-serif !important;
    font-size: 0.8em;
    font-weight:700!important;
    line-height:17px!important;
    margin:1em 0!important;
    color:#000!important;
    height:95px!important
}
#gNav > ul > li:nth-child(1) > a > h1 {
    color:#788d39;
}
#gNav > ul > li:nth-child(2) > a > h1 {
    color:#000000
}
#gNav > ul > li:nth-child(3) > a > h1 {
    color:#b5121b
}
#gNav {
    width:980px;
    margin:0 auto;
    padding:0;
    font-family:Arial, Gadget, sans-serif;
    color:#000;
    height:212px
}
#navContainer {
    background-color:#f6f6f5;
    color:#000;
    height:39px;
    margin:0 auto;
    padding:0;
    position:absolute;
    width:100%
}
#navContainer a {
    color:#000;
    text-decoration:none
}
#gblheader > ul {
    float:right;
    font-size:11px
}
#pRead {
    float:left;
    margin:11px 0 0 15px;
    font-weight:700;
    font-size:11px
}
#pFam {
    float:left;
    margin:11px 0 0 0;
    font-weight:700;
    font-size:11px
}
#gblheader > p:nth-child(1) {
    cursor:pointer
}
#gblheader > ul > li {
    float:left;
    margin:14px 0 0 3px
}
#bkgrd {
    height:100%;
    position:absolute;
    top:39px;
    width:100%;
    z-index:3
}
.up {
    top:39px!important;
    -webkit-transition-duration:250ms;
            transition-duration:250ms;
    -webkit-transition-property:all;
            transition-property:all;
    -webkit-transition-timing-function:cubic-bezier(0.17, 0.04, 0.03, 0.94);
            transition-timing-function:cubic-bezier(0.17, 0.04, 0.03, 0.94)
}
.down {
    top:265px!important;
    -webkit-transition-duration:250ms;
            transition-duration:250ms;
    -webkit-transition-property:all;
            transition-property:all;
    -webkit-transition-timing-function:cubic-bezier(0.17, 0.04, 0.03, 0.94);
            transition-timing-function:cubic-bezier(0.17, 0.04, 0.03, 0.94)
}
.nav_up {
    height:39px!important;
    top:0!important;
    -webkit-transition-duration:250ms;
            transition-duration:250ms;
    -webkit-transition-property:all;
            transition-property:all;
    -webkit-transition-timing-function:cubic-bezier(0.17, 0.04, 0.03, 0.94);
            transition-timing-function:cubic-bezier(0.17, 0.04, 0.03, 0.94)
}
.nav_down {
    height:265px!important;
    -webkit-transition-duration:250ms;
            transition-duration:250ms;
    -webkit-transition-property:all;
            transition-property:all;
    -webkit-transition-timing-function:cubic-bezier(0.17, 0.04, 0.03, 0.94);
            transition-timing-function:cubic-bezier(0.17, 0.04, 0.03, 0.94)
}
.pos_up {
    top:-265px!important;
    -webkit-transition-duration:250ms;
            transition-duration:250ms;
    -webkit-transition-property:all;
            transition-property:all;
    -webkit-transition-timing-function:cubic-bezier(0.17, 0.04, 0.03, 0.94);
            transition-timing-function:cubic-bezier(0.17, 0.04, 0.03, 0.94)
}
.pos_down {
    top:0!important;
    -webkit-transition-duration:250ms;
            transition-duration:250ms;
    -webkit-transition-property:all;
            transition-property:all;
    -webkit-transition-timing-function:cubic-bezier(0.17, 0.04, 0.03, 0.94);
            transition-timing-function:cubic-bezier(0.17, 0.04, 0.03, 0.94)
}
#blContent {
    width:970px;
    margin:0 auto;
    z-index:1;
    top:39px;
    position:relative
}
#breaking {
    position:relative;
    height:39px;
    background:#d8d8d6
}
@media only screen and (max-device-width: 768px) {
    #gblheader > ul {
        margin-right:19px;
    }
    #pFam {
        margin:11px 0 0 12px;
    }
    #gNavContent > li:nth-child(1) > a {
        padding-left: 12px;
    }
    #gNavContent > li:nth-child(3) > a {
        padding-right:12px;
    }
    #gNav > ul > li > a {
        padding:12px;
        width: 297px;
    }
    #gNav > ul > li > a > h1 {
        font-size:1.196em
    }
    #gNav > ul > li > a > p {
        font-size:1em;
        height:97px;
        line-height:17px
    }
    #gNav {
        height:212px;
        width: 980px;
    }
    #closeNav {
        right:20px;
        top: 183px;
    }
}

/*ckeditor css*/

/* Indent & Justify classes */

.rteindent1 {
  margin-left: 40px;
}
.rteindent2 {
  margin-left: 80px;
}
.rteindent3 {
  margin-left: 120px;
}
.rteindent4 {
  margin-left: 160px;
}
.rteleft {
  text-align: left;
}
.rteright {
  text-align: right;
}
.rtecenter {
  text-align: center;
}
.rtejustify {
  text-align: justify;
}
.ibimage_left {
  float: left;
}
.ibimage_right {
  float: right;
}

/* CKEditor padding in IE */
table.cke_editor fieldset {
  padding:0 !important;
}
/* hack with ie and garland editing area size fix - [#733512] */
.cke_editor{
  display: table !important;
}
.cke_editor,#ie#bug {
  display: inline-table !important;
}

.cke_panel_listItem {
    background-image: none;
    padding-left: 0;
}
/* remove top border from tbody - overwrite system.css - [#751672] */
tbody {
    border: 0;
}

/*toolbar wizzard*/
form#ckeditor-admin-profile-form textarea#edit-toolbar, form#ckeditor-admin-global-profile-form textarea#edit-toolbar {
    display: none;
}
form#ckeditor-admin-profile-form #edit-toolbar + .grippie, form#ckeditor-admin-global-profile-form #edit-toolbar + .grippie {
    display: none;
}
div.sortableList {
    cursor: n-resize;
}
div.widthMarker {
    height: 20px;
    border-top: 1px dashed #CCC;
    margin: 10px 0px 0px 1px;
    padding-left: 1px;
    text-align: center;
}
div.sortableList.group {
    margin: 20px 0px 0px 0px;
}
div.sortableList div.sortableListDiv {
    height: 30px;
    margin-bottom: 3px;
    width: 900px;
}
div.sortableList div.sortableListDiv span.sortableListSpan {
    background-color: #F0F0EE;
    height: 30px;
    border-right: 1px dashed #CCC;
    display: block;
}
div.sortableList div.sortableListDiv span.sortableListSpan ul {
    background: none;
    width: 900px;
    white-space: nowrap;
    border: 1px solid #CCC;
    list-style: none;
    margin:0px;
    padding: 0px 0px 0px 1px;
    height: 30px;
}
div.sortableList div.sortableListDiv span.sortableListSpan ul li {
    background: none;
    list-style: none;
    cursor: move;
    height: 18px;
    min-width: 18px;
    padding: 2px;
}
div.sortableList div.sortableListDiv span.sortableListSpan ul li.group {
    min-width: 5px;
    padding-left: 2px;
}
div.sortableList div.sortableListDiv span.sortableListSpan ul li img {
    border: 0;
    padding: 0;
    margin: 0
}
li.sortableItem {
    position: relative;
    float: left;
    margin: 3px 1px 1px 0px;
    border: 1px solid #CCC;
    background-color: #F0F0EE;
    z-index: 99;
}

/* Fix for fieldset for-edit-apperance in Firefox*/
fieldset#edit-appearance div#groupLayout, div#allButtons  {
  border: 0;
  padding: 0 0 0 0;
  margin: 1em 0;
  overflow: auto;
}

/**
 * Fix for double scrollbar on ckeditor menu dropdowns in IE - [#1361894]
 */
.cke_browser_ie .cke_panel_block {
    overflow: hidden !important;
}


/**
 * back to mobile link
 */
.backToPhone__container{
    position: absolute;
    background-color: #000;
    width: 100%;
    color: #fff;
    height: auto;
}

.backToPhone__message > hgroup > p {
    font-weight:bold;
    font-size: 37px;
    line-height: 133px;
    margin: 0;
    float: right;
    margin-right: 24px;
}

.backToPhone__container a{
    color: #fff;
}

.backToPhone__image img{
    float: left;
    /* height:200px; */
    width: 134px;
}

.backToPhone__close{
    /* float:right; */
    position: absolute;
    top: 0;
    right: 0;
    margin: 20px 37px;
}


/* ticket table */

/*
// CSS only Responsive Tables
*/
.rtable {
  /*!
  // IE needs inline-block to position scrolling shadows otherwise use:
  // display: block;
  // max-width: min-content;
  */
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
  overflow-x: auto;
  white-space: nowrap;
  border-collapse: collapse;
  border-spacing: 0;
}

.rtable,
.rtable--flip tbody {
  -webkit-overflow-scrolling: touch;

}

.rtable td:first-child,
.rtable--flip tbody tr:first-child {

}

.rtable td:last-child,
.rtable--flip tbody tr:last-child {

}

.rtable th.g {
  font-size: 11px;
  text-align: center;
  text-transform: uppercase;
  background: #BFCD31;
  font-family: 'GraphicusDT-Bold';
}

.rtable th,
.rtable td {
  padding: 10px 10px;
  border: 1px solid #d9d7ce;
  font-family: 'GraphicusDT-Regular';
}

.rtable--flip {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  background: none;
}

.rtable--flip thead {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  min-width: -webkit-min-content;
  min-width: -moz-min-content;
  min-width: min-content;
}

.rtable--flip tbody {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
}

.rtable--flip tr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: -webkit-min-content;
  min-width: -moz-min-content;
  min-width: min-content;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

.rtable--flip td,
.rtable--flip th {
  display: block;
}

.rtable--flip td {
  background-image: none !important;
  border-left: 0;
}

.rtable--flip th:not(:last-child),
.rtable--flip td:not(:last-child) {
  border-bottom: 0;
}

/*!
// CodePen house keeping
*/
/*
body {
  margin: 0;
  padding: 25px;
  color: #494b4d;
  font-size: 14px;
  line-height: 20px;
  font-family: 'GraphicusDT-Bold';
}

h1, h2, h3 {
  margin: 0 0 10px 0;
  color: #1d97bf;
}

h1 {
  font-size: 25px;
  line-height: 30px;
}

h2 {
  font-size: 20px;
  line-height: 25px;
}

h3 {
  font-size: 16px;
  line-height: 20px;
}

table {
  margin-bottom: 30px;
}

a {
  color: #ff6680;
}

code {
  background: #fffbcc;
  font-size: 12px;
}
*/

.dot{
 font-size:30px;
 text-align:center;
 display:block;
}


/* ticket table */