/* Layout Styles for all available templates */

/* One Column Layout */

.OneColumnLayout {
   margin: 25px 0 0 0;
   height: 100%;
}
.OneColumnLayout .centerLane .content a {
   color:#77a02e;
}

.OneColumnLayout .centerLane .centerLaneContentFull {
   width: 100%;
   min-width: 960px;
   min-height: 100%;
   max-width: 960px; 
   /* overflow:hidden; */
}


#content.one-column .midTopLane.section .sectionwidget,
#content.one-column .oneLane.section .sectionwidget {
   width:960px;
}


/* Two Column Layout */

.TwoColumnLayout {
   margin: 25px 0 0 0;
   height: 100%;
}
.TwoColumnLayout .leftLane,
.TwoColumnLayout .rightLane {
   float:left;
}
.TwoColumnLayout .rightLane .rightLaneContent.fullWidth {
   width: 670px;
   padding: 19px 0px 19px 20px;
}
.TwoColumnLayout .leftLane .leftLaneContent.fullWidth {
   width: 670px;
   padding: 19px 20px 0 0;
}


/* Two Column Layout Stacked */
.TwoColumnLayout.stacked #section_mainarea_2 {
    margin-top:2em;
}
.TwoColumnLayout.stacked #section_sidebar_2 {
    margin-top:2em;
}
.TwoColumnLayout.stacked #section_leftlane {
    float: left;
}
.TwoColumnLayout.stacked #section_sidebar,
.TwoColumnLayout.stacked #section_sidebar .leftLaneContent,
.TwoColumnLayout.stacked #section_mainarea,
.TwoColumnLayout.stacked #section_mainarea .rightLaneContent {
    float: none;
}

 

/* Editable Regions (Two-Column-Rightwide-Template) */

#content.two-column-rightwide .leftLane.section .sectionwidget {
   width:270px;
}
#content.two-column-rightwide .rightLane.section .sectionwidget {
   width:670px;
}
#content.two-column-rightwide .rightLane.section {
   float:right;
}

/* Editable Regions (Two-Column-Leftwide-Template) */

#content.two-column-leftwide .leftLane.section .sectionwidget {
   width:670px;
}
#content.two-column-leftwide .rightLane.section .sectionwidget {
   width:270px;
}
#content.two-column-leftwide .rightLane.section {
   float:right;
}




/* Three Column Layout */

.ThreeColumnLayout {
   margin:25px 0 0 0;
   height:100%;
}
.ThreeColumnLayout .leftLane,
.ThreeColumnLayout .centerLane,
.ThreeColumnLayout .rightLane {
   float:left;
   position:relative;
   min-height:200px;
   overflow:hidden;
}

.ThreeColumnLayout .three-column .leftLane.section .sectionwidget {
   width:270px;
}
.ThreeColumnLayout .three-column .centerLane.section .sectionwidget {
   width:440px;
}
.ThreeColumnLayout .three-column .rightLane.section .sectionwidget {
   width:215px;
}



/* misc */

.leftLane .leftLaneContent {
   width:270px;
}

.rightLane .rightLaneContent {
   width:215px;
}


.boxed {
   background:#f4f4f4;
   border:8px solid #e9e9e9;
   padding:11px;
}
/* DO NOT USE THIS CLASS ANYMORE - DP & SM */
.padded {
   padding:11px;
}

.ThreeColumnLayout .centerLane {
   min-width:424px;
   margin:0 17px;
}

.centerLane .centerLaneContent {
   max-width: 440px; 
   padding-top: 19px;
   overflow:hidden;
}
/* Removes unwanted top padding for when creating page */
.sectionwidget.centerLaneContent {
   padding-top: 0;
}
.centerLaneContent .centerLaneInner {
   color:#666;
}

.rightLaneContent .squareWidget {
   margin-bottom:20px;
}

.rightLaneContent .calloutWidget:first-child {
   margin-top:0;
}

.rightLaneContent .calloutWidget {
   margin-top:10px;
}

.rightLaneContent .rectangleWidget {
   margin-top:20px;
}

/* Sub Items (Moved from visit.css) - DP */

