/* 

Created by Chelsea Otakan for the Nevada Museum of Art 
Page Template: Subpage

*/


/* TEMPORARY */

#sidebar .placeholder { margin-bottom: 10px}

#header .n-logo { margin-bottom: -8px }
#header .logotype {margin: -29px 0 5px 0}

/* MAIN NAVIGATION 
======================================================= */

#main-nav { margin: 43px 0 -10px 5px; float: left}
#main-nav li { list-style: none; display: inline; display: block; float: left; border-left: 1px #cdcdcd solid; border-right: 1px #cdcdcd solid; margin: 0 -1px 0 0;position: relative; z-index: 10 }

#main-nav li.visit { border-left: 0}
#main-nav li.shop { border-right: 0}
#main-nav li div a { display: block; width: 68px; height: 35px; background-color: #e6e6e6; margin: 4px 5px; background-position: center 13px; background-repeat: no-repeat; text-indent: -9999px}

#main-nav .visit div a { background-image: url(../images/subpage/nav_visit.gif) }
#main-nav .explore div a { background-image: url(../images/subpage/nav_explore.gif) }
#main-nav .learn div a { background-image: url(../images/subpage/nav_learn.gif) }
#main-nav .give div a { background-image: url(../images/subpage/nav_give.gif) }
#main-nav .art-environment div a { background-image: url(../images/subpage/nav_artenvironment.gif) }
#main-nav .shop div a { background-image: url(../images/subpage/nav_shop.gif) }


/* #main-nav li.visit.active div { border-left: 1px #cdcdcd solid; border-right: 1px #cdcdcd solid;}
#main-nav li.shop.active div { border-left: 1px #cdcdcd solid; border-right: 1px #cdcdcd solid;}
*/

#main-nav .active div { border-left: 1px #cdcdcd solid; border-right: 1px #cdcdcd solid; margin: 0 6px; height: 53px}
#main-nav .active div a { height: 82px; position: relative; border: 0; background-color: #f1f1f1}
#main-nav .active { margin: 0 -7px -58px -6px; background-color: #fff; height: 64px; border: 0; position: relative; z-index: 9}

#main-nav .visit.active div { height: 56px; margin-top: 0; padding-top: 1px}
#main-nav .shop.active div { height: 56px; margin-top: 0; padding-top: 1px}

/* Main Navigation - Level 2 Ribbon Navigation */

#main-nav .active ul { position: absolute; margin: 3px 0 0 0; clear: both; height: 28px; background: #f1f1f1; width: 960px; z-index: 10}
#main-nav .explore.active ul { margin-left: -227px; }
#main-nav .shop.active ul { margin-left: -543px; }
#main-nav .give.active ul { margin-left: -385px; }
#main-nav .visit.active ul { margin-left: -149px; }
#main-nav .learn.active ul { margin-left: -306px; }
#main-nav .art-environment.active ul { margin-left: -464px; }

#main-nav .active li { border: 0; margin: 7px 8px }
#main-nav .active li a { font-size: 10px; text-transform: uppercase; color: #999999}
#main-nav .active li a:hover { font-size: 10px; text-transform: uppercase; color: #666666}
#main-nav li ul li.active { background: transparent; height: auto}
#main-nav li ul li.active a { font-weight: bold; margin: 0}


/* CONTENT ================================================ */

#sub-nav { width: 155px; float: left; display: block; }
#sub-nav ul { margin: 6px 8px 0 0; display: block; padding: 0 0 7px 0 }
#sub-nav ul li { list-style: none; font-size: 11px; color: #999999; margin-right: 5px; line-height: 11px; margin-bottom: 8px;}
#sub-nav ul li a { color: #999999; background: url(../images/subpage/li_subnav.gif) no-repeat 0 3px; padding-left: 12px; display: block}
#sub-nav ul li a:hover { color: #505050 }
#sub-nav ul .active a:hover { color: #505050 }

#sub-nav ul li ul { margin: 8px 0 0 15px; border: 0; padding: 0 }
#sub-nav li.active ul li a { color: #999999; background: url(../images/subpage/li_subnav.gif) no-repeat 0 5px; font-weight: normal}
#sub-nav .active a { font-weight: bold }

