@charset "UTF-8"; 
/* UNIVERSITY OF MINNESOTA WEB TEMPLATE STYLESHEET */
/* FEBRUARY 2009 : UNIVERSITY RELATIONS*/

html {background: #fff;}
body {margin-left: auto; margin-right: auto; width:960px;}

/*CAMPUS LINKS*/
#campus_links {font-size: 90%; line-height: 22px; color: #7a0019; text-align: right; border-bottom: 1px solid #5b0013; text-decoration: none; padding-top: 4px; -webkit-text-size-adjust: none;}
div.campus_links {background-color: #fff; width: 960px;}
.campus_links {float: right;}
#campus_links a {text-decoration:none; color:#7a0019; border-bottom:1px solid #c2a9ae;}
#campus_links a:hover {color:#444; border-bottom:1px solid #444;}
#campus_links ul {margin: 0;}
#campus_links ul li {display: inline; padding-right: 10px;}
.campus {color: #000;}
.jump {margin: 0; float: left; display: none;}

/*TEMPLATE HEADER*/
#header {height: 63px; background: #7a0019 url("https://assets.cla.umn.edu/common/images/bg_header.gif") top left repeat-x; border-bottom: 1px solid #48000f; width: 560px;}
* html #header {overflow: hidden;}

/*SEARCH AREA IN TEMPLATE HEADER*/
#search_area {width: 400px; float: left; background: #7a0019 url("https://assets.cla.umn.edu/common/images/bg_header.gif") top left repeat-x; height: 63px; border-bottom: 1px solid #48000f;}
div#search_nav {margin: 4px -2px 2px 237px;}
div#search_nav a {display: block; float: left; height: 0; padding-top: 25px; overflow: hidden; margin: 0 6px 0 0; text-decoration: none;}
div#search_nav a#btn_myu {width: 73px; background: transparent url("https://assets.cla.umn.edu/common/images/btn_myu.gif") top left no-repeat;}
div#search_nav a#btn_onestop {width: 73px; background: transparent url("https://assets.cla.umn.edu/common/images/btn_onestop.gif") top left no-repeat;}

/*SITE SEARCH FORM*/
/*KNOWN ISSUES: The search button does not align with the search field properly in Firefox 2 on Windows and Opera 9 on Mac. The text in the search field does not disappear when you click into the field in Safari.*/
/* WARNING: Getting the alignment for all parts of the search field to work on all browsers is very tricky. Be very careful if you decide to alter this CSS*/
#gsearch {width: 269px; height: 22px; background: transparent url("https://assets.cla.umn.edu/common/images/search_field.gif") top left no-repeat; margin: 0; float: left;}
#gsearch input#search_field {width:196px; background: none; border: none; margin: 4px 58px 0 0; font-size: .85em; color: #666; padding: 0;}
#gsearch label {height: 22px; line-height: 22px; color: #7a0019; font-size:0.7em;}
.search {float: right; padding: 3px 0px 0px 100px; display: inline;}
.search_btn {float: right; margin: -18px 0 0 0;}
/*Fix for Safari 3 browsers to counteract the fix below*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
.search_btn {float: right; margin: -16px 0 0 0}
}

/*Fix for Firefox 2 browsers to align search button with search field*/
.search_btn, x:-moz-any-link {float: right; margin: -16px 0 0 0;}
.search_btn, x:-moz-any-link, x:default {float: right; margin: -18px 0 0 0;}

/* For the print style sheet */
.leftprint, .rightprint {display: none;}

/* 960 GRID
--------------------------------------------------------------------------------*/
/* Change the background image to create various column separations on the page*/

.container_12 {height: 100%; clear: both; margin-left: auto; margin-right: auto; float: left; width: 100%;}

#bg264 {background: #fff url("https://assets.cla.umn.edu/common/images/bg_2.6.4.gif") repeat-y; float: left;}
#bg273 {background: #fff url("https://assets.cla.umn.edu/common/images/bg_2.7.3.gif") repeat-y; float: left;}
#bg210 {background: #fff url("https://assets.cla.umn.edu/common/images/bg_2.10.gif") repeat-y; float: left;}
#bg354 {background: #fff url("https://assets.cla.umn.edu/common/images/bg_3.5.4.gif") repeat-y; float: left;}
#white {background: #fff;}
body#level3 #main_container2 {background: #fff url("/sites/all/themes/wbaqmusic/assets/img/bg_level3.gif") repeat-y; float: left; margin-bottom: 10px;padding:0;width:960px;}
#main_container {background: #fff url("https://assets.cla.umn.edu/wbaq/common/img/bg_lines.gif") repeat-y; float: left; margin-bottom: 10px;padding:0;}


.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16 {display: inline; float: left;}

.container_12 .grid_1 {width: 80px;}
.container_12 .grid_2 {width: 160px;}
.container_12 .grid_3 {width: 240px;}
.container_12 .grid_4 {width: 320px;}
.container_12 .grid_5 {width: 400px;}
.container_12 .grid_6 {width: 480px;}
.container_12 .grid_7 {width: 560px;}
.container_12 .grid_8 {width: 640px;}
.container_12 .grid_9 {width: 720px;}
.container_12 .grid_10 {width: 800px;}
.container_12 .grid_11 {width: 880px;}
.container_12 .grid_12 {width: 960px;}

.alpha {margin-left: 0;}
.omega {margin-right: 0;}
	
/* Removes the space around the header graphic */
#nospace {margin: 0;}
.nopadding {padding: 0;}


/* BODY CONTENT
--------------------------------------------------------------------------------*/

/* Adds padding to text in columns so that text doesn't span the full width of the grid column */
p,h1,h2,h3,h4,h5,h6 {padding-left: 15px; padding-right: 15px;}
p {padding-bottom: 6px;}
 
/* Navigation, Banner */
.main_head {clear:both;height:34px;width:960px;background:#7a0019 url("https://assets.cla.umn.edu/wbaq/music/img/subpage_bar.gif");}
#home .main_head {clear:both;height:310px;width:960px;background:transparent;}
#som_wordmark,#wordmark {float:left;padding: 20px 20px 19px 0;}
#art_wordmark{padding:12px 0 11px 0;}
ul.main_nav {margin-bottom: 0;}
#nav_float{float:right;margin-top:23px;}
ul.main_nav {margin-right:-7px;}
ul.main_nav li {display:block;float:left; border-left:1px solid #bbb;}
ul.main_nav li:first-child {border-left:none;}
ul.main_nav li a {padding:4px 9px; text-transform:uppercase; color:#555; font-size:11px; text-decoration: none;}
ul.main_nav li a.active {color:#7a0019;font-weight:bold;}
ul.main_nav li a:hover {color: #000;}
ul.main_nav ul  {margin: 3px 0 0 6px;}
hr.mainnav {border: none 0; border-bottom: 3px solid #e4e4e4; margin-top: 0;}

#nav_content{float:left;width:650px;margin:0;padding:0;}

/*Grey Nav*/
#level3 #block-menu-menu-topnav {margin:0;border-top:14px solid #fff;}
#block-menu-menu-topnav h2 {display:none;}
#level3 ul.menu:first-child {margin:14px 6px;}
#level3 ul.menu {padding:0;width:149px;}
#level3 ul.menu li {list-style-image:none;list-style-type:none;margin:0;padding:0;font-size:96%;border-bottom:1px solid #fff;}
#level3 ul.menu li a {background:#d8d8d8;display:block;color:#777; text-decoration:none;line-height:1.2;}
#level3 ul.menu li a:hover {text-decoration:underline;}
#level3 ul.menu li.collapsed a,
#level3 ul.menu li.leaf a, #level3 ul.menu li a {display:none;}

/* "Primary" level 3 Navigation */
#level3 ul.menu ul li.collapsed a,
#level3 ul.menu ul li.leaf a,
#level3 ul.menu ul li a {padding:6px;display:block;color:#5a5a5a;background:#d8d8d8;}
#level3 ul.menu ul li.expanded a {color:#fff;background:#7a7a7a;}
#level3 ul.menu li.active-trail a.active {color:#fff;background:#7a7a7a;}

/* "Secondary" level 3 navigation */
#level3 ul.menu ul ul {padding-bottom:8px;background:#7a7a7a;}
#level3 ul.menu ul ul li {border-bottom:none;}
#level3 ul.menu ul ul li.expanded a,
#level3 ul.menu ul ul li.collapsed a,
#level3 ul.menu ul ul li.leaf a,
#level3 ul.menu ul ul li a {padding:3px 12px;font-size:98%;}
#level3 ul.menu ul ul li.active-trail a.active {color:#ccc;background:#7a7a7a;}
#level3 ul.menu ul ul ul, #level3 ul.menu ul ul ul ul {display:none;}
#level3.people ul.menu ul ul{display:none;}

/* CENTER COLUMN */
/*#maincontent {-webkit-text-size-adjust: 155%;}
* html body #maincontent {width: 559px;}*/
.messages.error, span.submitted{display:none;}
#maincontent ul.primary {margin:0 0 15px;padding-left:12px;}
p.intro {font-size:123.1%;color:#777;line-height:1.6;margin-bottom:20px;}
#level3 #maincontent{width:490px;border-top:14px solid #fff;}
div.messages{font-size:83%;color:#7a0019;margin-left:15px;}
#level3 div.sectionheading a {display:block;background:#fff;margin:0;padding:27px 0 10px;width:640px;border-bottom:5px solid #7a0019;text-transform:uppercase;font-size:146.5%;color:#390913;line-height:1.5;letter-spacing:1px;text-decoration:none;}
#maincontent p.breadcrumb {margin-bottom: 8px; font-size: 88%;}
#maincontent ul.claBlog {margin: 0; padding: 0;}
#maincontent ul.claBlog li {margin: 0 14px 1.5em 0; padding: 0; list-style: none;}
#maincontent ul.claBlog li span.claBlogEntryDate {display: block; margin-top: 10px; color: #666; font-style: italic;}
#maincontent ul.cla_rss_ul ul a {color: #7a0019; text-transform:none; font-weight:bold; line-height: 1.5; margin-top: .6em; text-decoration:none;}
#maincontent ul.cla_rss_ul ul a:hover {color: #000;text-decoration:underline;}
#maincontent form {margin:0 14px;}
#maincontent div.topic {height:94px;width:140px;float:left;margin:0 14px 0;overflow:hidden;}
#maincontent div.topic_desc {background:transparent url("/sites/all/themes/wbaqmusic/assets/img/level2bg.gif") repeat-x;height:85px;margin:0 12px 24px 164px;padding:2px 10px;}
#maincontent div.topic_desc p {padding:0;}
#maincontent img#fac_exp_img, #maincontent h1.fn.n {display:none;}
#maincontent div.contact_info, .curriculum_vitaes, #alternativeOutputFormats {margin-left:15px;}
#maincontent div.header_sections + br{display:none;}
.inactive_profile_warning,#maincontent #profile br,.given-name{display:none;}
div.adr span.street-address {white-space: pre;}
.contact_info .tel{text-replace: "/" "-";}

#maincontent ul.claBlog li {margin: 0 14px 1.5em 0; padding: 0; list-style: none;}

.claBlog p, .claBlog h1, .claBlog h2, .claBlog h3, .claBlog h4, .claBlog h5, .claBlog h6 {
  padding-left: 0;
  padding-right: 0;
}
#maincontent ul.claBlog, #maincontent div.claBlog {padding-left: 15px; padding-right: 15px}

/* RIGHT COLUMN */
#level3 #rightcontent {margin:0;padding:0;width:310px;float:left;}
#rightcontent h2 {font-size: 100%;;color:#000;margin-top:1.75em;}
#rightcontent h3 {font-size: 93%;}
#rightcontent h2, #rightcontent h3, #rightcontent p {padding-left:12px;padding-right:12px;}
#rightcontent #form {margin-left:12px;}
#home #rightcontent p, #home #rightcontent ul {font-size: 85%;}
#rightcontent p, #rightcontent ul {font-size: 95%;}
#rightcontent a {color:#7a0019;font-weight:bold;}
#rightcontent a:hover {color:#000;text-decoration:underline;}
#rightcontent img {border-top:12px #fff solid;border-bottom:12px #fff solid;}
#rightcontent ul {margin:6px 12px;line-height:1.8;}
#rightcontent ul.claBlog{margin-left:0;padding-left:0;}
#rightcontent ul.claBlog h3{text-transform:none;}
#rightcontent ul.cla_rss_ul, #rightcontent ul.cla_rss_ul ul {margin: 6em 7px .3em;}
#rightcontent ul.cla_rss_ul li, #level3 #rightcontent ul li {margin: 0; padding:0; list-style: none;}
#level3 #rightcontent ul.cla_rss_ul, #level3 #rightcontent ul.cla_rss_ul ul {margin:2px 6px;line-height:1.3;}
#level3 #rightcontent .monthlyevents ul.cla_rss_ul {margin:4px 12px;line-height:1.8;}
#level3 #rightcontent .cla_rss_descr, #level3 #rightcontent .cla_rss_location {display:none;}
#level3 #rightcontent .cla_rss_ul li.cla_rss_li_primary {border-bottom:0 solid #fff;text-align:left;}

/* UNIT FOOTER */
#unit_footer {margin-top:14px;font-size: 90%; border-top: 3px solid #e4e4e4; border-bottom: 3px solid #e4e4e4; padding: 5px 0 0; background-color: #fff; line-height: 20px; width: 960px; -webkit-text-size-adjust: none;}
#unit_footer a.clalogo {display: block; float: left; margin: 5px 0 0 10px;}
* html body #unit_footer a.clalogo {margin: 5px;}
ul.unit_footer_links {float: right; padding: 0 7px;}
* html body ul.unit_footer_links {padding: 0 3px;}
ul.unit_footer_links li {display: inline; padding: 3px;}
ul.unit_footer_links li a {color: #7a0019; text-decoration: none; border-bottom: 1px solid #c2a9ae;}
ul.unit_footer_links li a:hover {color: #444; border-bottom: 1px solid #444;}
.acronym_border {border-bottom-style: none;}

/* FOOTER */
#footer_inner {padding: 5px 0 2px; font-size: 90%; width: 560px; background: #fff; -webkit-text-size-adjust: none;}
* html body #footer_inner {padding-bottom: 9px;}
.copyright {float: left; margin-left: 10px;}
* html body .copyright {margin-left: 6px}
#footer_right {font-size: 90%; padding: 5px 0 13px; float: right; width: 400px; text-align: right; background: #fff; -webkit-text-size-adjust: none;}
ul.footer_links {float: right; padding-right: 10px;}
ul.footer_links li {display: inline; padding-left: 10px;}
ul.footer_links li a {color: #7a0019; text-decoration: none; border-bottom: 1px solid #c2a9ae;}
ul.footer_links li a:hover {color: #444; border-bottom: 1px solid #444;}

/* =CLEAR FLOATED ELEMENTS
--------------------------------------------------------------------------------*/

/* BLOG */
#news_page_feed h3.claBlogEntryTitle{margin:10px 0 0 0; padding:0; text-transform:none; font-size: 100%; color:#222; }
#news_page_feed .claBlogEntryBlurb p {display:inline; color:#333; padding-left:0;}
#maincontent #news_page_feed span.claBlogEntryDate {padding:0;}
h3.claBlogEntryTitle{margin:10px 0 0 0; padding:0;}
span.claBlogEntryDate {display:none;}
#middlecolumn ul.claBlog {list-style:none;list-style-image:none;margin:0 0 8px;padding:0 14px; overflow:hidden;}
#middlecolumn ul.claBlog li {list-style:none;list-style-image:none;margin:0 0 6px;padding:0;overflow:hidden;}
.slideshow ul li {list-style:none;list-style-image:none;margin:0 0 6px;padding:0;overflow:hidden;}


/* EVENTS */
.cla_rss_ul li.cla_rss_li_primary {border-bottom:solid 1px #CCC;padding:0;margin:0; }
#maincontent .cla_rss_ul li ul.cla_rss_ul_secondary { margin-left:0; padding-left:0; color: #8b8b8b;  }
#maincontent .cla_rss_ul li ul li span.cla_rss_long_descr {display:none;}
#maincontent .cla_rss_ul li.cla_rss_descr.cla_rss_location, #maincontent .cla_rss_ul li.cla_rss_date {display:inline;}
#maincontent .cla_rss_ul li.cla_rss_date:after{content: ' |';}
#maincontent ul.cla_rss_ul {margin:0 15px;}


/* http://sonspring.com/journal/clearing-floats */

html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear {background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0;}

/* http://www.positioniseverything.net/easyclearing.html: See print out of this article. This fix should not be needed with overflow: auto added to the outer div */

.clearfix:after {clear: both; content: '.'; display: block; visibility: hidden; height: 0;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

hr.red_bar {height: 5px; background-color:#660116; border:none; width:620px; margin-left:0;}
hr.events {width: 450px; height:1px; background:#ccc; border:none; margin:0 14px 8px;}
p.tickets{float:right; color:#666; text-transform:uppercase; font-weight:bold;}
p.events{float:right; color:#666; font-weight:bold; }

div.program {height:98px; width:620px;margin:0 0 10px 0;}
div.program_text {background: #fff url("/sites/all/themes/wbaqmusic/assets/img/program_gradient.jpg") repeat-x; float:left; height:98px; width: 470px;}

div.arts {height:104px; margin:12px 0 0 15px; padding:0;}
div.arts h3 {margin:0;padding:0;}
div.arts h3 a {text-decoration:none;color:#2e2e2e;margin:0;padding:0;}
div.arts h3 a:hover {color:#000;text-decoration:underline;}

div.arts_text {float:left; width: 300px;margin-left:8px;}
div.arts_text p {color: #8b8b8b;margin:0;padding:0;}

.img_float{float:left; margin-right:10px; height:98px;}

.float_right {float:right;}
#form{margin-left:15px;}
#form input{color:#666;}
#form input.btn {background-color:#390913; color:#fff; border: solid 1px #390913;font-size:87.5%;padding:2px;}