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

html { background: #f7cb62; }

/*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;color: #7a0019; }
#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-left: auto; margin-right: auto; float: left; width: 100%; }

#bg264 { background: #fff url("http://assets.cla.umn.edu/common/images/bg_2.6.4.gif") repeat-y; float: left; }
#bg273 { background: #fff url(../../assets/img/bg.gif) repeat-y; float: left;}
#bg210 { background: #fff url("http://assets.cla.umn.edu/common/images/bg_2.10.gif") repeat-y; float: left; }
#bg354 { background: #fff url("http://assets.cla.umn.edu/common/images/bg_3.5.4.gif") 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: 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 { padding-bottom: 6px; }

/* LEFT COLUMN -- values are for a two-grid navigation */
#main_nav_2 {width: 170px;background: #f7cb61;}
ul.main_nav { padding:4px 0;background: #f0aa30; }
ul.main_nav li { margin: 0px; margin: 6px 0;}
ul.main_nav li a { display: block; background: url(../../assets/img/nav.gif); color: #7a0019; width: 167px; padding: 1px 3px 0 0;color: #fff; text-decoration: none; text-align: right;}
ul.main_nav li a:hover { color: #fff; background: #87c1b1; }
ul.main_nav ul  { margin: 0; }
ul.main_nav li li a { font-weight: normal; background: #87c1b1; color: #000;}
ul.main_nav li li a:hover{background:#f7cb61;color: #000;}
#search { margin: 12px; }
#search input.button { font-size: 92.5%; width: 120px; margin-top: .2em; }

/* CENTER COLUMN */
#maincontent { -webkit-text-size-adjust: 155%; width: 582px; margin: 0 14px;}
p.breadcrumb { margin-bottom: 8px; font-size: 88%; margin-top: 10px; }
#fac_exp_img { margin-left:12px;	float:right; }
#maincontent ul.claBlog {margin: 0;padding: 0;}
#maincontent ul.claBlog li {list-style: none;margin: 0; padding: 0;}
#maincontent #eventFeed ul li {list-style: none;margin: 0; padding: 0;}
#maincontent #eventFeed ul {margin: 0;padding: 0;}
#maincontent #eventFeed li.cla_rss_location {margin-bottom: 10px;}
span#alternativeOutputFormats img {float: left; margin-right: 5px;}


/* RIGHT COLUMN */
#rightcontent { width: 180px;}
#newOpp {background: url(../../assets/img/newopp.gif); width: 180px; height: 28px; display:block;}
span.hidden{display: none;}
#rightcontent h3 { font-size: 95%; color: #000; font-weight:bold; background: #d0e5bf; margin: 0;padding: 3px 0 0 3px;border-bottom: dashed 1px #000; margin: 0;}
#rightcontent p { font-size: 93%; margin: 0; padding: 3px 0 3px 3px;}
#rightcontent ul.claBlog {margin: 0;padding: 0;}
#rightcontent ul.claBlog li {list-style: none;margin: 0; padding: 0;}
#rightcontent a {color: #fff;}
#rightcontent a:hover{color: #3B4A46;}
img.featureImg {margin: 0; padding: 0;}
span.featureImgCap {background: #d0e5bf; margin: 0;border-bottom: dashed 1px #000; padding: 3px 0 0 3px; width: 177px;float: left;}
* html span.featureImgCap {margin-top: -2px;}

/* UNIT FOOTER */
#unit_footer { font-size: 90%; border-bottom: 3px solid #e4e4e4; padding: 20px 0 8px 0; background-color: #fff; line-height: 20px; width: 960px; -webkit-text-size-adjust: none; background: #fff url(../../assets/img/foot.gif) no-repeat; height: 16px; width: 960px;}
#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 5px; }
* html body ul.unit_footer_links { padding: 0 3px; }
ul.unit_footer_links li { display: inline; padding: 3px 4px 3px 0; }
* html ul.unit_footer_links li { padding: 3px 2px 3px 0; }
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; border-bottom: 8px solid #f0aa30;height: 60px;}
* 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; border-bottom: 8px solid #f0aa30;height: 49px;}
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
--------------------------------------------------------------------------------*/

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

ul.rightNav {
	background:#E92A20;
	padding:10px 5px;
	width:125px;
	float:right;
}
#maincontent ul.rightNav li {
margin-bottom:7px;	
line-height:13px;
list-style-type:none;
}
ul.rightNav li a {
color:#FFF;	
}