#content { display: block; margin: 0; padding: 22px 0 0 0; clear: both}
#content p, #main-content p, #page-content p {color: #666666; margin:0; font-size: 12px; line-height: 18px;}
#content p a, #main-content p a, #page-content p a {color: #303030; border-bottom: 1px dotted #cccccc; }

#main-content { width: 635px; float: left; border-right: 1px #cdcdcd solid;  border-left: 1px #cdcdcd solid;padding: 2px 8px 0 6px; display: inline; min-height: 550px }


/* Accordion */
#main-content div#faq-accordion h3, #main-content div.accordion h3 {border: 0;border-top: 1px #ccc solid; margin-top: 8px; margin-bottom: 6px; padding: 8px 0 0 0;}
div#faq-accordion div, div.accordion div { margin-left: 15px }
div.accordion h3 a, div#faq-accordion h3 a, #page-content .events-list div.accordion h3 a { border: 0; border-bottom: 0 }
div.accordion h3 a:hover { background: 0}

/* Page Content */

#main-content h2 { font-size: 28px; font-weight: bold; line-height: 28px; margin: 2px 0 20px 0 }
#main-content h3 { text-transform: inherit; font-size: 18px; }
.shop h3, .collections h3, .exhibition h3, p.intro h3 { display: inline;}
#main-content.landing-page, #main-content.interior, #main-content.interior-horizontal, #main-content.collections, #main-content.membership, #main-content.shop {display: inline; }
#main-content h4.alt { font-size: 12px; text-transform: uppercase; color: #cccccc; margin: 20px 0 10px 0; float: left; display: block; width: 100%}
#main-content h4 { color: #aaaaaa; font-weight: bold; font-size: 13px; line-height: 14px; margin: 20px 0 8px 0 }


#page-content a, #page-content ul a { font-weight: bold; border-bottom: 1px #666 dotted}
#page-content h3 a { border-bottom: 0}

#content .date-gallery { font-size: 11px; color: #aaaaaa; margin: 20px 0}
.date-gallery strong { font-size: 13px}

#content p { margin: 0 0 18px 0}
#content p.intro { font-size: 14px; line-height: 20px; margin: 18px 0}
#content p.inline { display: inline}
#content h3.inline {display: inline}
#content p.meta { font-size: 9px; line-height: 12px; color: #999999; background: url(../images/subpage/div_meta.gif) no-repeat top left; padding-top: 10px; margin-top: 20px}


#main-content .module { border-top: 1px #cdcdcd solid; display: block; margin-top: 11px; color: #999999 }
#main-content a.module h4 { font-size: 11px; line-height: 2.6; text-transform: none; color: #999999; margin: 0 }

#page-content { margin: 0 0 -13px 0}
#page-content ul { clear: both; margin: 10px 0;} 
#page-content ul li { margin: -1px 0 ; padding: 4px 0; list-style: none;font-size: 11px; color: #666666; border-bottom: 1px #dddddd solid; border-top: 1px #dddddd solid }

#page-content table td { border-top: 1px #dddddd solid; margin: -5px 0 0 -5px; padding: 5px 0; clear: both; color: #666666; font-size: 11px}

#page-content img.left {float: left; margin: 0 8px 5px 0}
#page-content img.right {float: right}

#page-content div.left { float: left; margin: 0 18px 5px 0}
#page-content div.right { float: right }
#page-content div.caption { display: block; margin-bottom: 0}
#page-content div.caption span { clear: both; display: block; font-size: 11px; margin: 8px 0; padding: 0 4px }

#page-content .story { border-bottom: 1px #ddd solid; padding: 0; margin-top: 15px;  }
#page-content .story h4 { margin: 0 0 16px 0}
#page-content .story p { margin: 0 0 8px 0; float: right; width: 377px; }
#page-content .story img { margin-bottom: 8px}
/*#main-content input.buttons,  { font-weight: bold; padding: 5px 10px; display: block; text-indent: 0; height: auto}
input.add-to-cart { font-weight: bold; padding: 5px 10px; text-indent: 0; height: auto}*/

.enlarge { display:block; background: url(../images/subpage/click_large.gif) no-repeat ; text-align: left; text-indent: -9999px ; width: 309px; height: 25px; margin: -8px 0 0 0}


#page-content a.download { background: url(../images/globals/download_doc.gif) no-repeat left; padding-left: 17px;}

