@charset "UTF-8"; 

/* SEPTEMBER 2010 : CLA-OIT */

html {background:#FFF}
/*#templatecontainer {margin: 0 auto; width: 960px;}*/ /* center-aligned site */
#templatecontainer {margin: 0 8px; 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 {
	padding-bottom: 4px;
	float: left;
	height: 100%;
	width: 100%;
	font-family: Verdana, Geneva, sans-serif;
	background-color: #FFF;
}
#tww #bg273.container_12 {
	background-color: #fff;
}
#lrs #bg273.container_12 {
	background-color: #fff;
}
#sws #bg273.container_12 {background: #fff; }
#mwp #bg273.container_12 {background: #fff;}
#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%;}
.whiteBackgd {
	background-color: #FFF;
}



.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 {
	margin-left: 5px;
	overflow: hidden;
	width: 555px;
	}
.container_12 .grid_8 {
	width: 635px;
	margin-left: 5px;
}
.container_12 .grid_9 { margin-left: 5px;
    overflow: hidden; width: 720px;}
.container_12 .grid_10 {width: 800px;}
.container_12 .grid_11 {
	width: 880px;
	margin: 5 px;
}
.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;}
ul.left_nav li a:hover, ul. left _nav li a.active{color: #000;}


/* CENTER COLUMN set to Verdana for single-column pages (like YWC anthology cover) */
#maincontent {
	-webkit-text-size-adjust: 155%;
	font-family: Verdana, Geneva, sans-serif;
}
* html body #maincontent {
	width: auto;
}
#maincontent p.breadcrumb {
	margin: 8px 0 0;
	font-size: 93%;
	width: 750px;
	border-bottom: 3px solid #e4e4e4;
}


#sws #maincontent h1, h2.swstitle a, h2.swstitle a:hover{color:#c60;}

#tww #maincontent h1, h2.twwtitle a, h2.twwtitle a:hover{color:#399;}
#isw #maincontent h1, h2.iswtitle a, h2.iswtitle a:hover{
	color: #cc0000;
}
#lrs #maincontent h1, h2.lrstitle a, h2.lrstitle a:hover{color:#81C23F;}
#mwp #maincontent h1, h2.mwptitle a, h2.mwptitle a:hover{
	color: #4f3fe0;
}
.departmentText {
	padding-top:17px;
	display: inline;
}

#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;}
#maincontent div.header_sections + br {display:none;} /* Hides gap below narrative */


div#toggle_links{margin-top:16px;margin-left:12px;margin-bottom:-1px;}
#maincontent div#toggle_links h2{display:inline;margin:0;padding:0;}
#maincontent h2 a.toggle_link{color:#ddd;background:#666;border:1px solid #78A9D2;border-bottom:0;margin-bottom:-2px;padding:7px 12px 4px;text-decoration:none;}
#maincontent h2 a.toggle_link.highlight,#maincontent h2 a.toggle_link.highlight:hover{color:#7a0019;border-bottom:0;background:#FFF;}
#maincontent h2 a.toggle_link:hover{color:#FFF;background:#7a0019;}
div.toggle{margin:0 12px 12px;padding:0;border:1px solid #78A9D2;background:#FFF;}


#alums h4 a {
	display: block;
	padding-left: 27px;
	text-decoration: none;
	width: 25px;
	background-attachment: scroll;
	background-image: url(../alums/assets/arrowright.png);
	background-repeat: no-repeat;
	background-position: -3px 50%;
}

#alums h4.active_Availability0 a, #maincontent h4.active_Availability1 a, #maincontent h4.active_Availability2 a, #maincontent h4.active_Availability3 a {
	background-attachment: scroll;
	background-image: url(../alums/assets/arrowdown.png);
	background-repeat: no-repeat;
	background-position: -3px;
}

#alumniDiv {width:250px; float:left; margin-left:15px; padding:5px; background-color:#F4E0A1; margin:5px;}
#alumniDiv2 {width:220px; float:left; margin-top:15px; background-color: #F4E0A1; display:inline;}

#alumniDiv2 ul {list-style-type: none;}



/* RIGHT COLUMN */
#rightcontent {
	overflow: hidden;
	float: right;
}
#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;}

#rightlinkdiv {height:40px; display:block;}
#rightlinkdiv img {
	margin-top: 13px;
	float:left;
}
#rightlinkdiv h2 {
	float:left;
}

#sws #moreinfo {
	background-color:#faecd0;
}
#tww #moreinfo {background-color:#e2f1f1;}
#isw #moreinfo {
	background-color:#fcdede;
}
#lrs #moreinfo {
	background-color:#e2f5bd;
}
#mwp #moreinfo {background-color:#e9e2f8;}
#moreinfo {
	width: 140px;
	padding-top: 6px;
	margin-top: 6px;
	margin-right: 15px;
	margin-bottom: 6px;
	margin-left: 0px;
}

/* UNIT FOOTER */
#unit_footer {
	font-size: 90%;
	padding: 5px 0 0;
	background-color: #fff;
	line-height: 20px;
	width: 960px;
	-webkit-text-size-adjust: none;
	border-top-width: 8px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #ffcc66;
	border-bottom-color: #ffdb94;
}
#isw #unit_footer {
	border-top-width: 8px;
	border-top-style: solid;
	border-top-color: #cc0000;
}
#sws #unit_footer {
	border-top-width: 8px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-top-color: #ff9934;
	border-bottom-color: #ffc285;
}
#lrs #unit_footer {
	border-top-width: 8px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-top-color: #9acd34;
	border-bottom-color: #cbe4b9;
}
#tww #unit_footer {
	border-top-width: 8px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-top-color: #66cccc;
	border-bottom-color: #ccffff;
}
#mwp #unit_footer {
	border-top-width: 8px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-top-color: #4f3fe0;
	border-bottom-color: #b9b2f3;
}

#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 {
	display:inline;
	float: right;
	padding: 0 7px;
	right: 5px;
}
* html body ul.unit_footer_links {padding: 0 3px;}
#sws ul.unit_footer_links li {
	padding: 0;
	right: auto;
	text-align:right;
	display:block;
}
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: 500px;
	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: 450px;
	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;}
.leftAlignedImage {
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 8px;
	margin-left: 0px;
	float: left;
}

.rightAlignedImage {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 10px;
	float: right;
}
.centeredImage {
	margin-right: auto;
	margin-left: auto;
	display: block;
}



.right_img2 {
	border: 3px solid #FFF;
	float: right;
	margin-top: 4px;
}
.right_img2first {
	border: 3px solid #FFF;
	float: right;
	margin-top: 9px;
}


#rightcontent a:hover .right_img2{
	border: 3px solid #790019;
}
#rightcontent a:hover .right_img2first {
	border: 3px solid #790019;
}

/*Homepages-links under left nav */
#leftlinks a:hover img.leftlinks{
	border: 1px solid #7a0019;

} #leftlinks p {
	padding-left: 4px;
}
img.leftlinks {
	border: 1px solid #666;

}
#maincontent .centers a {
	text-decoration: none;
}