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

html {background: #E0E0E0;}
body { background-image:url(../../assets/img/shadow.jpg); background-repeat:repeat-y; width: 977px; margin: 0 auto;}
#templatecontainer {margin: 0 auto; width: 960px;} /* 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: transparent; 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*/

#bg273.container_12 {background: #fff url(../../assets/img/bodybg.jpg) repeat-y; clear: both; padding-bottom: 4px; 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,.grid_stats1,.grid_stats2,.grid_stats3{display: inline; float: left;}

.container_12 .grid_1 {width: 80px;}
.container_12 .grid_2 {width: 160px;}
.container_12 .grid_stats1 {width: 185px;}
.container_12 .grid_3 {width: 240px;}
.container_12 .grid_stats3 {width: 245px;}
.container_12 .grid_4 {width: 320px;}
.container_12 .grid_5 {width: 400px;}
.container_12 .grid_6 {width: 480px;}
.container_12 .grid_stats2 {width: 530px;}
.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 */
ul.main_nav {border-top: 1px solid #e4e4e4;}
ul.main_nav li {margin: 3px 0 0;}
ul.main_nav li a {display: block; margin: 6px 0; padding: 3px 10px; color: #061574;font-weight: bold; text-decoration: none; font-size: 115%;}
ul.main_nav li a:hover, ul.main_nav li a.active {color: #fff; background-color:#246fa6; }
ul.main_nav ul  {margin: 3px 0 0 9px;}
ul.main_nav li li {margin: 1px 0 0;}
ul.main_nav li li a {font-weight: normal; padding: 3px 12px; color:#246fa6; font-size:105%;}
ul.main_nav li li a:hover { background:#FFF; color:#246fa6;}
hr.mainnav {border: none 0; border-bottom: 3px solid #e4e4e4; margin-top: -3px;}
#search {margin: 10px 10px 6px;}
#search input:first-child {width: 134px;}
#search input.button {font-size: 88%; margin-top: .3em;}

/* CENTER COLUMN */
#maincontent {border-top: 1px solid #e4e4e4; -webkit-text-size-adjust: 155%;}
* html body #maincontent {width: 559px;}
#maincontent p.breadcrumb {margin: 8px 0 0; font-size: 93%; width: 503px; border-bottom: 3px solid #e4e4e4;}
#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;}
.editProfileContainer{float:right;padding:15px;}
.inactive_profile_warning,#profile br,.given-name,div.header_sections + br{display:none;}
.contact_info,#alternativeOutputFormats,.curriculum_vitaes{margin-left:14px;}
.tel,.adr{margin-bottom:6px;}
span.street-address{white-space:pre;}

/* RIGHT COLUMN */
#rightcontent {border-top: 1px solid #e4e4e4; overflow: hidden;}
#rightcontent h2 {font-size: 123.1%;}
#rightcontent h3 {font-size: 100%;}
#rightcontent p {font-size: 93%;}
#rightcontent p.rightbutton {margin-top:12px;}
#rightcontent p.rightbutton a {padding:12px 0;background:#3BB1CF;width:216px;display:block;text-align:center;font-weight:bold;font-size:1.1em;text-decoration:none;color:#fff;border:1px #eee solid;}
#rightcontent p.rightbutton a:hover {background:#246FA6;}
#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;}

/* 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;}
#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: transparent; padding: 5px 0 0; font-size: 90%; width: 560px; height: 64px; line-height: 1.6; -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: transparent; font-size: 90%; padding: 5px 0 0; float: right; width: 400px; height: 64px; text-align: right; line-height: 1.6; -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;}

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