/* EVENT LISTING
========================================== */
div#main-content h2.events-list { 
	border-top:1px #cdcdcd solid;
	color: #cdcdcd; 
	font-size: 18px; 
	margin:5px 0 0 0; 
	padding: 20px 0 3px 0;
	line-height: 1.3;
	text-transform: inherit;
	font-weight: bold;
}

#main-content .events-list h3 { 
	display: block;
	font-size: 15px;
	margin: 0 95px 8px 0;
	text-transform: none;
	line-height: 17px;
}

#main-content #page-content h4.programs-list {
	color: #cdcdcd; 
	font-size: 14px; 
	margin:5px 0 0 0; 
	padding: 5px 0 0 0;
	line-height: 1.3;
	text-transform: inherit;
	font-weight: bold;}

#main-content .events-list li,#main-content .events-list span,#main-content .events-list p { font-size: 11px; line-height: 13px; color: #999999 }
.events-list li.last { border: 0}
.ae-programs {
	width: 300px;
	float: right;
}
#main-content .events-list li p { margin: 8px 0 0 0 }

.events-list img { float: left; margin: 0 17px 8px 0 }
.events-list li { 
	border-top: 1px #cdcdcd solid; 
	clear: both;
	display: block; 
	font-size: 11px;
	list-style: none;
	padding: 10px 0 20px 0; }
#main-content .events-list .subhead { 
	color:#ccc; 
	display: block;
	font-size: 13px;
	font-weight: bold;
	height: 30px;
	margin: 17px 0 0 0;
	text-transform: uppercase;
	width: 730px;	}
.events-list .buy-tix, .events-list .admission, .events-list .add-class, .events-list .closed, .events-list .sold-out { 
	background-position: center;
	background-repeat: no-repeat;
	display: block;
	float: right;
	height: 29px;
	text-indent: -99999px;
	width: 90px; }
