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


/*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; background-color:#FFFFFF; width:960px; float:right; margin-right:26px;}
  * html #campus_links { margin-right:13px; }
#campus_links a { text-decoration:none; border-bottom:1px solid #c2a9ae; }
#campus_links a:hover { color:#666666; border-bottom:1px solid #666666; }
#campus_links ul { margin:0; }
#campus_links ul li { display:inline; padding-right:10px; }
.campus { color:#000000; }
.jump { margin:0; float:left; display:none; }

/*TEMPLATE HEADER*/
#header { height:63px; background:#7a0019 url(../../assets/img/bg_header.gif) top left repeat-x; border-bottom:1px solid #48000f; width: 560px; margin-left:26px; overflow:hidden;}


/*SEARCH AREA IN TEMPLATE HEADER*/
#search_area { width:400px; float:left; background:#7a0019 url(../../assets/img/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(../../assets/img/btn_myu.gif) top left no-repeat; }
div#search_nav a#btn_onestop { width:73px; background:transparent url(../../assets/img/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(../../assets/img/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:0.85em; color:#666666; 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; /* border-bottom:3px solid #e4e4e4; */ margin-left:auto; margin-right:auto; float:left; width:1012px; padding:0; background:url("../../assets/img/bgContainer.gif") repeat-y; }

#bg264 { background-color: #ffffff; background-repeat: repeat-y; float: left; background-image: url("../../assets/img/bg_2.6.4.gif"); }
#bg273 { background-color: #ffffff; /* background-image: url(../../assets/img/bg_2.7.3.gif); background-repeat: repeat-y; margin-left:-26px;*/ }
#bg210 { background-color: #ffffff; /*background-image: url(../../assets/img/bg_2.10.gif); background-repeat: repeat-y; */ float: left; /*margin-left:-26px;*/}
#bg354 { background-color: #ffffff; background-image: url(../../assets/img/bg_3.5.4.gif); background-repeat: repeat-y; */ float: left; }


.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: 190px; background: transparent;}
.container_12 .grid_4 {width: 320px;}
.container_12 .grid_5 {width: 400px; margin-right: 26px;}
.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: 750px;}
.container_12 .grid_11 {width: 880px;}
.container_12 .grid_12 {width: 1012px; margin-left:26px;}

.alpha {margin-left: 26px;}
.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 */
h1,h2,h3,h4,h5,h6 { padding-left:18px; padding-right:12px; }
p,object embed { margin-left:18px; margin-right:12px; margin-bottom:10px; }

