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

html {background:#FFF;}
#templatecontainer {margin-left: 4px; width: 960px; padding-left:12px;}

/*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;
position:relative;
z-index:10;

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


.rightphoto {
	float:right;
	margin-top: -135px;
	position:relative;
	z-index: -10;

}

/* 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-right: 14px;}
p {padding-bottom: 6px;}

/* LEFT COLUMN -- values are for a two-grid navigation */
#main_nav_2 {
	width: 210px;
	padding-top: 12px;
	}
	
ul.main_nav {margin-bottom: 0;}

ul.main_nav li {margin: 0;}

ul.main_nav li a#about {display: block; color: #243272; width: 210px; height:62px; padding: 7px 8px 0 8px; font-weight: bold; text-decoration: none; background-image:url(../../assets/img/about2.png); background-repeat:no-repeat; margin-top:-24px; z-index:-1}

ul.main_nav li a#contact {display: block; color: #243272; width: 210px; height: 46px; padding: 7px 8px 8px; font-weight: bold; text-decoration: none; background-image:url(../../assets/img/contact3.png); background-repeat:no-repeat; margin-top:-24px; z-index: 1}

ul.main_nav li a#funding {display: block; color: #243272; width: 210px; height: 56px; padding: 7px 8px 8px; font-weight: bold; text-decoration: none; background-image:url(../../assets/img/funding.png); background-repeat:no-repeat; margin-top:-36px; z-index: 2}

ul.main_nav li a#outreach {display: block; color: #243272; width: 210px; height: 48px; padding: 7px 8px 8px; font-weight: bold; text-decoration: none; background-image:url(../../assets/img/outreach.png); background-repeat:no-repeat; margin-top:-30px; z-index: 3}

ul.main_nav li a#news {display: block; color: #243272; width: 210px; height: 45px; padding: 7px 8px 8px; font-weight: bold; text-decoration: none; background-image:url(../../assets/img/news.png); background-repeat:no-repeat; margin-top: -30px; z-index: 4}

ul.main_nav li a#programs {display: block; color: #243272; width: 210px; height: 53px; padding: 7px 8px 8px; font-weight: bold; text-decoration: none; background-image:url(../../assets/img/academic.png); background-repeat:no-repeat; margin-top:-30px; z-index: 5}

ul.main_nav li a#language {display: block; color: #243272; width: 210px; height: 51px; padding: 7px 8px 8px; font-weight: bold; text-decoration: none; background-image:url(../../assets/img/language2.png); background-repeat:no-repeat; margin-top:-30px;ss z-index: 6}

ul.main_nav li a#library {display: block; color: #243272; width: 210px; height: 42px; padding: 7px 8px 8px; font-weight: bold; text-decoration: none; background-image:url(../../assets/img/library2.png); background-repeat:no-repeat; margin-top:-34px; z-index: 7}



ul.main_nav li a span {text-indent: -9000px; display:block;}

ul.main_nav ul  {margin: -10px 0 28px 6px;}
ul.main_nav ul li {margin:0 0 8px;}
#europeNews ul.main_nav ul {margin: -17px 0 30px 6px}

ul.main_nav li li a {font-weight: normal; padding: 3px 12px; width: 123px; text-decoration:none;}
hr.mainnav {border: none 0; border-bottom: 13px solid #e7f3f4; margin-top: 0;}

#search {
	width: 193px;
	height: 26px;
	position: relative;
	float:left;
	text-align: right;
	margin-bottom: 50px;
	}
	
#search input.box {
	margin: 25px 4px 2px 6px;
	padding: 0 0 0 15px;
	height: 29px;
	width: 195px;
	border: solid 0 #fff;
	color: #265158;
	left: 25px;
	top:630px;
	padding: 3px 0 3px 15 px;
	background:	transparent url("../../assets/img/searchhover.gif") no-repeat;
	}

#search input:focus.box {
	background: transparent url("../../assets/img/searchhover.gif") no-repeat;
	outline: none;
	width: 195px;
}
/*
#search input.button {
	left: 182px;
	position:absolute;
	top: 630px;
}
*/

search input.button {
	font-size: 92.5;
	margin-top: 5px;
	width: 60px;
}


#search h4 {
	margin-top: 25px;
	margin-left: 18px;
	color: #265158;
	font-size: 90%;
}



/* CENTER COLUMN */
#maincontent {
	width: 430px;	
	padding-right: 30px;
	padding-left: 30px;
	
}

* html body #maincontent {
	width: 470px;
	margin-right: 20px;
}

#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; padding: 0 14px 0; color: #666; font-style: italic;}
.cla_rss_long_descr{display:block;}


#maincontent ul.cla_rss_ul li {
	margin: 0; 
	padding:0; 
	list-style: none;
	}
#maincontent ul.cla_rss_ul li.cla_rss_a{font-weight:bold;}
#maincontentTwoColumn {
	width: 520;
	padding-right:20px;}


/* RIGHT COLUMN */
#rightcontent {
	overflow: hidden;
	width: 220px;
	padding-left: 20px;
	padding-right: 20px;
	}
#rightcontent h2 {
	background:url("../../assets/img/partnercenters.png");
	background-repeat: no-repeat;
	display:block;
	width: 260px;
	height: 56px;
	margin-left: -20px;
	margin-top: -20px;
	position:relative;
	z-index: 30;
	font-size: 123.1%; 
	color:#265158;
	}





/*#rightcontent img {
	background-repeat: no-repeat;
	display: block;
	width: 260px;
	height: 150px;
	margin-left: -20px;
	margin-top: -40px;
	z-index: 1;
}
*/




#rightcontent img.feed {
	width: 48px;
	height: 48px;
	margin-left: 0px;
	margin-top: auto;
	padding-right: 5px;
	
}
	
/*need this so that the html text for partnercenters doesn't appear over image*/	
#rightcontent h2 span {text-indent: -9000px; display:block;}

#rightcontent h3 {font-size: 110%; color: #33626B; padding-top: 20px; margin-left: -9px;}
#rightcontent p {
	font-size: 90%;
	padding-bottom: 0px;
	color: #265158;
	padding-right: 0px;
	margin-left: -9px;
	}

#rightcontent p.rss {
		padding-top:8px;
		color: #b06837;
	}

#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;}





#subscribe {
	background: none repeat scroll 0 0 transparent;
	padding: 10px 12px 8px;
}
#subscribe h2, #subscribeEvent h2 {
	h2 {padding: 0 0 3px;
	background: none;
	}
#subscribe ul {
	margin: 0;
}
#subscribe ul li, subscribeEvent ul li {
	line-height: 1em;
	list-style: none outside none;
	margin: 10px 0;
	vertical-align: middle;
}
#subscribe img {
	height: 16px;
	width: 16px;
}





/* UNIT FOOTER */	
#unit_footer {
	font-size: 90%; 
	border-bottom: 5px solid #e4e4e4; 
	background-color: #fff; 
	line-height: 20px; 
	width: 960px; 
	-webkit-text-size-adjust: none; 
	margin-bottom: -2px;
	padding-top: 5px;}
#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 {background: none repeat scroll 0 0 transparent; height: 74px; line-height: 1.6; 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 {background: none repeat scroll 0 0 transparent; float: right; font-size: 90%; height: 64px; line-height: 1.6; padding: 5px 0 13px;  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;}

#blue_footer {
	background:url(../../assets/img/bottomshadow3.png) no-repeat scroll center;
	height: 47px;
	width: 960px;
	margin-top: 18px;
	margin-bottom: -2px;
	}

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