.calendar .admission { margin-top: -39px}
.events-list .buy-tix {	background-image: url(../images/calendar/btn_buytickets.png); }
.events-list .admission {	background-image: url(../images/calendar/btn_admission.png);}
.events-list .add-class {	background-image: url(../images/subpage/btn_addclass.png);}
.events-list .closed {	background: #cccccc url(../images/subpage/btn_closed.png) ;}
.events-list .sold-out {	background: #cccccc url(../images/subpage/btn_sold-out.gif) ;}
.events-list .price a {font-weight: bold;}
#main-content #page-content .events-list .buy-tix {	border: 0 }

#main-content ul.events li p {line-height: 1.3; margin-bottom: 0}
#main-content #page-content ul.programs-list { padding: 0 0 30px 0 }
#main-content #page-content ul.programs-list li{ padding: 10px 0 }
#main-content #page-content ul.programs-list li h3 { font-size: 13px }

/* INTERIOR PAGE
========================================== */
.interior #page-content { width: 309px; float: left}
.interior #page-content h3 { margin-top: 16px}
.interior #page-imagery { width: auto; float: right; width: 310px; text-align: right; margin-top: 8px}
.interior #page-imagery .left {float: left; margin: 0 8px 0 0}
.interior #page-imagery .right {float: right; margin: 0}
.interior #page-imagery img { margin-bottom: 12px}

#main-content ul.related-programs li { list-style: none; margin: 5px 0; border: 0px }
ul.related-programs { margin-bottom:  50px }
#main-content h4.related-programs { color: #cccccc; text-transform: uppercase}
.related-programs span { display: block; margin: 5px 0; color: #999999}
.related-programs span strong { font-weight: bold}
.related-programs h5 { font-size: 14px; margin: 0 0 -18px 0;}
.related-programs .time { font-weight: bold; font-size: 12px}
.related-programs .cost { font-size: 9px}
.related-programs .cost a { font-weight: bold; text-transform: uppercase}

div#main-content.interior-horizontal h2 { font-weight: normal}
.interior-horizontal #page-content { width: 308px; float: left; }
.interior-horizontal #page-imagery { width: 309px; float: right; margin: 9px 0 0 18px; }

.contact-page a { border-bottom: 0 !important}


/* EXHIBITION LANDING PAGE
========================================== */
.exhibition #page-content { float: left; font-size: 11px; }
.exhibition #page-content p { font-size: 11px; color: #909090; margin-bottom: 16px }
.exhibition #page-imagery { width: 635px; margin: 0 auto 20px auto; overflow: hidden}

.exhibition #page-content p.intro { display: inline }

.exhibit #page-content h2 { font-weight: normal }
.exhibit #page-content h2 strong { font-weight: bold }
.exhibition #page-content h2 { font-weight: bold; margin-bottom: 10px }
#main-content .events li { list-style: none; border-top: 1px #cdcdcd solid; clear: both; padding: 0; border-bottom: 0px; color: #909090 }
#main-content.exhibition ul.events h3 a { font-size: 15px; margin: 10px 0 0 0; text-transform: none; display: block; border: 0}
.events .img { width: 175px; height: 175px; overflow: hidden; float: left; margin: 7px 15px 7px 0; text-align: center; }
.events .gallery { color: #cdcdcd; font-size: 10px; font-weight: bold; text-transform: uppercase; display: block; margin-top: 20px}
.events .date { margin: 10px 0 5px 0; display: block }



/* LANDING PAGES
========================================== */

#main-content.landing-page h2 { margin: 2px 0 -2px 0;}
.landing-page .big { width: 417px; float: left }
.landing-page .small { width: 208px; float: right }
.landing-page h3 { display: inline; line-height: 22px }
.landing-page #page-content { font-size: 11px; line-height: 22px; margin-top: 10px; clear: both;  }
.landing-page #page-content p { color: #909090; font-size: 11px; line-height: 22px; margin-top: 10px;   }


/* COLLECTIONS LANDING PAGE
========================================== */
.collections .big { width: 155px; }
.collections .small { width: 309px; clear: left}
.collections #page-content { width:289px; margin: 8px 10px; float: left; height: 321px; font-size: 11px; color: #999999; line-height: 1.4}
.collections #page-content h3 { font-size: 16px; }
.collections #page-content p { font-size: 11px; color: #999999; line-height: 1.4; margin: 14px 0}
.collections .col-side { width: 155px; float: left; margin: auto 0 }
.collections .col-middle { float: left; margin: 0 8px }


/* MEMBERSHIP TABLE
========================================== */

.membership table { margin-top: 8px }
#main-content.membership table h2 { margin-top: -10px }
.membership .grey { background-color: #f2f2f2 } 
.membership td { font-size: 11px; text-align: center; border-top: 1px #cccccc solid; padding: 8px 0; font-weight: bold }
.membership .level td { border: 0 }
.membership .level td.space { width: 325px; text-indent: 0px; text-align: left; }
#main-content.membership tr.level td.space h3 {color: #999; font-weight: normal; margin-right: 10px }
.membership .level td {overflow: hidden; width: 29px; height: 200px; text-indent: -99999px; position: relative; background-repeat: no-repeat; background-position: bottom }
.membership .level td span { display: block; width: 20px; background: transparent}


.membership .level td.student-senior { background-image: url(../images/membership/01_student.png)}
.membership .level td.individual { background-image: url(../images/membership/02_senior.png)}
.membership .level td.dual { background-image: url(../images/membership/03_artforone.png)}
.membership .level td.family { background-image: url(../images/membership/04_artforus.png)}
.membership .level td.associate { background-image: url(../images/membership/05_scholar.png)}
.membership .level td.supporter { background-image: url(../images/membership/06_supporter.png)}
.membership .level td.collectors-circle { background-image: url(../images/membership/07_collectorscircle.png)}
.membership .level td.sierra-circle { background-image: url(../images/membership/08_sierracircle.png)}
.membership .level td.sierra-circle-stakeholder { background-image: url(../images/membership/09_sierracirclestakeholder.png)}
.membership .level td.directors-circle { background-image: url(../images/membership/10_directorscircle.png)}

.membership .benefit { width: 325px; text-indent: 0; text-align: right; font-weight: normal; padding-right: 15px }
.membership .join td { text-indent: 0; font-weight: bold }

.membership span {display: block; width: 6px; height: 6px; margin: 5px auto}
.membership .grey { border-top: 1px #c2c2c2 solid }
.membership .grey.mark { background: #909090; border-top: 1px #757575 solid; color: #ffffff}
.membership .grey span { background: #fff;}
.membership span { background: #909090 }
.membership .color {  color: #fff }
.membership .color span { background: #fff; }

.membership .benefit ul { width: 280px; list-style: none; padding: 0; margin: 0; font-size: 11px; line-height: 11px; text-align: left }
.membership .benefit ul li { padding: 0 0 10px 10px ; background: url(../images/globals/square-bullet.gif) no-repeat 0 2px }

#main-content.membership .meta td { border: 0 }


/* SHOP FRONT LANDING PAGE
========================================== */
#content.shop { margin-top: -16px}

.shop .big { width: 417px; float: left; clear: none }
.shop .small { width: 207px; float: right; margin-right: 1px;clear: none}
.shop .small h4 {width: 200px}

.shop #page-content { font-size: 11px; line-height: 1.6; margin: 10px 0 0 0; clear: both;  padding-bottom: 12px }
.shop #page-content p { font-size: 11px; line-height: 1.6; margin: 10px 0 0 0; clear: both; color: #909090}

#main-content.shop h4.item-list { margin: 30px 0 13px 0;border-top: 1px #cdcdcd solid; padding-top: 8px; text-transform: uppercase}
.shop .items { margin-right: -17px; font-size: 11px}
.shop .items img { margin-bottom: 10px}
.shop .items li {list-style: none; float: left}
.shop .items a { display: block; float: left; margin-right: 17px; width: 146px; color: #999999;  }

.shop #main-content.cart { width: 788px; float: right}


/* SHOP ITEM DETAIL
========================================== */
#main-content.shop h2 { margin: 0 0 25px 0; }
#main-content.shop h4.item-detail { margin-top: 6px; color: #ccc; text-transform: uppercase}
.shop #page-imagery { width: 309px; overflow: hidden; float: right; margin: 6px 0 0 0}
#main-content.shop .short-desc { color: #ccc; font-size: 11px; font-weight: bold; float: left}
.detail #page-content { display: inline; width: 309px; float: left; margin-top: 10px}
.detail #page-content p { line-height: 17px; font-size: 12px; float: left}
.detail #page-content p.intro { font-size: 14px; line-height: 24px; margin: 0 0 10px 0; float: left}
.shop .quantity { display: block; float: right; text-align: right; margin: 0px 0 12px 0 }
.shop .price { font-size: 14px; font-weight: bold; color: #aaaaaa; float: left; margin: 3px 0 0 0}
.detail #page-content input.add-to-cart { text-indent: -9999px;background-image: url(../images/shop/btn_addtocart.png); background-position: center; background-repeat: no-repeat; width: 112px; height: 28px; float: right; display: block; clear: both }


/* SHOP CART
========================================== */

.cart { font-size: 11px}
.cart h5 a { font-size: 12px; color: #ccc; background: url(../images/shop/h5-cart-icon.gif) no-repeat 0 1px; display: block; text-indent: 19px; margin: 0 0 10px 0; clear: both }
.cart h5 a:hover { color: #999999}
.cart a { color: #999999}
.cart .item-count { font-weight: bold; float: left; display: block; margin-bottom: 4px}
.cart .subtotal { font-weight: bold; float: right; display: block; text-align: right}
.cart .last-item { border-top: 1px #f2f2f2 solid; color: #ccc; display:block; clear: both; padding-top: 3px; margin-bottom: 14px}
.cart .last-item img { margin-top: 7px}
.cart ul li {list-style: none; border-bottom: 1px #f2f2f2 solid; line-height: 1.1; clear: both}
.cart ul li .item-title { width: 105px; display: block; float: left; margin: 4px 0}
.cart ul li .item-price { width: 35px; float: right; display: block; text-align: right; margin: 4px 0; color: #ccc }
.cart span.search { display: block; width: 195px}
#sidebar.cart .search h4 { margin: 20px 0 10px 0; color: #ccc; font-size: 12px; text-transform: uppercase}
.cart-status { float: right; clear: right; font-weight: bold; margin: 10px 0 0 0}
.cart a.checkout { display: block; text-align: right }
.cart a:hover { color: #505050} 

.cart .remove-cart { display: block; height: 16px; width: 16px; background: url(../images/shop/cancel.gif) no-repeat; text-indent: -9999px; padding: 2px 0 }
.cart .remove-cart:hover { background-position: -16px 0}

.cart .sub-total td { font-size: 16px; padding-top: 15px}
.cart .sub-total td a { font-weight: bold}

.shop table.checkout th { padding-bottom: 4px; color: #aaa; font-size: 16px}
.shop table.checkout .product td { padding: 8px 0; color: #999; font-size: 14px;}
.shop table.checkout td {border-top: 1px #ddd solid; padding: 4px 8px}
.shop table.checkout td.highlight { background: #eee; color: #808080}
.shop table.checkout td a { color: #999}

.shop .mod { width: 45%; float: left; margin: 0 30px 15px 0;}
div#main-content.checkout h4.checkout { font-size: 14px; color: #bbb; margin: 12px 0}
div.checkout table.billing-info td { padding: 2px 5px 0 0}

input#cartupdate { background: #fff; margin-top: 2px}
input#checkout { text-indent: 0; font-size: 16px; padding: 6px 12px; height: 30px; background: #999; color: #fff}
.header-secondary { font-weight: normal;}

/* SCHOOL EVENTS 
=========================================== */
#main-content.school p.intro { color: #999999 }
#main-content.school p {margin-bottom: 16px}
#main-content.school a { color: #666666}

#main-content.school .events-list li p { margin: 0 0 8px 0px}


/* LOGIN PAGE 
=========================================== */
input#username, input#password { margin: 0 0 16px 0; width: 160px }


/* SEARCH
=========================================== */
#page-content.search ul { width: 635px }
#page-content.search ul li { padding: 0 0 20px 0 }
#page-content.search ul li p { padding: 5px 0 }
#page-content.search h2 { margin-bottom: 5px}

/* Sidebar
========================================== */

#sidebar { clear: none; float: right; width: 146px; display:inline; padding: 10px 0 0 0;  }
.widget { display: block; width: 146px; float: left; text-indent: -99999px}
a.widget:hover { background-position: bottom }

.widget-1 { margin-top: 31px; background-image: url(../images/widgets/widgets_01.gif); height: 78px }
.widget-2 { background-image: url(../images/widgets/widgets_02.gif); height: 78px }
.widget-3 { background-image: url(../images/widgets/widgets_03.gif); height: 78px }
.widget-4 { background-image: url(../images/widgets/widgets_04.gif); height: 78px }
.widget-5 { background-image: url(../images/widgets/widgets_05.gif); height: 79px }

/* Traditional Forms
========================================== */
#scheduler-form fieldset dt {
	clear: left;
	float: left;
	text-align: right;
	padding:  5px 0px;	
	width: 200px;
}
#scheduler-form fieldset dt label {
	margin-right: 5px;
	top: 2px;
}
#scheduler-form fieldset dd {
	padding: 5px 0;
	margin-left: 200px;
}
#scheduler-form ul li {
	list-style-type:none;
	margin-left: 8px;
}

#scheduler-form-view fieldset dt {
	clear: left;
	float: left;
	text-align: right;
	padding:  5px 0px;	
	width: 200px;
}
#scheduler-form-view fieldset dt label {
	margin-right: 5px;
	top: -1px;
}
#scheduler-form-view fieldset dd {
	padding: 5px 0;
	margin-left: 200px;
}
#scheduler-form-view ul li {
	list-style-type:none;
	margin-left: 8px;
}
.scheduler-list-date {
	width: 180px;
	float: left;
	font-size: 14px;
	display: inline;
}
.scheduler-list-name {
	font-size: 14px;
	max-width: 315px;
	width: 315px;
	display: inline;
	float: left;
}
.scheduler-list-actions {
	float: right;
	font-size: 14px;
	display: inline;
}
.scheduler-list-even {
	background-color: #d8d8d8;
	padding: 3px 8px;
}
.scheduler-list-odd {
	background-color: #f8f8f8;
	padding: 3px 8px;
}
.scheduler-list  .volunteer-view {
	font-size: 14px;
}
.scheduler-required {
}
.scheduler-form-view {
	font-size: 14px;
}
.scheduler-form-view dt label {
	color: #303030;
	font-weight: bold;
	top: 0px;
}
.scheduler-form-view dd {
	color: #303030;
	min-height: 18px;
	padding: 5px 0;
}
#scheduler-signup-buttons {
	float: right;
}
.scheduler-list-date,
.scheduler-list-name {
	color: #303030;
	font-weight: bold;
}
.volunteeredit-docent-remove-link {
	float: right;
}