.subPageItem {
   float:left;
   width:454px;
   height:185px;
   overflow:hidden;
   border-top: 1px dotted #aaa;
   padding:20px 0;

   margin-right:26px;
   /*
   min-height:181px;
   */
}
.subPageItem.lastRow {
   margin-left:40px;
}
.subPageItem .subPageImg {
   float:left;
   border:8px solid #e9e9e9;
   width:164px;
   height:164px;
}
.subPageItem .subPageInfo {
   float:left;
   width:254px;
   margin-left:20px;
}
.subPageItem .subPageInfo h4 {
   font-size:18px;
   font-weight:bold;
   margin-bottom:4px;
}
.subPageInfo .subPageTxt {
   font-size:12px;
   color:#666;
   line-height:18px;
   margin-bottom:10px;
}
.subPageItem .subPageInfo a.subPageLink {
   color: #666;
   font-size: 12px;
   padding: 5px 10px;
   background-color: #dadada;
   border-radius: 4px;
   display: inline-block;
   text-align: center;
   margin: 0 2px 5px 0;
}

/* Exhibition Details Styles */

/* Circles Support */

.circleItem { 
   margin:10px 0 20px 0;
}
.circleItem .circleTier,
.circleItem .circleTierInfo {
   float:left;
}
.circleItem .circleTier {
   width: 215px;
   height: 58px;
   overflow: hidden;
   border: 8px solid white;
   margin-right:20px;
   font: 18px "Myriad Pro", Myriad, Arial, "Helvetica Neue", Helvetica, sans-serif;
   color:#333;
   padding:20px;
}
.circleItem .circleTierInfo {
   font-size:12px;
   color:#666;
   width:660px;
}
.circleItem .circleTierInfo h3 {
   font: 18px "Myriad Pro", Myriad, Arial, "Helvetica Neue", Helvetica, sans-serif;
   color: #333;
   border-bottom: 1px dotted #333;
   position: relative;
}
.circleTierInfo .circleTierList {
   margin-top:10px;
   font-size:12px;
   color:#666;
}
.circleTierList .highlight {
   color:#78a02e;
}
.circleTierInfo .circleTierList ul {
   float:left;
   list-style:inside;
   margin:0 20px 0 0;
   padding:0 0 0 15px;
   width: 300px;
   text-indent: -1em;
}
.circleTierInfo .circleTierList ul.last {
   margin-right:0;
}
.circleTierInfo .circleTierList ul li {
   line-height:20px;
}
.circleTierList .tierAdditions {
   color:#333;
   margin-bottom:5px;
}

/* Support Membership (Special Benefits/Member Only Events) */

.supportItem { 
   margin:10px 0 20px 0;
}
.supportItem .supportImg,
.supportItem .supportInfo {
   float:left;
}
.supportItem .supportImg {
   /*width: 255px;*/
   overflow: hidden;
   border: 8px solid #e9e9e9;
   margin-right:20px;
}
.supportItem .supportImg img {
   width:100%;
   display:block; /* Removes mysterious gap under img inside of div - DP */
}
.supportItem .supportInfo {
   font-size:12px;
   color:#666;
   width:660px;
}
.supportItem .supportInfo h2 {
   margin-top:0;
}
.supportInfo ul {
   float:left;
   list-style:inside;
   margin:0 20px 0 0;
   padding:0 0 0 15px;
   width: 300px;
   text-indent: -1em;
   font-size:12px;
   color:#666;
}
.supportInfo ul li {
   line-height:20px;
}

/* Visit Styles (Moved from visit.css) - DP */

/* Hours & General Admission */

#hoursWidget .hoursItem,
#freeAdmissionWidget .hoursItem,
#generalAdmissionWidget .admissionItem {
   font-size:14px;
   margin:10px 0 0 0;
   line-height:normal;
}
.hoursItem .left,
.hoursItem .right,
.admissionItem .left,
.admissionItem .right {
   float:left;
}
.hoursItem .left,
.admissionItem .left {
   color:#333;
   width:140px;
}
.hoursItem .right,
.admissionItem .right {
   color:#77a02e;
}
#freeAdmissionWidget h4 {
   color:#77a02e;
   font: 14px Arial, "Myriad Pro", Myriad, "Helvetica Neue", Helvetica, sans-serif;
   text-transform:uppercase;
   margin-top:20px;
}
#generalAdmissionWidget {
   margin-top:1em;
}
#freeAdmissionWidget .freeAdmissionInfo,
#generalAdmissionWidget .generalAdmissionInfo {
   font-size:12px;
   color:#666;
   margin: 10px 0 6px 0;
   line-height: 18px;
}
.generalAdmissionInfo a {
   color:#77a02e;
}
.admissionItem .left {
   width:170px;
}
.admissionItem span {
   font-size:12px;
}
#generalAdmissionWidget .buyTickets {
   margin-top: 12px;
}

/* Map Widget and Map Drawer */

