@charset "UTF-8";
/* SEPTEMBER 2010 : CLA-OIT */

html {background: #CFEBAF;}
#templatecontainer {margin: 0 auto; width: 960px;border-left:10px solid #fff;border-right:10px solid #fff;} /* center-aligned site */
/*#templatecontainer {margin: 0; width: 960px;}*/ /* left-aligned site */

/*CAMPUS LINKS*/
#campus_links {font-size: 85%; line-height: 22px; color: #7a0019; text-align: right; text-decoration: none; -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: 12px;}
.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; 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;}
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*/

#bg282.container_12 {background: #fff url("../../assets/img/container.jpg") repeat-y; clear: both; float: left; height: 100%; width: 100%;}
#bg210.container_12 {background: #fff url("http://assets.cla.umn.edu/common/images/bg_2.10.gif") repeat-y; clear: both; padding-bottom: 4px; float: left; height: 100%; width: 100%;}


.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{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
--------------------------------------------------------------------------------*/

/* LEFT COLUMN */
#main_nav_2 p {margin: 8px 0 12px;padding:0;font-size: 93%;}
#home ul.main_nav {background: transparent url("../../assets/img/homebannerleft.jpg") no-repeat;margin:0;padding:63px 0 0;width:166px;}
ul.main_nav {margin:10px 0 0; font-size: 93%;}
ul.main_nav li {margin: 0 0 1px;}
ul.main_nav li a {display: block; background: #CD9933 url("../../assets/img/nav1bg.gif") right repeat-y; color: #fff; width: 146px; padding: 3px 10px; text-decoration: none;}
ul.main_nav li a:hover {color: #7a0019;}
ul.main_nav li a.active {background:#6C9C46 url("../../assets/img/nav2bg.gif") right repeat-y;font-weight:bold;}
ul.main_nav ul  {margin: 0;}
ul.main_nav li li {margin: 0;}
ul.main_nav li li a {background:#6C9C46 url("../../assets/img/nav2bg.gif") right repeat-y;padding: 1px 10px 2px;}
ul.main_nav li li  a:hover {color:#000;}
hr.mainnav {border: none 0; margin-top: -3px;line-height:0;}
#search {margin:10px 0;background:#F8ECBC url("../../assets/img/searchbg.gif") right repeat-y;padding:10px;width: 146px; }
#search input:first-child {width: 130px;}
#search input.button {font-size: 88%; margin-top: .3em;}

/* CENTER COLUMN */
#maincontent {width:626px;-webkit-text-size-adjust: 155%;background:#fff url("../../assets/img/coreGrade.jpg") repeat-x;margin-left:6px;}
* html body #maincontent {width: 620px;}
#maincontent p.breadcrumb {margin: 0; font-size: 85%; width: 580px;}
#maincontent p.breadcrumb a {color:#722E25;}
#maincontent img {margin:8px 16px 6px 12px;float:right;}
#maincontent table img {padding:0;float:none;}
#maincontent ul.claBlog {margin: 0; padding: 0;}
#maincontent ul.claBlog li {margin: 0 14px 1.5em 0; padding: 0; list-style: none;}
#maincontent .contact_info, #maincontent .curriculum_vitaes {margin-left:10px;}
#maincontent #feature {position:relative;display:block;width:604px;background:#fff8d9;border:1px solid #000;padding:0;margin:0 0 15px 10px;}
#maincontent .featureLinks{height:26px;margin:0 0 0 10px;}
#maincontent .featureLinks li{float:left;list-style:none;margin:0;padding:0;}

#maincontent ul.featureLinks li a {display:block;background:#fff8d9;height:21px; width:90px; background-image:url(../../assets/img/featureUnselected.jpg);text-align:center;padding:5px 0 0 0;color:#7C3B30; font-size:10px;}
#maincontent ul.featureLinks li.selected a {background: url(../../assets/img/featureSelected.jpg);}

/*#maincontent ul.featureLinks li a {display:block;background:url("../../assets/img/featureUnselected.jpg");height:21px;width:109px;text-align:center;padding:5px 0 0 0;color:#7C3B30;font-weight:bold;}
#maincontent ul.featureLinks li.selected a {background-image: url("../../assets/img/featureSelected.jpg");}*/

#maincontent .claBlogEntryContinueReadingLink, #maincontent #immigrationLink, #maincontent #searchCollections {padding: 0 11px 0; margin:0; }
#maincontent .claBlogEntryDate {display: block; padding: 0 11px 0; color: #666; font-style: italic;}
#searchCollections a{padding:0 5px 0 0;}
#switch_root {width:500px;}
#switch_root #feature {width:500px;}

/*social network*/
#subscribe {
	height: 45px;
	background: none repeat scroll 0 0 transparent;
	padding-top: 10px;
	}
	
#subscribe h2 {
	margin: 0px;
}
	
#subscribe ul {
	margin: 0;
	}

#subscribe ul li, #subscribeEvent ul li {
	line-height: 1em;
	list-style: none outside none;
	}
	
#subscribe img {
	margin: 0px;
	float: left;
	padding-left: 10px;
}
	





/* RIGHT COLUMN */
#home #rightcontent {background: transparent url("../../assets/img/homebannerright.jpg") no-repeat;padding-top:63px;}
#rightcontent {font-size: 93%;overflow: hidden;width:168px;}
#rightcontent .rightBreak {height:10px;display:block;margin:15px 0;background:#fff url("../../assets/img/rightbreakbg.gif") left repeat-y;}
#rightcontent .rightBreak:first-child {margin-top:0;margin-bottom:10px;}
#rightcontent h2 {font-size:1em;padding:0;margin:0 12px;text-transform:uppercase;font-weight:bold;}
#rightcontent h3 {font-size:100%;padding:0;margin:0 12px;text-transform:uppercase;}
#rightcontent ul {list-style-type:none;padding:0;margin:2px 12px 4px;}
#rightcontent ul li {margin:0;padding:0;list-style-type:none;}
#rightcontent p {margin:0 12px;padding:0;}
#rightcontent ul.cla_rss_ul, #rightcontent ul.cla_rss_ul ul {margin: .9em 6px 0;list-style-type:none;}
#rightcontent ul.cla_rss_ul .cla_rss_location {display:none;}
#rightcontent .events{margin-top:14px;margin-bottom:12px;}
#rightcontent ul.infolinks {margin-top:8px;}
#rightcontent ul.infolinks li a {font-weight:bold;color:#7c3b30;line-height:1.8;}
.rssImg {background:url("../../assets/img/rssText.gif") no-repeat;display:block;height:14px;width:30px;margin:-6px 0 0;}

/* UNIT FOOTER */
#unit_footer {background:url("../../assets/img/footbg.jpg") no-repeat;font-size: 90%; border-bottom: 3px solid #e4e4e4; padding: 16px 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 {background: #fff; padding: 5px 0 0; margin-left:-10px;font-size: 90%; width: 560px; height: 70px; line-height: 1.6; -webkit-text-size-adjust: none; border-left:10px solid #fff;}
* html body #footer_inner {padding-bottom: 9px;}
.copyright {float: left; margin-left: 10px;}
* html body .copyright {margin-left: 6px}
#footer_right {background: #fff; font-size: 90%; padding: 5px 0 0; margin-right: -10px; float: right; width: 400px; height: 70px; text-align: right; line-height: 1.6; -webkit-text-size-adjust: none; border-right:10px solid #fff;}
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;}