@charset "UTF-8"; 
/* University of Minnesota WEB TEMPLATE STYLESHEET */
/* FEBRUARY 2009 : UNIVERSITY RELATIONS*/

html {background: #fff url(../../assets/img/bg.gif) repeat-x ;}
* html {background: #fff;}

/*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; 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("http://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("http://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("http://assets.cla.umn.edu/common/images/btn_myu.gif") top left no-repeat;}
div#search_nav a#btn_onestop {width: 73px; background: transparent url("http://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("http://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:0 auto; width: 960px;}

#bg264 {background: #fff; float: left; padding-bottom:14px;}
#bg273 {background: #fff; float: left; padding-bottom:14px;}
#bg210 {background: #fff; float: left; padding-bottom:14px;}
#bg354 {background: #fff; float: left; padding-bottom:14px;}


.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: 780px;}
.container_12 .grid_9 {width: 720px;}
.container_12 .grid_10 {width: 800px;}
.container_12 .grid_11 {width: 880px;}
.container_12 .grid_12 {width: 955px;}

.alpha {margin-left: 0;}
.omega {margin-right: 0;}
	
/* Removes the space around the header graphic */
#nospace {margin: 0; width:300px;  height:63px; float:left; display:block; margin-top:-66px;}
*html #nospace {margin: 0; width:300px;  height:50px; float:left; display:block; margin-top:-70px;}
.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,h3,h4,h5,h6 {padding-left: 14px; padding-right: 14px; display:block; clear:both;}
h2 { padding-right: 14px;}

p {padding-bottom: 6px;}

/* LEFT COLUMN -- values are for a two-grid navigation */
#viral {float: right; margin-top: 10px; width:55px; height:15px;}
#viral img {padding: 0 2px;}
ul.main_nav { margin-left: 300px; margin-top:10px; z-index:1; float:left; width:580px; display:block; clear:both;}
*html ul.main_nav { margin-left: 150px; margin-top:25px; }
ul.main_nav li {display:block;float:left;height:25px;text-align:center;list-style: none;}
ul.main_nav li a {display: block; border-right:solid #FFF 1px; font-size:131%; color: #fff; font-weight:normal; text-align:center; text-decoration: none; padding:0 14px;}
ul.main_nav li a#nav7 {display: block; border-right:none; font-size:131%; color: #fff; font-weight:normal; text-align:center; text-decoration: none; padding-right:0;}
ul.main_nav li a#nav7:hover {color: #edc23b;}
ul.main_nav li a:hover {color: #edc23b;}
ul.main_nav li li a {font-weight: normal; }
hr.mainnav {border: none 0; border-bottom: 3px solid #e4e4e4; margin-top: 0;}
#search {margin-left:14px;}
#search input.button {background-image:url(../../assets/img/searchbox.jpg); background-repeat:no-repeat; border:none; background-color:#FFF; height:23px; width:71px; margin-left:35px;}
#search input.button_home {background-image:url(../../assets/img/searchbox.jpg); background-repeat:no-repeat; border:none; background-color:#FFF; height:23px; width:71px; margin-left:0;}

ul.main_nav li a {background-color:transparent;}
.main_head {background:#3B3B3B none repeat scroll 0 0;height:63px;margin-top:28px;margin-bottom:0;}
* html .main_head {height:53px;margin-top:20px;width:960px;}


/* CENTER COLUMN */
#maincontent {-webkit-text-size-adjust: 155%; background-color:#FFF; width:800px; margin-top:14px;}
span.breadcrumb {font-size: .85em; display:block; width: 956px; margin: 0; padding: 0 2px; background-color:#d6d6d6; }
#maincontent ul.claBlog {margin: 0; padding: 0;}
#maincontent ul.claBlog li {margin: 0 0 1.5em 0; padding: 0; list-style: none;}
#maincontent ul.claBlog li span.claBlogEntryDate {display: block; padding: 0 14px 0; color: #666; font-style: italic; width: 20px;}
#maincontent2 {width: 580px; padding: 10px;}
#maincontent3 {width: 760px; padding: 10px;}
#recent_articles #recent_articles_left {float:left; width: 405px; margin: 10px 0 0 0 ;}
#recent_articles #recent_articles_left h1 {font-weight: bold; line-height:1; margin:0;}
#recent_articles #recent_articles_left h1#articleDate {font-size:145%; font-weight: bold; line-height:1.4; margin:0;}
#recent_articles #recent_articles_right {float:left;
margin:10px 0 0 20px; width: 255px;}
#allofit {float:right; width: 276px;margin-top:0; display:block;margin-bottom:25px; height:330px;}
#allofit a {width: 276px;}
#recent_articles {float:right; line-height:1; width:680px; padding-top: 10px; display:block;}
#rightnow { margin: -100px 0 30px 70px; text-align:center;}
#rightnow a{ text-decoration:none;}
#columnists {float: left; width: 574px; clear:both; display:block; }
.columnist .columnistTitle { color:#111; line-height:1; margin-bottom: 0;}
.columnist h3.columnistTitle  {padding:0;}
.columnist h3.columnistTitle a {text-decoration:none;}
.columnist h4{ line-height:1; margin-top:0;}
.columnist h4#date{ color: #072b43;}
#top {width:960px; }
#homebottom {width: 960px; clear: both;}


/* RIGHT COLUMN */
#rightcontent {overflow: hidden; width:200px; padding-top: 10px;}
#rightcontent h2 {font-size: 123.1%;}
#rightcontent h3 {font-size: 100%;}
#rightcontent p {font-size: 93%;}
#rightcontent ul.cla_rss_ul, #rightcontent ul.cla_rss_ul ul {margin: .9em 7px 0;}
#rightcontent ul.cla_rss_ul li {margin: 0; padding:0; list-style: none;}
#rightcontent img {margin-bottom:14px;}
#home_right {margin-top:-14px;}
#home_right, #homeright {float: right; width: 350px;}
#monthly {float: right; width: 350px; margin-bottom:10px; background-image:url(../../assets/img/monthlyMeat.jpg); text-align:center; margin-top:10px;d-repeat:no-repeat;}
#monthlyBunBottom { height: 7px; vertical-align:bottom; background-image:url(../../assets/img/monthlyBunBottom.jpg); background-repeat:no-repeat;}
#monthlyBunTop { height: 7px; vertical-align:bottom; background-image:url(../../assets/img/monthly.jpg); background-repeat:no-repeat;}
#monthly_text {padding-top:8px; font-size:116%}

/* UNIT FOOTER */

#unit_footer { 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; }
* html #unit_footer { font-size:88%; }
#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; line-height:1.4; }
* 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; }
#footer_grey {background-color:#CCC; height:100px; margin-top:-100px; z-index:-1; color:#ccc;}
div#dislocatefoot {background-color: #3b3b3b; width:960px;}
.foot_float_left {float:left; color: #fff;  margin:14px; background-color:#3B3B3B;}
#foot_float_left_first {padding-right:40px;background-color:#3B3B3B;}
.foot_float_left_inside {float:left; color: #fff;  margin: 14px 35px; background-color:#3B3B3B;}
.foot_float_left a, .foot_float_left li h4, .foot_float_left_inside a, .foot_float_left_inside li h4 {color: #fff; text-decoration:none;}
.foot_float_left a:hover, .foot_float_left_inside a:hover {text-decoration:underline;}
.foot_float_left_inside ul li, .foot_float_left ul li {color:#aaa;}
.foot_float_left li h4, .foot_float_left_inside li h4 {padding: 0;}
/* =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;}

.masthead_td  {background-color:#f1f4e8; border:solid #FFF;}
table {
	border:none;
	table-layout:auto;
	width: 560px;
}
* html table {width:550px;}
table td {background:none; border:none;}
table tr {background:none; border:none;}

#maincontent ul.claBlog {
padding: 0 14px;	
}
ul.claBlog p, ul.claBlog h2, ul.claBlog h3 {
margin-left:0;
padding-left:0;
}

input {
margin-bottom:5px;	
}
#secondarynav { width: 150px; }
#secondary_nav { padding-top: 10px;}
#secondary_nav a {text-decoration: none; font-size:110%; padding-left: 14px; font-weight:bold;}

.rightBox {
width:150px;
float:right;
border:1px #000 solid;
margin-right:14px;
padding:14px;
margin-bottom:14px;
}
.rightBox h2 {
padding:0;
font-size:16px;
font-weight:bold;
margin:0;
}

.float_left {float:left; padding: 0 15px 3px 0; clear:both; }
.padding_left {margin-left:14px;}

/* blogs */


#top #recent_articles #recent_articles_right .claBlogEntryBlurb + p,
#top #recent_articles #recent_articles_right .claBlogEntryBlurb p:first-child  {display: inline;}

#recent_articles_right .claBlogEntryBlurb,
#recent_articles_right li:first-child,
.recent_articles .claBlogEntryBlurb,
#recent_articles_right .claBlogEntryBlurb,
#columns_culture .claBlogEntryBlurb,
.claBlogEntryTitle span, #whats_going_on .claBlogEntryBlurb 

{display:none;}



.columnist {clear:both;height:130px;margin:10px 0;}
.columnist .columnist_text {float:left; width:455px;}
.columnist .columnist_img {float:left; width:114px; height:130px;}
 
.recent_articles .claBlog li,  #whats_going_on .claBlog li,  #columns_culture .claBlog li {list-style-type:none; padding-left:0;}
		#recent_articles_right p, #recent_articles_right h4.claBlogEntryTitle {padding: 0;}

/* #whats_going_on ul.claBlog, ul.claBlog h4.claBlogEntryTitle, .recent_articles .claBlog li, #whats_going_on .claBlog li,
#recent_articles_right .claBlogEntryDate,  .recent_articles .claBlogEntryDate, #recent_articles_right .claBlogEntryContinueReadingLink {margin-left:0; padding-left:14px;}*/

#whats_going_on .claBlogEntryDate, #whats_going_on .claBlogEntryContinueReadingLink, .recent_articles .claBlogEntryDate, .recent_articles .claBlogEntryContinueReadingLink, #columns_culture .claBlogEntryContinueReadingLink, #columns_culture .claBlogEntryDate {margin-left:0; padding-left:14px;}
#rightcontent .recent_articles ul li {padding-left:0;}

.claBlogEntryBlurb p, .in_print h3 { padding-right:0;}
#recent_articles_right li {margin-bottom:10px;}
* html body #recent_articles_right li {margin:0; padding:0;}
#recent_articles_right a#all_articles {padding-left:2px;}
.columnist img.mt-image-left {display:none;}
h4.claBlogEntryTitle {padding-top:5px; line-height:1.1;}
.claBlogEntryDate {display:block;}
span.pub{font-style:italic;}
strong span.pub{font-style:italic;font-weight:bold;}
.claBlogEntryBlurb img  { max-width: 140px;}
.in_print{height: 130px; padding-top:5px; padding-left:14px;}
#print_support .in_print a{font-size:1.2em;font-weight:bold;}
.in_print a{font-size:1em;font-weight:bold;}

 ul.claBlog li { margin-bottom:5px;}
#recent_articles_right ul.claBlog li span.claBlogEntryDate {font-size: 97%;}