#mapWidget {
   border:8px solid #e9e9e9;
   width:654px;
   height:544px;
   position:relative;
   background:#999;
   overflow:hidden;
}
#mapWidget #map_canvas {
   width:100%;
   height:502px;
}
#mapDrawer {
   display:block;
   position:absolute;
   bottom:-48px;
   left:0px;
   width:654px;
   height:40px;
   background: url('../theme_images/mapwidget/expand-map-bg.jpg') right center no-repeat #cddab0;
   border-top: 8px solid #e9e9e9;
   z-index:+1;
}
#mapDrawer .expandMapButton {
   position:absolute;
   left:50%;
   z-index: 999999;
   text-decoration: none;
   background: url('../theme_images/mapwidget/expand-map-icon.png') center 4px no-repeat #fff;
   margin:0;
   padding:0;
   width:106px;
   height:20px;
   -webkit-border-top-left-radius: 12px;
   -webkit-border-top-right-radius: 12px;
   -moz-border-radius-topleft: 12px;
   -moz-border-radius-topright: 12px;
   border-top-left-radius: 12px;
   border-top-right-radius: 12px;
   font-size:10px;
   color:#363434;
   text-align:center;
   top: -28px;
   margin-left: -53px;
}
#mapWidget .viewInteractiveMap {
   padding:10px;
   background-image: url('/theme_images/museummap/museum-map-link-bg.png');
   background-position: 100% 50%;
   background-repeat: no-repeat;
   background-color: #cddaaf;
}
.viewInteractiveMap a {
   font-size:18px;
   color:#363434;
   text-decoration:none;
   padding-left: 10px;
}
.viewInteractiveMap img {
   vertical-align: text-bottom;
}

/* Directions */

#directionsLightRail h2 {
   margin-top:22px;
}
#directionsLightRail .directionsInfo,
#directionsCar .directionsInfo {
   margin:15px 0;
}
#directionsLightRail .directionsInfo p,
#directionsCar .directionsInfo p {
   color:#666;
   font-size:12px;
   line-height: 18px;
}
#directionsLightRail .directionsInfo a,
#directionsCar .directionsInfo a {
   color:#77a02e;
}

/* Sponsors */

#sponsorWidget .sponsorInfo {
   font-size:11px;
   color:#666;
   line-height:15px;
}
#sponsorWidget .sponsorBlock {
   margin:20px auto;
   text-align:center;
}
.sponsorBlock .sponsorTxt {
   color:#666;
   font-size:11px;
   line-height:15px;
   width: 150px;
   margin: 15px auto 0 auto;
}
.sponsorTxt a {
   color:#77a02e;
}
#sponsorWidget .sponsorBlock img {
   display:block;
   margin:0 auto;
}

/* Global Styles Moved below this line.  They should be in global.css  -Sham */

.rightLaneContent .rightLaneInner,
.leftLaneContent .leftLaneInner {
   color:#666;
}

.content {
   line-height:1.5em;
}
.content p {
   padding-right:0.3em;
   margin:1em 0;
}
.content p:last-child {
   margin-bottom:0;
}

h1 {
   color:#333;
   position:relative;
   font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
   font-size: 26px;
   text-shadow: 2px 2px #fff;
   line-height:normal;
}

h2 {
   font: 18px Arial, "Helvetica Neue", Helvetica, sans-serif;
   border-bottom:1px dotted #333;
   color:#333;
   position:relative;
   padding-bottom:0.20em;
   margin-top: 1.2em;
}
.boxed h2 {
   margin-top: 3px;
}

h3 {
   position:relative;
   font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
   font-size:14px;
   font-weight:bold;
   color:#77a02e;
   margin-bottom:.5em;
   border-bottom:none;
}

h4 {
   position:relative;
   font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
   font-size:13px;
   font-weight:bold;
   color:#77a02e;
   border-bottom:none;

   margin-bottom:.5em;
}

h5 {
   position:relative;
   font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
   font-size:12px;
   font-weight:bold;
   color:#77a02e;
   border-bottom:none;
}

h6 {
   color:#333;
   position:relative;
   font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
   font-size:12px;
   font-weight:bold;
   border-bottom:none;
}

a.auxright {
   font-size: 11px;
   color: #363434;
   position: absolute;
   top: 5px;
   right: 0;
}

hr {
   border-top:none;
   border-right:none;
   border-bottom:1px dotted #333;
   border-left:none;
   margin:1em 0; /* Adds spacing on top/bottom of hr */
}
.whitebox {
   background: white;
}