/* Styles headings on the home page to be the same size as those on secondary pages. */
h2.home { font-size:161%; }
h3.home { font-size:138.5%; color:#7a0019; font-style: normal; font-weight: normal; }

/* Styles for left navigation */
#main_nav_2 { margin:0 10px 10px 26px; line-height:16px; width:200px; background:url("../../assets/img/navTop.gif") no-repeat /* #83bee3;*/ }
#main_nav_3 { margin:10px 0 10px 10px; line-height:16px; width:230px; }
ul.main_nav { margin-top:45px; margin-bottom:15px; text-align:center; }
ul.main_nav li {font-family:Georgia, "Times New Roman", Times, serif; color:#003252; font-size:14px; display:block; margin-top: 5px; }
  * html ul.main_nav li { margin-top:-10px; }
ul.main_nav li a { color:#003252; text-decoration:none; padding:5px 0 5px 0; display:block; }
ul.main_nav li a:link { text-decoration:none; color:#003252; }
ul.main_nav li a:hover { color:#7a0019; background:#ffde7a; }
ul.main_nav li a:active { color:#362f2d; }
ul.main_nav li.active a { font-weight:bold; background:#b9dbf0; display:block; }
ul.main_nav li.active a:hover { color:#7a0019; background:#ffde7a; }
ul.main_nav li.active li a { font-weight: normal; }
ul.main_nav li li { margin:0; }
  * html ul.main_nav li li { width:200px; margin:-3px;}
hr.mainnav { border:none 0; border-bottom:3px solid #e4e4e4; margin:10px 0 20px 0px; }
.relatedlinks { font-size:111%; font-weight:bold; margin-left:-10px; }

/* Removes link lines and other unsightly blemishes */
.noline { text-decoration: none; }

/*FOOTER*/
#footer_inner { padding:5px 0 1px; font-size:85%; width:560px; background:#FFFFFF; margin-bottom:0; }
  * html #footer_inner { padding-bottom:.6em; }
.copyright { float:left; margin-left:10px; }
#footer_right{ font-size:90%; padding:5px 0 1.05em; float:right; width:400px; text-align:right; background:#FFFFFF; margin-right:26px; }
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:link { color:#7a0019; }
ul.footer_links li a:visited { color:#900021; }
ul.footer_links li a:hover { color:#666666; border-bottom:1px solid #666666; }
ul.footer_links li a:active { color:#666666; }

/*OPTIONAL UNIT FOOTER*/
#unit_footer { font-size:90%; border-bottom:3px solid #e4e4e4; padding:5px 0 0 0; line-height:20px; width: 960px; }
#unit_footer1 { font-size:90%; border-bottom:3px solid #e4e4e4; padding:5px 0 0 0; /*background-color: #e4e4e4;*/ line-height:20px; width:960px; }
#unit_footer2 { font-size:90%; border-bottom:3px solid #e4e4e4; border-top:3px solid #e4e4e4; padding:5px 0 0 0; background-color:#ffffff; line-height:20px; width:960px; }
#unit_footer2 a.clalogo { display:block; float:left; margin:5px 10px; }

/* set the float to left for left-aligned links, or right for right-aligned links*/
ul.unit_footer_links { float:right; padding:0 7px; }
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:link { color:#7a0019; }
ul.unit_footer_links li a:visited { color:#900021; }
ul.unit_footer_links li a:hover { color:#666666; border-bottom:1px solid #666666; }
ul.unit_footer_links li a:active { color:#666666; }

.acronym_border { border-bottom-style:none; }

/* CLA STYLES */

#search { font-size:90%; margin-left:4px; }
#search input.button { margin:0; padding:0; }
p.breadcrumb { margin:0; font-size:77%; background:url("../../assets/img/bgBreadcrumb.gif") no-repeat; dispay: block; width:726px; height:19px; padding-top:7px; padding-left:18px; padding-right:12px; padding-bottom:5px; }
table { margin:8px 12px 10px; }
td { padding:3px 4px; border:1px solid #ccc;}
th { padding:3px 4px; border:1px solid #bbb; background:#ddd; }
#maincontent ul.cla_rss_ul, #rightcontent ul.cla_rss_ul, #maincontent ul.cla_rss_ul li, #rightcontent ul.cla_rss_ul li, #maincontent ul.cla_rss_ul ul, #rightcontent ul.cla_rss_ul ul { list-style-type:none; margin-left:3px; padding-left:0; }

/* VG STYLES */

html { background:#ebebeb; }
.main_head { margin-left:26px; }
#topHead { background:url("../../assets/img/bgBody.gif") no-repeat; width:1012px; height:91px; }
#bottom { background:url("../../assets/img/bottomContainer.gif") no-repeat scroll 0 0; display:block; width:1012px; height:26px; }
#contentBottom { background:url("../../assets/img/contentBottom.gif") no-repeat scroll 0 0; display:block; width:1012px; height:26px; margin:0; padding:0; }
.hrNavBottom{ display:block; width:200px; height:34px; margin:0 0 20px 0; }
.hrMainContent{ display:block; width:750px; height:43px; background:url("../../assets/img/hr.gif"); margin:0 auto 20px auto; }
.backToTop{ margin-left:524px; font-size:12px; font-family:Arial, Helvetica, sans-serif; }
#rightContent{ display:block; width:200px; float:right; background:url("../../assets/img/rightContentTop.gif") no-repeat #ffeaa8; margin-left:25px; margin-right:15px; margin-bottom:25px; padding-top:44px; }
  * html #rightContent { margin-right:7px; overflow:hidden; }
#rightContentBottom {background:url("../../assets/img/rightContentBottom2.gif") no-repeat; display:block; width:200px; height:35px; margin-left:auto; margin-right:auto; margin-top:10px; }

  * html #rightContentBottom { margin-bottom:-5px; }
#rightContentBottom2{ background:url("../../assets/img/rightContentBottom2.gif") no-repeat; display:block; width:200px; height:34px; margin-left:auto; margin-right:auto;margin-top:10px; }
#rightContent h2{ background-image:none; margin:0; }
  * html #rightContent h2{ width:176px; }
#profileImg{ margin:0 auto 10px; width:180px; }
#profileImg img{ max-width:180px; margin:0 auto 5px; }
  * html #profileImg img{ max-width:180px; width:expression(this.width > 180 ? "180px" : this.width); }
blockquote{ width:460px; margin-top:40px; margin-bottom:30px; }
blockquote p{ font-style:italic; }
blockquote p:first-letter { font-family:Georgia, "Times New Roman", Times, serif; font-size:5em; color:#83bee3; }
  * html blockquote p:first-line { line-height:.75em; }
.artistImg { float:right; clear:right; text-align:center; margin:0 15px 10px 10px; }
.artistImg img{ max-width:100px; margin:0 auto 5px; }
  * html .artistImg img{ max-width:100px; width:expression(this.width > 100 ? "100px" : this.width); }
.artistImgW { float:right; clear:right; text-align:center; margin:5px; }
.artistImgW img{ max-width:150px; margin:0 auto 5px; }
  * html .artistImgW img{ max-width:150px; width:expression(this.width > 150 ? "150px" : this.width); }
.hrRightContentBottom{ margin-bottom:20px; }
  * html #maincontent { overflow:hidden; }
#maincontent ul li,ol li { margin-left:20px; }
#rightContent ul li { margin-left:17px; }

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

/* 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; }

div.hrNavBottom {background:url("../../assets/img/navBottomHR.gif") no-repeat;}
hr.artistSeparator {background:url("../../assets/img/rightContentHRbottom.jpg") no-repeat; height:34px; width: 200px; border: 0;}