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

html { background: #fff; }

/*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("http://assets.cla.umn.edu/common/images/bg_2.7.3.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,h1,h3,h4,h5,h6 { padding-left:11px; padding-right:11px; }
p { padding-bottom: 6px; }

/* LEFT COLUMN -- values are for a two-grid navigation */
ul.main_nav { margin-bottom: 0;}
ul.main_nav li { margin: 0 1px 3px 0px; }
ul.main_nav li a { text-align:right; display: block; background: #fff; color: #577037; width: 168px; padding: 5px 8px 5px 8px; font-weight: normal; text-decoration: none; border:1px solid #ccbbad; margin-bottom:10px;}
ul.main_nav li a:hover { color: #62281c; background: #fff; text-decoration:underline; }
ul.main_nav ul { margin: 3px 0 0 6px; }
ul.main_nav li li a { font-weight: normal; padding: 3px 12px; width: 123px; }
hr.mainnav { border: none 0; border-bottom: 3px solid #e4e4e4; margin-top: 0; }
#search { margin: 12px 12px 12px 0; }
#search input.button {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:#FFFFFF none repeat scroll 0 0;border:1px solid #799C4C;color:#577037;font-size:92.5%;margin-top:0.2em;width:120px;}

/* CENTER COLUMN */
#maincontent { -webkit-text-size-adjust: 155%; width:745px; margin:10px 10px 10px 10px; padding-bottom:22px;min-height:420px;}
* html body #maincontent { width: 744px; }
p.breadcrumb { margin-bottom: 8px; font-size: 88%; }
#fac_exp_img { margin-left:12px;	float:right; }

/* RIGHT COLUMN */
#rightcontent { overflow: hidden; }
#rightcontent h2 { font-size: 123.1%; }
#rightcontent h3 { font-size: 100%; }
#rightcontent p { font-size: 93%; }

/* 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 { 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 { font-size: 90%; padding: 5px 0 13px; float: right; 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; }

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

#templatecontainer {
	background:url(../../assets/img/shadowTop.jpg) no-repeat;	
	padding:0 12px;
}

#main_nav_2 {
width:186px;	
margin-left:8px;
}
#footerbg {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:transparent url(../../assets/img/footerBG.jpg) no-repeat scroll left bottom;width:990px;height:310px;margin:-235px 0 0 -20px; z-index:-1; position:relative;}


* html #footerbg{margin-top:-295px;}