!/**************************************************************************************************
* Brown University Screen Styles for IE 2010 Design
*
* ****      NB:  DO NOT STYLE #body-content                   ****
* ****      IT'S A PAGE ANCHOR AT THE TOP OF THE CONTENT      ****
* ****      AND IT LOOKS DIFFERENT ON EVERY PAGE              ****
* 
* @author John Pennypacker <John_Pennypacker@brown.edu>
* $Id: ie.css 2350 2011-11-01 14:08:55Z jpennypa $
*
**************************************************************************************************/






body {
	font-size: 16px;
}
body, ul, ol, dl, li, p, div, header, footer, section, h1, h2, h3, h4, h5, h6, dialog, nav, section {
	font-size: inherit;
	text-align: left;
}

article, section, nav, dialog, header, footer, .content li, .leaf, .main-columns {
	position: relative;
	display: block;
	font-size: 16px;
}

.content ol li { 
display:list-item;
vertical-align:middle;
list-style-type: decimal;
}

#breadcrumbs {
}
#breadcrumbs li {
	position: relative;
}
#breadcrumbs li a, #breadcrumbs li .a {
	position: relative;
	top: -2px;
}





#sidebar-left .menu {
	padding-left: 1em;
	margin-left: -1em;
	position: relative;
}
#sidebar-left .menu li a {
	font-size: 12px;
}
#sidebar-left .menu .leaf {
	list-style-image: none;
}
#sidebar-left .menu li {
	display: list-item !important;
}
.columns li, #sidebar-right li { 
	font-size: 12px;
	position: relative;
}

.main-columns .second-column {
	/* 60% */
	_width: 30.625em;
}


#brown-brand h1 a {
	
}


.block li {
	display: list-item !important;
}

#footer {
}

#footer li {
	list-style-image: none;
	line-height: 1.25em;
}
#footer li a {
	font-size: .75em;
}

.article-title {
	text-indent: 0;
}
.content .inline .caption {
	margin-bottom: .5em;
}


#search-theme-form {
	top: .75em;
}
#header-region .search-field {
	height: 1.25em;
}

#breadcrumbs a {
	position: relative;
	top: -2px;
}


.frontpage-slideshow-caption {
	bottom: .25em;
	padding-top: .375em;
}

#news-and-announcements {
	_position: relative;
	_width: 22.75em;
}

#news-and-announcements .views-admin-links a {
	font-size: .75em;
}

#news-and-announcements div.feed-icon {
  /*  I tried everything
  		and I can't figure out how to make this element 
  		display with an automatic width like it does IN EVERY OTHER BROWSER
  		without resorting to manually setting the width.
  */
	width: 38%; 
	_width: 42%;
}


#second-tier {
	height: 1%;
	_top: -3px;
}

#second-tier div {
	height: 1%;
}

#highlights {
	_width: 41em;
}

.more-events a {
	font-size: .75em;
}

.events-list li, .events-list h5 {
	font-size: .75em;
}

.events-list li {
line-height: 1.5em;
margin-bottom: .5em;
}

#highlights .views-admin-links {
	left: 26.5em;
}
#highlights .views-admin-links a {
	font-size: .75em;
}

.events-list .date ul {
margin-left: 1.5em;
}

.events-list .more-events {
padding: 0 2.5em 0 0;
}

/* this is a big convoluted IE6 mess */

.nav-block li, .nav-expanded.nav-block li {
	_position: absolute;
	_top: 0;
}
.menu-brownanintroduction		{ _left: 0; }
.menu-academiclife					{ _left: 153px; }
.menu-studentlife						{ _left: 306px; }
.menu-lifeafterbrown				{ _left: 459px; }
.menu-applytobrown					{ _left: 612px; }
.menu-visitbrown						{ _left: 765px; }

.nav-block li.last, .nav-block li.last li {
	_width: 157px;
}

/** SUB-MENUS **/


.nav-block li ul {
	_margin-top: 0;
	_background-color: #000;
}
.nav-block li ul li {
	list-style: none;
	list-style-image: none;
	position: relative;
}

.nav-block li ul li a {
	_position: relative;
}