/* RESET BROWSER DEFAULT STYLING */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border:0; font-family:inherit; font-style:inherit; font-weight:inherit; margin:0; outline:0; padding:0; font-size:100%; }
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
strong {font-weight:bold;}
em {font-style:italic;}
caption, th, td {font-weight:normal; text-align:left;}
:focus {outline:0;}
form {display:inline;}
p {margin-top:12px;}

/* LINK STYLING */

a, a:link, a:visited, a:active {color:#222; text-decoration:underline;}
a:hover {color:#FF9900; text-decoration:none;}
a.cart {color:#222; font:bold 14px arial,helvetica,sans-serif; text-decoration:none; line-height:16px;}
a.cart:hover {color:#FF9900; font:bold 14px arial,helvetica,sans-serif; text-decoration:none; line-height:16px;}

body {background: #FFF url(/img/page-bg.gif) no-repeat top center; margin:0; padding:0; color:#000;}
div#container {width:950px; margin:0 auto; padding:0; position:relative; top:-35px; left:0;}

.hidden {display:none;}
.unhidden {display:block;}

/* HEADER STYLING */

div#top {width:950px; height:75px; margin:0 auto; padding:0; border-bottom:30px solid #2F5779; z-index:100;}
div#top div#head {width:950px; height:300px; margin:0 auto; padding:0;}
div#top div#head .arts-alive {position:relative; top:15px; left:10px;}
div#top div#head .logo {width:250px; position:relative; top:-55px; left:51px; z-index:200;}
div#top div#head .presents {position:relative; top:6px; left:10px; z-index:200; color:#FFF; font:bold 12px arial,helvetica,sans-serif;}
div#top div#head div.top-links {width:240px; margin:0; padding:0; position:relative; top:10px; right:10px; float:right; font:9px arial,helvetica,sans-serif; text-decoration:none; text-align:right; letter-spacing:1px;}
div#top div#head div.top-links .cart {position:relative; top:3px; right:3px;}
div#top div#head div.top-links .submit {font:bold 10px arial,helvetica,sans-serif;}
div#top div#head div.social-media {margin:0; padding:0; position:relative; top:37px; right:7px; float:right;}
div#top div#head .icon {padding-right:5px;}

/* SEARCH STYLING */

input#search-field {width:10em; height:12px;}
label.overlabel {position:absolute; top:32px; left:105px; z-index:1; color:#999;}
.show-label {display:block;}
.hide-label {display: none;}

/* NAVIGATION STYLING */

ul#nav {width:750px; height:30px; margin:0; padding:0; list-style:none; position:relative; top:28px; left:200px; z-index:300; font:bold 12px arial,helvetica,sans-serif;}
#nav li {margin:0 20px; float:left; position:relative;}
#nav li:hover {margin:0 20px; color:#FFF;}
#nav li ul {margin:0; display:none; list-style:none; position:absolute; top:0; left:0; color:#FFF; font:bold 11px arial,helvetica,sans-serif; z-index:200;}	
#nav li > ul {top:auto; left:auto;}
#nav .top {margin-top:3px; padding:5px 5px 7px; display:block; color:#FFF; text-decoration:none;}
#nav .top:hover {color:#222;}
#nav li:hover .top {background:#DFE0E0; position:relative; z-index:300; color:#222;}
#nav .topOff {margin-top:3px; padding:5px 5px 4px; display:block; color:#FFF; text-decoration:none;}
#nav li:hover .topOff {position:relative; z-index:300; color:#000; background:#DFE0E0;}
#nav li:hover ul, #nav li.over ul, #nav li.sfhover ul {margin:0; padding:0; display:block; top:30px; left:0; color:#FFF;}
#nav .top-last {margin:0 0 0 20px; padding:0; display:block; color:#FFF; text-decoration:none;}
#nav li.top-last:hover {margin:0 0 0 20px; padding:0; color:#222;}
	
#nav li.nav1 {background:#DFE0E0; width:175px; margin:0; float:none;}
#nav a.nav1:hover {background:#C3CEDE; width:165px; margin:0; color:#222;}
#nav .nav1 {color:#222; margin:0; padding:0;}
	
#nav li.nav2 {background:#DFE0E0; width:165px; margin:0; float:none;}
#nav a.nav2:hover {background:#C3CEDE; width:155px; margin:0; color:#222;}
#nav .nav2 {color:#222; margin:0; padding:0;}

#nav li.nav3 {background:#DFE0E0; width:140px; margin:0; float:none;}
#nav a.nav3:hover {background:#C3CEDE; width:130px; margin:0; color:#222;}
#nav .nav3 {color:#222; margin:0; padding:0;}
	
#nav li.nav1 a, #nav li.nav2 a, #nav li.nav3 a {display:block; width:auto; padding:5px;}

/* TOP IMAGE STYLING */

div#container div.rotation {width:950px; height:285px;}

div#container div.gallery {width:950px; height:350px;}

/* BODY STYLING */

div#body {width:950px; margin:15px 0 0; padding:0; font:12px arial,helvetica,sans-serif; line-height:16px;}
div#body h1 {padding:0 0 4px; font-size:36px; text-decoration:none; text-transform:uppercase;}
div#body h2 {font-size:26px; text-decoration:none; text-transform:uppercase;}
div#body h3 {font-size:32px; text-decoration:none; text-transform:uppercase;}
div#body .header {background:#5B718D; height:36px; margin:0; padding:0 7px;}
div#body .headertwo {background:#5B718D; height:72px; margin:0; padding:0 7px;}
div#body div.header .angle {background:url(/img/angle.jpg) 0 0 no-repeat; width:15px; height:50px; display:block; position:relative; top:-14px; left:-7px;}
div#body div.headertwo .angletwo {background:url(/img/angle2.jpg) 0 0 no-repeat; width:15px; height:100px; display:block; position:relative; top:-14px; left:-7px;}
div#body div.header .header-copy {color:#FFF; font:32px arial,helvetica,sans-serif; position:relative; top:-46px; left:15px; text-transform:uppercase;}
div#body div.headertwo .header-copytwo {color:#FFF; font:32px arial,helvetica,sans-serif; position:relative; top:-92px; left:15px; text-transform:uppercase;}
div#body .subheader {font:18px arial black,helvetica,sans-serif; margin-bottom:6px; line-height:24px;}
div#body .bluesubheader {font:18px arial black,helvetica,sans-serif; color:#486C90; margin-bottom:6px; line-height:24px;}
div#body .title {font:22px arial black,helvetica,sans-serif;}
div#body .smalltext {font:11px arial,helvetica,sans-serif;}
div#body div.copy {margin:0; padding:0 10px 20px 21px; font:12px arial,helvetica,sans-serif; line-height:16px;}
div#body .lgText {font:14px arial,helvetica,sans-serif; line-height:18px;}
div#body .times {font:12px georgia,times,sans-serif;}
div#body ul {text-indent:0; margin:12px 0;}
div#body li {list-style-type:disc; margin:7px 0 0 2.2em;}

div#body div.dashboard {margin:0; padding:0 0 20px 15px; font:12px arial,verdana,sans-serif;}
div#body div.dashboard div.donate-block {background:#FF9900 url(/img/icons/donate-bg.jpg) repeat-x; width:375px; height:80px; margin:5px 0 10px 250px; padding:10px 0 10px 75px; float:left;}
div#body div.dashboard div.donate-block .icon {float:left;}
div#body div.dashboard div.donate-block .block-header a {position:relative; top:24px; left:5px; color:#FFF; font:26px arial black,helvetica,sans-serif; text-decoration:none; text-transform:uppercase;}
div#body div.dashboard div.donate-block .block-header a:hover {color:#FFF; text-decoration:none;}
div#body div.dashboard div.donate-block .subText {color:#FFF; font:16px arial black,helvetica,sans-serif; text-decoration:none; text-transform:uppercase;}

div#body div.dashboard {margin:0; padding:0 0 20px 15px; font:12px arial,verdana,sans-serif;}
div#body div.dashboard div.shows-block {background:#FF9900 url(/img/icons/shows-bg.jpg) repeat-x; width:535px; height:80px; margin:15px 0 10px 185px; padding:10px 0 10px 15px; float:left;}
div#body div.dashboard div.shows-block .icon {float:left;}
div#body div.dashboard div.shows-block .block-header a {position:relative; top:2px; left:9px; color:#FFF; font:34px arial black,helvetica,sans-serif; text-decoration:none; text-transform:uppercase; line-height:36px;}
div#body div.dashboard div.shows-block .block-header a:hover {color:#FFF; text-decoration:none;}
div#body div.dashboard div.shows-block .subText {position:relative; top:1px; left:9px; color:#FFF; font:16px arial black,helvetica,sans-serif; text-decoration:none; text-transform:uppercase; line-height:18px;}

div#body div.dashboard div.block {background:#DFE0E0; width:291px; height:165px; margin:15px 31px 5px 0; padding:10px 0; float:left; text-align:center;}
div#body div.dashboard .angle {background:url(/img/block-angle.png) 0 0 no-repeat; width:15px; height:193px; display:block; position:relative; top:-16px; left:-15px;}
div#body div.dashboard div.block div.inner-block {position:relative; top:-180px;}
div#body div.dashboard div.block div.inner-block .icon {text-align:center; padding:0 0 5px;}
div#body div.dashboard div.block div.inner-block .block-header {color:#FF9900; font:20px arial black,helvetica,sans-serif; text-decoration:none;}
div#body div.dashboard div.block div.inner-block .block-header a {color:#FF9900; font:20px arial black,helvetica,sans-serif; text-decoration:none;}
div#body div.dashboard div.block div.inner-block .block-header a:hover {color:#003366; text-decoration:none;}
div#body div.dashboard div.block div.inner-block div.copy {font-size:13px; font-weight:bold; color:#003366; padding:0;}

div#body div.left {background:#FFF; width:215px; margin:0; padding:0; float:left;}
div#body div.left div.header .angle {background:url(/img/angle.jpg) 0 0 no-repeat; width:15px; height:50px; display:block; position:relative; top:-14px; left:-7px;}
div#body div.left .lside {background:#DFE0E0; width:190px; margin:5px 0 0 15px; padding:5px 0 5px 10px; display:block; position:relative; top:-37px; left:0; color:#222; font:bold 12px arial,verdana,sans-serif; text-decoration:none; line-height:18px;}
div#body div.left .lside:hover {background:#C3CEDE; width:190px; margin:5px 0 0 15px; padding:5px 0 5px 10px; display:block; position:relative; top:-37px; left:0; font:bold 12px arial,verdana,sans-serif; text-decoration:none; line-height:18px;}
div#body div.left div.list {margin:0; padding:0 5px; color:#E53517; font:bold 16px arial,verdana,sans-serif; line-height:18px;}
div#body div.left div.list .smalltext {color:#E53517; font:9px arial,verdana,sans-serif; line-height:18px; text-transform:uppercase;}
div#body div.left div.menu {height:30px; margin:0; padding:0;}
div#body div.left .angle {background:url(/img/lside-angle.png) 0 0 no-repeat; width:15px; height:34px; margin:0; display:block; position:relative; top:-4px; left:0;}
div#body div.left .angle2 {background:url(/img/lside-angle2.png) 0 0 no-repeat; width:15px; height:77px; margin:0; display:block; position:relative; top:-4px; left:0;}
div#body div.left .lside2 {background:#DFE0E0; width:190px; margin:5px 0 0 15px; padding:3px 0 7px 10px; display:block; position:relative; top:-80px; left:0; color:#222; font:bold 12px arial,verdana,sans-serif; text-decoration:none; line-height:18px;}
div#body div.left .banner {margin:15px 0 0; padding:0;}
div#body div.left .countdown-header {background:#5B718D; width:205px; margin:0; padding:5px; display:block; color:#FFF; font:bold 14px arial,verdana,sans-serif; text-align:center;}
div#body div.left .countdown {background-color:#DFE0E0; height:36px; margin:0; padding:7px 0 0; border:0; color:#222;}

div#body div.right {width:715px; margin:0 0 0 20px; padding:0; float:left;}
div#body div.right div.divider {border-top:1px dashed #333; margin:24px 0 18px;}
div#body div.right .half {margin-top:6px;}

div#body div.right .intro2 {height:40px; margin:0; padding:0;}
div#body div.right #quotes2 {position:relative; margin:0; padding:0; color:#222; font:bold italic 21px arial black,helvetica,sans-serif; text-align:center;}

div#body div.homeRight {width:720px; margin:0 0 0 15px; padding:0; float:left;}
div#body div.homeRight .intro {height:55px; margin:0; padding:12px 10px 0 21px;}
div#body div.homeRight #quotes {width:720px; position:relative; margin:0; padding:0; color:#222; font:bold italic 24px arial black,helvetica,sans-serif; text-align:left;}
div#body div.homeRight .blog {margin:0; padding-left:16px;}
div#body div.homeRight div.homeblog {width:220px; margin:12px 7px 0; float:left;}
div#body div.homeRight div.homeblog .title {font:bold 14px arial,verdana,sans-serif; line-height:18px;}
div#body div.homeRight div.homeblog .title a:link, div.homeblog .title a:visited, div.homeblog .title a:active {color:#222; text-decoration: none;}
div#body div.homeRight div.homeblog .blogcopy {font:11px arial,verdana,sans-serif; line-height:18px;}
div#body div.homeRight div.homeblog .blogcopy a:link, div.homeblog .title a:visited, div.homeblog .title a:active {color:#222; text-decoration: none;}
div#body div.homeRight div.homeblog img {width:55%; height:auto; float:left; padding:5px 5px 5px 0;}
 
div#body div.homeRight div.happening {height:290px; margin:0 0 20px 5px; padding:0;}
div#body div.homeRight div.happening .item {background:#C3CEDE; width:200px; height:250px; margin:15px 11px 0; padding:10px; float:left;}
div#body div.homeRight div.happening .item .title {margin:0; padding:0 3px 0; font:bold 16px arial,verdana,sans-serif; line-height:18px; text-align:center; text-transform:uppercase;}
div#body div.homeRight div.happening .item .title a:link, .item .title a:visited, .item .title a:active {color:#222; text-decoration: none;}
div#body div.homeRight div.happening .item .item-copy {font:bold 12px arial,verdana,sans-serif; line-height:14px; padding:0 3px; text-align:center;}
div#body div.homeRight div.happening .item .item-copy a:link, .item .title a:visited, .item .title a:active {color:#222; text-decoration: none;}
div#body div.homeRight div.happening .item .img {background:#FFF; width:200px; height:200px; float:left; margin:0 0 6px; padding:0;}

/* FESTIVAL SPOTLIGHT SERIES */

div#body div.spotlight {width:100%; margin:0; padding:0;}
div#body div.spotlight a {color:#003366;}
div#body div.spotlight a:hover {color:#FF9900;}
div#body div.spotlight div.block {width:452px; margin:0 25px 5px 0; padding:0; float:left;}
div#body div.spotlight .img {width:452px; height:275px; margin:0 0 10px; padding:0;}
div#body div.spotlight div.block div.inner-block {background:#DFE0E0; position:relative; padding:5px 12px 20px;}
div#body div.spotlight div.block div.inner-block .block-header {color:#FF9900; font:24px arial black,helvetica,sans-serif; text-decoration:none; line-height:26px;}
div#body div.spotlight div.block div.inner-block .block-header a {color:#FF9900; font:24px arial black,helvetica,sans-serif; text-decoration:none; line-height:26px;}
div#body div.spotlight div.block div.inner-block .block-header a:hover {color:#003366; text-decoration:none;}
div#body div.spotlight div.block div.inner-block div.copy {font-size:13px; color:#003366; padding:5px 0 0;}

div#body div.spotlight div.block2 {width:926px; margin:0 0 5px 0; padding:0;}
div#body div.spotlight .img2 {width:926px; height:275px; margin:0 0 10px; padding:0;}
div#body div.spotlight div.block2 div.inner-block {background:#DFE0E0; position:relative; padding:5px 12px 20px;}
div#body div.spotlight div.block2 div.inner-block .block-header {color:#FF9900; font:24px arial black,helvetica,sans-serif; text-decoration:none; line-height:26px;}
div#body div.spotlight div.block2 div.inner-block .block-header a {color:#FF9900; font:24px arial black,helvetica,sans-serif; text-decoration:none; line-height:26px;}
div#body div.spotlight div.block2 div.inner-block .block-header a:hover {color:#003366; text-decoration:none;}
div#body div.spotlight div.block2 div.inner-block div.copy {font-size:13px; color:#003366; padding:5px 0 0;}

/* div#body div.spotlight {width:100%; margin:0; padding:0;}
div#body div.spotlight div.left {width:437px; margin-right:25px; float:left;}
div#body div.spotlight div.right {width:437px; float:left;}
div#body div.spotlight .info {background:#DFE0E0; margin-top:10px; padding:7px 10px 12px;}
div#body div.spotlight .info .title a:link {color:#003366; font-size:18px; line-height:22px; text-decoration:none;}
div#body div.spotlight .info .title a:hover {color:#FF9900;}
div#body div.spotlight .info .artist {color:#FF9900; font-weight:bold; font-size:14px; line-height:18px;} */

/* MEMBERSHIP PAGES STYLING */

div#membership {background:url(/img/member-bg.jpg) no-repeat; width:950px; height:505px; display:block; margin:0; padding:0;}
div#membership .leftside {width:360px; height:375px; float:left; position:relative; top:105px; left:0;}
div#membership .leftside .text {margin:0; padding:0; font:12px arial,helvetica,sans-serif; position:relative; top:15px; left:30px;}
div#membership div.page-header { color:#34597A; font:24px arial,verdana,sans-serif;}
div#membership .rightside {width:370px; height:375px; float:left; position:relative; top:105px; left:0;}
div#membership .rightside .text {margin:0; padding:0; font:12px arial,helvetica,sans-serif; position:relative; top:15px; left:30px;}
div#membership ul {text-indent:0; margin:12px 0;}
div#membership li {list-style-type:disc; margin:5px 0 0 1.2em;}

div#membership div.form {width:800px; margin:0; padding:0; font-size:11px;}
div#membership div.form div.left {width:100px; margin:7px 0 0; padding:0; float:left;}
div#membership div.form div.right {margin:7px 0 0; padding:0;}
div#membership div.form .form-field {font:11px arial,helvetica,sans-serif; width:200px;}

/* LAB PAGES STYLING */

div#lab {background:url(/img/body-bg.gif) repeat-y 0 0; width:775px; margin:0; padding:10px 35px 200px 15px; font:12px arial,verdana,sans-serif; line-height:18px;}
div#lab div.top {width:770px; height:51px; margin:0 0 12px; padding:0;}
div#lab div.lside {width:170px; margin: 0 15px -1200px 5px; padding:0 0 1200px; float:left;}
div#lab p {margin-top:12px;}
div#lab div.lside .lside {color:#003471; font:bold 11px arial,verdana,sans-serif; text-decoration:none; text-transform:uppercase; line-height:16px;}
div#lab div.lside .lside:hover {color:#E53517;}
div#lab div.lside .lside2 {color:#E53517; font:bold 10px arial,verdana,sans-serif; text-decoration:none; line-height:16px;}
div#lab div.lside .lside2:hover {color:#003471;}
div#lab div.right {width:585px; height:100%; float:left; padding:2px 0 0;}
div#lab div.right div.top {width:585px; height:250px; margin:0; padding:0;}
div#lab div.right div.bottom {margin:10px 0 0; padding:0;}
div#lab div.page-header { color:#003471; font:bold 26px arial,verdana,sans-serif;}
div#lab ul {text-indent:0; margin:12px 0;}
div#lab li {list-style-type:disc; margin:7px 0 0 2.2em;}
div#lab div.page-header {color:#003471; font:bold 22px arial,verdana,sans-serif;}
div#lab div.subheader {color:#003471; font:18px arial,verdana,sans-serif; line-height:22px;}
div#lab div.subheader-blk {color:#222; font:18px arial,verdana,sans-serif; line-height:22px;}
div#lab .smalltext {font:11px arial,verdana,sans-serif; line-height:18px;}
div#lab div.divider {border-top:1px dashed #333; margin:24px 0 18px;}

/* SUPPORT PAGES - DCL */

.tabLeft { width: 200px; float: left; margin: 10px; }
.tabRight { width: 445px; float: left; margin: 10px; }
.formLabel { width: 145px; float: left; margin-top: 4px; }
.formField { width: 295px; float: left; margin-top: 4px; }
.subheader { font-weight: bold; font-size: 22px; color: #FF9900;}
.formLabel b { font-weight: normal; } /* ignore b tags in form labels */

/* PAGE TABS */
	
ul#tab-container-1-nav {background:url(/img/pixel.gif) bottom left repeat-x; width:100%; margin:0; padding:0; list-style-type:none; float:left;}
ul#tab-container-1-nav li {margin:0; list-style-type:none; float:left; margin-right:2px; font:bold 12px arial,helvetica,sans-serif;}
ul#tab-container-1-nav a {background:#2F5779; padding:5px 3%; list-style-type:none; float:left; display:block; border:1px solid #2F5779; border-bottom:0; color:#FFF; text-decoration:none;}
ul#tab-container-1-nav a:hover {background:#2F5779; color:#FF9900;}
ul#tab-container-1-nav a.active {background:#DFE0E0; padding-bottom:5px; cursor:default; color:#003366;}
.tab {background:#DFE0E0; clear:left; margin:0; padding:20px 12px 6px; border:1px solid #2F5779; border-top:0; position:relative; top:-12px;}

/* PRESS BLOCKS */

.pressProduction {width:182px; height:160px; padding:10px 0; float:left;text-align:center;}
#pe_multiple_choice_poll_66755 .peWidget .peHeader .peTitle {font-size:1.2em; font-weight:bold; padding:1em 1em 0; text-align:left;}

/* FOOTER STYLING */

div#foot {width:950px; margin:0 auto; padding:25px 0 20px 15px; color:#666; font:bold 10px arial,helvetica,sans-serif; line-height:18px; text-align:center;}