/* 
** ONLY FOR IE 6+
** IUPUI CSS Document for IE 6+
** Created by Shawn Plew - splew@iupui.edu 
** Heirarchy of styles: clear,display,float,position [top/left],width,height,overflow,margin,padding,border,background,color,font,[text attributes],line-height,other.
**---KNOWN IE ISSUES---**
** #infoNav and a.hotSpotLink have an annoying 3 or 4 px gap that I can't figure out (IE 6 only). 
*/

/*--- IE 6 and 7 ---*/
ul#bio { float: none; } /*--- Amazing Students/Outstanding facStaff drops if floated in IE. ---*/
#footerNav ul li { padding-left: 3px; } /*--- IE Smashes links up against right border of last li ---*/
ul#bio li p { width: 220px; } /*--- IE Drops the 2nd li element if its wider than this. ---*/
br.clear { display: none; } /*--- Hide the clearing break element from IE as it totally screws up the layout ---*/
input#headerSearchSubmit { top: 0px; }
aul#topNav li a { padding: 10px 18px 5px 18px; }
aul#topNav li.firstLink a { padding-left: 15px; }

/*--- IE 6 ONLY ---*/
/** About the underscore "hack"
*** While the W3C's website does not validate this code, it _is_ valid. 
*** Check out Jeff Zeldman's explanation here: http://wellstyled.com/css-underscore-hack.html */
#infoNav { }
#infoNav ul li a:link, #infoNav ul li a:visited, #infoNav ul li a:active  { _height: 12px; _margin: 0 0 5px 4px; }
#footerNav ul li.title { height: 11px; _overflow: hidden;  }
#main { _width: 396px; } /*--- Float drop below this width setting. ---*/
#main h2 { _margin-top: 14px; } 
#impact { _margin-right: 0; _padding-right: 0; }
#main.wide { _width: 598px; overflow: hidden; }
#hotSpot { float:right; }
.superwide { _width: 798px !important; background: #EEE !important; padding: 0 0 15px 15px !important; } /*--- Won't work if #main is added, and won't work if !important isn't called. Only in IE6. WTF? ---*/
#rightNav { _width: 204px; }
#rightNav .flash, #rightNav h2, #rightNav ul, #rightNav p, #rightNav table { _border-left: 2px solid #444; _border-right: 1px solid #444; }
#rightNav h2, #rightNav ul {_border-right: 2px solid #444; }
.headFlash { width: 597px; overflow: hidden !important; }
@media print {
	#main p { width: auto; }
	.newsEvents ul { position: relative; left: -12px; _float: left; }
	#rightNav { _float: left; _width: 500px; }
	#rightNav .flash, #rightNav h2, #rightNav ul, #rightNav p, #rightNav table { _border: none; }
}