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


/*CAMPUS LINKS*/
#campus_links { font-family: Verdana, Geneva, sans-serif;font-size: 90%; line-height: 22px; color: #7a0019; text-align: right; border-bottom: 1px solid #5b0013; text-decoration: none; margin-top: 35px;margin-right: 26px;padding-top: 4px; background-color: #fff; width: 960px; float: right; }
* html #campus_links {margin-right: 13px;}
#campus_links a { text-decoration: none; border-bottom: 1px solid #c2a9ae; color: #7a0019;}
#campus_links a:hover { color: #666; border-bottom: 1px solid #666; }
#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;margin-left: 72px; width: 560px; overflow: hidden; }

/*SEARCH AREA IN TEMPLATE HEADER*/
#search_area { 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: 400px; float: left; }
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: 0.85em; color: #666; padding: 0; }
#gsearch label { height: 22px; line-height: 22px; color: #7a0019; font-size: 0.7em; }
.search { float: right; padding: 3px 0 0 100px; display: inline; }
.search_btn {float: right; margin: -17px 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: -17px 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:-16px 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*/
html{background:  url(../../assets/img/pattern.jpg);}
body {background:  url(../../assets/img/body_sides.jpg) repeat-y;width: 1058px;padding: 0 25px 0 72px; margin-top: 0;}
.container_12 { height: 100%; clear: both; margin-left: auto; margin-right: auto; float: left; width: 100%; }
#btm {background:  url(../../assets/img/btm.jpg) no-repeat; width:1058px; height:47px; margin-left: -72px;}
#top {background:  url(../../assets/img/top.jpg) no-repeat; width:1058px; height:132px; margin-left: -72px;margin-top: 0; }

#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, h2, h3, h4, h5, h6 { padding-left: 12px; padding-right: 12px; }
p { padding-bottom: 6px}

/* LEFT COLUMN -- values are for a two-grid navigation */
#main_nav_2 {width: 190px;}
ul.main_nav {}
ul.main_nav li { margin: 0 1px 3px 3px; }
ul.main_nav li a { display: block; background: #fff; color: #6a330f; width: 170px; padding: 5px 0 5px 20px; font-weight: normal; text-decoration: none; }
ul.main_nav li a:hover { color: #252428; text-decoration: underline; background: #f2f4f7;}
ul.main_nav ul  { margin: 3px 0 0 6px; }
ul.main_nav li li a { font-weight: normal; padding: 3px 12px; width: 153px; color: #042751;background: #f2f4f7;}
hr.mainnav { display: none; }
#search { margin: 0 12px 5px; }
#search input.button { font-size: 92.5%; width: 120px; margin-top: .2em; }

/* CENTER COLUMN */
* html body #maincontent { width: 559px; }
p.breadcrumb { margin-bottom: 8px; font-size: 82.5%;margin-top: 2px;}
#bg273 #maincontent {width: 530px; margin-bottom: 10px;}
#bg210 #maincontent {width: 770px;margin-bottom: 10px;}
* html #bg210 #maincontent {width: 760px;margin-bottom: 10px;}


/* RIGHT COLUMN */


#rightTop {background: url(../../assets/img/rightTop.jpg) no-repeat; width: 230px;height: 10px; }
#rightBtm{background: url(../../assets/img/rightBtm.jpg) no-repeat; width: 230px; height: 26px;}
#rightcontent{background: url(../../assets/img/right.jpg) repeat-y; width: 230px; margin-left: 3px; margin-top: 8px;}
#rightcontent h2 { font-size: 123.1%; }
#rightcontent h3 { font-size: 108%; }
#rightcontent ul {margin: 0 0 0 12px;}
#rightcontent ul li {list-style: none;margin: 0; padding: 0;}
#rightcontent ul li a{display: block; background: #fff; color: #6a330f; width: 200px; padding: 5px 0 5px 0px; font-weight: normal; text-decoration: none;}
#rightcontent ul li a:hover { color: #252428; text-decoration: underline;}


/*BLOG/EVENT FEED*/
#rightcontent ul.claBlog, #maincontent ul.claBlog, #maincontent .events ul, #rightcontent .events ul{margin: 0; padding: 0;}
#rightcontent ul.claBlog li, #maincontent ul.claBlog li, #maincontent .events ul li{list-style: none;margin: 0; padding: 0;}
span.claBlogEntryDate{display: none;}
#maincontent ul.claBlog img {float: left;}
#maincontent h3.claBlogEntryTitle {clear: left;}
#maincontent ul.cla_rss_ul_secondary, #rightcontent ul.cla_rss_ul_secondary{margin-left:12px;margin-bottom: 6px;}
ul.claBlog p, ul.claBlog h1, ul.claBlog h2, ul.claBlog h3, ul.claBlog h4, ul.claBlog h5, ul.claBlog h6 {
  		padding-left: 0px;
  		padding-right: 0px;
}
#maincontent ul.claBlog {
		padding-left: 12px;
		padding-right: 12px;
}

/*FAC EXP PROFILE*/
#fac_exp_img {float: right;margin: 5px 10px 12px 10px;border: 2px #dad8d8 solid;}
div.header_sections {clear: left;}
div.header_sections div.curriculum_vitaes a {margin-left:12px;}
h2.specialties {margin-top: -12px;}
span#alternativeOutputFormats img {float: left;margin-right: 5px;margin-left:12px;}
.narratives {padding-left: 12px;}
h2.narratives{margin-left: -12px;}
.contact_info{padding-left: 12px;}
h1.n{margin-left: -12px;}

/*COURSE FEED*/
#maincontent ul.course_list {margin: 0; padding-left: 12px;}
#maincontent ul.course_list li {list-style: none;margin: 0; padding: 0;}
#maincontent ul.course_section_schedule li {list-style: disc;}

/*Video Content*/

div.vid {
	float: left;
	width: 320px;
	height:260px;
	margin:0;
	padding-right:15px;
}
div.videoText {
	float: left;
	width: 400px;
}
div.videocontainer {
	padding-bottom: 15px;
	float: left;
	width: 750px;
	clear:both;
}





/* 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; }
#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: #666; border-bottom: 1px solid #666; }
.acronym_border { border-bottom-style: none; }

/* FOOTER */
#footer_inner, #unit_footer, #footer_right {
font-family:Arial, Helvetica, sans-serif;	
}

#footer_inner { padding: 5px 0 2px; font-size: 90%; width: 560px; background: #fff; }
.copyright { float: left; margin-left: 10px; }
* html body .copyright { margin-left: 5px}
#footer_right { font-size: 90%; padding: 5px 0 14px; float: right; width: 400px; text-align: right; background: #fff; }
* html body #footer_right { padding: 5px 0 8px; }
ul.footer_links { float: right; padding-right: 10px; }
* html body ul.footer_links { padding-right: 9px; }
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: #666; border-bottom: 1px solid #666; }
ul.unit_footer_links li#sm a img {border-bottom: medium none; margin-bottom: -4px;}

/* CLA STYLES */
#bg273 #maincontent table { margin: 8px 12px 10px; width: 500px; }
#bg210 #maincontent table { margin: 8px 12px 10px; width: 700px; }
td { padding: 3px 4px;  }
th { padding: 3px 4px; color: #252428; font-weight: bold; }
tr.even{background: #f2f4f7;}
tr{background: #fff;}
#rightcontent img, #maincontent img {border: 2px #dad8d8 solid;margin-right: 5px; margin-bottom: 10px;}

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