html { color: #000; background: #4a597b; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
strong { font-weight: bold; }
em { font-style: italic; }
li { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border:0; font-variant: normal; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; }
:focus { outline: 0; }
input, textarea, select { *font-size: 100%; }
table { font-size: inherit; font: 100%; }
pre, code, kbd, samp, tt { font-family: monospace; *font-size: 108%; line-height: 100%; }

body { text-align: center; min-width: 925px; }
a,
a:visited,
legend { color: #000; }
a:link,
a:visited { text-decoration: underline; }
a:link:hover,
a:visited:hover { text-decoration: none; }


/* font sizing */
body { font: 13px/1.231 arial, helvetica, clean, sans-serif; *font-size: small; *font: x-small; }
#header { font-size: 93%; }									/* font-size: 12px; line-height: 15px */
#header div.navbar ul.nav ul li { line-height: 1; }						/* font-size: 12px; line-height: 12px */
#body { font-size: 93%; }									/* font-size: 12px; line-height: 15px */
#page-home #body div.spotlight li.classroom div.inner,
#page-home #body div.spotlight li.campus div.inner,
#page-home #body div.spotlight li.conversation div.inner { font-size: 108%; }			/* font-size: 13px; line-height: 16px */
#page-home #body div.spotlight li.mission p.more { font-size: 92%; line-height: 1.36; }		/* font-size: 11px; line-height: 15px */
#page-home #body div.spotlight li.classroom p.more,
#page-home #body div.spotlight li.campus p.more,
#page-home #body div.spotlight li.conversation p.more { font-size: 93%; line-height: 1.33; }	/* font-size: 12px; line-height: 16px */
#page-home #body div.grantmaking h3,
#page-home #body div.news h3,
#page-home #body div.blogs h3 { font-size: 117%; }						/* font-size: 14px; line-height: 17px */
#footer { font-size: 85%; line-height: 0.864; }							/* font-size: 11px; line-height: 9.5px */


/* specific styles */
#content { background-color: #ffffff; width: 925px; margin: 0px auto; padding-bottom: 12px; text-align: left; }
#header { position: relative; background: #fff url(/images/new/header-bg.gif) repeat-x top left; height: 133px;  z-index: 99; }
#header a { color: #363636; }
#header div.navbar a { color: #000; }
#header a.logo { position: absolute; top: 29px; left: 18px; }
#header ul.links { position: absolute; top: 15px; right: 15px; }
#header ul.links li { display: inline; background: transparent url(/images/new/header-bullet.gif) no-repeat 7px 50%; padding-left: 17px; }
#header ul.links li.first { background: transparent; }
#header div.navbar { position: relative; top: 102px; left: 0px; background-color: #dbe9ef; height: 29px; border-top: 1px solid #999; border-bottom: 1px solid #999; }


#header div.navbar ul.nav { float: left; position: absolute; top: 0; left: 17px; }
#header div.navbar ul.nav ul { position: absolute; top: -999em; }
#header div.navbar ul.nav ul li { width: 100%; }
#header div.navbar ul.nav li:hover { visibility: inherit; /* IE7 sticky bug */ }
#header div.navbar ul.nav li { float: left; position: relative; }
#header div.navbar ul.nav a { display: block; position: relative; }
#header div.navbar ul.nav li:hover,
#header div.navbar ul.nav li.hoverclass,
#header div.navbar ul.nav a:focus,
#header div.navbar ul.nav a:hover,
#header div.navbar ul.nav a:active { outline: 0; }

#header div.navbar ul.nav { background-repeat: no-repeat; background-position: 0 0; }
#header div.navbar ul.nav,
#header div.navbar ul.nav a { background-image: url(/images/new/header-nav.gif); }
#header div.navbar ul.nav a { text-decoration: none;  height: 0; padding: 29px 0 0 0; overflow: hidden; }
#header div.navbar ul.nav ul a { height: auto; padding: 0.2em 14px; }
#header div.navbar ul.nav ul a:hover { font-weight: bold; padding: 0.2em 10px 0.2em 14px; }
#header div.navbar ul.nav li:hover ul,
#header div.navbar ul.nav li.hoverclass ul { left: 16px; top: 29px; }

#header div.navbar ul.nav li.about { width: 166px; }
#header div.navbar ul.nav li.about ul { width: 154px; }
#header div.navbar ul.nav li.about a { background-position: 0 0; }
#header div.navbar ul.nav li.about:hover a { background-position: 0 -29px; }
body.about #header div.navbar ul.nav li.about a { background-position: 0 -58px; }
body.about #header div.navbar ul.nav li.about:hover a { background-position: 0 -87px; }
#header div.navbar ul.nav li.about:hover ul { left: 0; }

#header div.navbar ul.nav li.grantmaking { width: 122px; }
#header div.navbar ul.nav li.grantmaking ul { width: 162px; }
#header div.navbar ul.nav li.grantmaking a { background-position: -166px 0; }
#header div.navbar ul.nav li.grantmaking:hover a { background-position: -166px -29px; }
body.grantmaking #header div.navbar ul.nav li.grantmaking a { background-position: -166px -58px; }
body.grantmaking #header div.navbar ul.nav li.grantmaking:hover a { background-position: -166px -87px; }

#header div.navbar ul.nav li.resources { width: 105px; }
#header div.navbar ul.nav li.resources ul { width: 161px; }
#header div.navbar ul.nav li.resources a { background-position: -288px 0; }
#header div.navbar ul.nav li.resources:hover a { background-position: -288px -29px; }
body.resources #header div.navbar ul.nav li.resources a { background-position: -288px -58px; }
body.resources #header div.navbar ul.nav li.resources:hover a { background-position: -288px -87px; }

#header div.navbar ul.nav li.media { width: 139px; }
#header div.navbar ul.nav li.media ul { width: 195px; }
#header div.navbar ul.nav li.media a { background-position: -393px 0; }
#header div.navbar ul.nav li.media:hover a { background-position: -393px -29px; }
body.media #header div.navbar ul.nav li.media a { background-position: -393px -58px; }
body.media #header div.navbar ul.nav li.media:hover a { background-position: -393px -87px; }

#header div.navbar ul.nav ul { padding-bottom: 1em; border-left: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #999; }
#header div.navbar ul.nav ul,
#header div.navbar ul.nav ul a { background: #dbe9ef; }


#header div.navbar form.search { position: absolute; top: 0; left: 603px; }
#header div.navbar form.search input { float: left; }
#header div.navbar form.search input.field { background-color: #f5f5f5; width: 231px; height: 18px; padding: 3px 3px 0 3px; border: 1px solid #bababa; margin-top: 3px; overflow: hidden; }
#header div.navbar form.search input.field:hover,
#header div.navbar form.search input.field:focus { background-color: #ffffff; }
#header div.navbar form.search input.submit { margin: 11px 0 0 10px; }
#header div.navbar form.search input.submit:hover { margin: 12px 0 0 11px; }

#body { background: url(/images/new/body-bg.gif) repeat-y 195px 0; padding-bottom: 0.38em; margin: 20px 15px 20px 18px; }
#body:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#body { zoom: 1; }

#footer { font-weight: bold; background-color: #dbe9ef; padding: 13px 20px 14px 20px; border-top: 1px solid #999; border-bottom: 1px solid #999; }
#footer li { font-weight: normal; display: inline; }
#footer li span.pipe { padding: 0 9px; }
#footer img.podcasts { margin: 3px 4px 0 0; }


h4 { font-weight: bold; }
ol.spaced ol li,
ol.spaced ul li,
ul.spaced ol li,
ul.spaced ul li { margin-bottom: 0; }
ol.spaced li,
ul.spaced li { margin-bottom: 1em; }
ul.indent { margin-left: 20px; }
ol.alpha { list-style-type: lower-alpha; margin: 0 0 1em 40px; }
ol.alpha li { list-style-type: lower-alpha; }
ul.bullet { list-style-type: disc; margin: 0 0 1em 40px; }
ul.bullet li { list-style-type: disc; }
blockquote { margin: 1em 40px; }


/* Home page styling */
#page-home #body { background: #ffffff; padding: 0 17px; margin: 0; }
#page-home #home-top { padding: 18px 0; }
#page-home #home-bottom { padding-bottom: 16px; }

#page-home #body a { text-decoration: none; }
#page-home #body a:hover { text-decoration: underline; }
#page-home #body p.more { text-align: right; }
#page-home #body p.more a { font-weight: bold; }

#page-home div.spotlight { float: left; position: relative; line-height: 1.385; border: 1px solid #999; width: 565px; height: 349px; overflow: hidden; }
#page-home div.spotlight h2 { color: #2a4b7d; }
#page-home div.spotlight ul.carousel { position: absolute; top: 0; left: 0; z-index: 1; }
#page-home div.spotlight ul.carousel li { position: absolute; top: 0; left: 0; display: none; }
#page-home div.spotlight ul.carousel li.start { display: block; }
#page-home div.spotlight p { margin: 1em 0; }
#page-home div.spotlight img.spotlight { display: block; }
#page-home div.spotlight div.overlay { position: absolute; top: 28px; left: 22px; width: 221px; padding-top: 16px; height: 277px; background: transparent url(/images/new/spotlight-overlay.png) repeat top left; }
#page-home div.spotlight div.overlay div.inner { height: 241px; padding: 0 13px; overflow: auto; }

#page-home div.spotlight div.topnav { position: absolute; top: 0; left: 24px; width: 374px; height: 22px; overflow: hidden; z-index: 2; }
#page-home div.spotlight div.topnav ul,
#page-home div.spotlight div.topnav li { list-style-type: none; display: inline; }
#page-home div.spotlight div.topnav ul { overflow: hidden; background-repeat: no-repeat; background-position: 0 0; width: 374px; height: 22px; clear: both; }
#page-home div.spotlight div.topnav a { float: left; overflow: hidden; background-repeat: no-repeat; padding: 22px 0 0 0; height: 0px !important; height /**/:22px; }
#page-home div.spotlight div.topnav ul,
#page-home div.spotlight div.topnav a { background-image: url(/images/new/spotlight-tabs.gif); }

#page-home div.spotlight div.topnav li.mission a { width: 62px; background-position: 0 0; }
#page-home div.spotlight div.topnav li.classroom a { width: 106px; background-position: -62px 0; }
#page-home div.spotlight div.topnav li.campus a { width: 82px; background-position: -168px 0; }
#page-home div.spotlight div.topnav li.conversation a { width: 124px; background-position: -250px 0; }

#page-home div.spotlight div.bottomnav { text-align: right; margin: 10px 13px 0 0; }
#page-home div.spotlight div.bottomnav a.previous img { margin: 0 1px -3px 0; }
#page-home div.spotlight div.bottomnav a.next img { margin: 0 0 -3px 1px; }

#page-home div.grantmaking { float: right; background-color: #fffbf7; width: 282px; min-height: 338px; height: auto; padding: 8px 11px 3px 11px; border: 1px solid #999; }
* html #page-home div.grantmaking { height: 338px; }
#page-home div.grantmaking img.title { margin-top: 5px; }
#page-home div.grantmaking h2,
#page-home div.grantmaking h3 { color: #2a4b7d; }
#page-home div.grantmaking h3 { margin-bottom: 2px; }
#page-home div.grantmaking ul { padding-bottom: 0.33em; margin-top: -0.33em; }
#page-home div.grantmaking ul,
#page-home div.grantmaking li { list-style-image: url(/images/new/grantmaking-bullet.gif); }
#page-home div.grantmaking li { margin: 0 0 0.67em 17px; }

#page-home div.news { float: left; background-color: #f3f3f3; width: 528px; min-height: 253px; height: auto; padding: 10px 17px 8px 20px; border: 1px solid #999; }
* html #page-home div.news { height: 253px; }
#page-home div.news img.title { margin-top: 5px; }
#page-home div.news h2,
#page-home div.news h3 { color: #2a4b7d; }
#page-home div.news ul { width: 528px; }
#page-home div.news li { float: left; width: 252px; margin: 0 12px 9px 0; }
#page-home div.news div.items { margin-top: 4px; }
#page-home div.news div.item { float: left; background-color: #fff; width: 250px; border: 1px solid #c6c6c6; }
#page-home div.news div.item div.image { float: left; width: 65px; }
#page-home div.news div.item div.text { float: right; width: 175px; min-height: 88px; height: auto; padding: 8px 10px 4px 0; }
* html #page-home div.news div.item div.text { height: 88px; }
#page-home div.news div.item p { margin-bottom: 0.25em; }

#page-home div.blogs { float: right; background: #e9eddf url(/images/new/blogs-bg.gif) no-repeat 244px 5px; width: 285px; min-height: 255px; height: auto; padding: 10px 8px 6px 11px; border: 1px solid #999; }
* html #page-home div.blogs { height: 255px; }
#page-home div.blogs img.title { margin: 5px 0 19px 0; }
#page-home div.blogs h2 { width: 230px; margin-bottom: 19px; }
#page-home div.blogs h2,
#page-home div.blogs h3 { color: #2a4b7d; }
#page-home div.blogs ul { padding-bottom: 0.5em; margin-top: -0.33em; }
#page-home div.blogs li { margin: 0 0 0.67em 7px; }

#page-home #home-top:after,
#page-home #home-bottom:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#page-home #home-top,
#page-home #home-bottom { zoom: 1; }


.sIFR-flash { visibility: visible !important; margin: 0; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
.sIFR-flash + div[adblocktab=true] { display: none !important; }

.sIFR-hasFlash h1 { visibility: hidden; }
.sIFR-hasFlash h2 { visibility: hidden; font-weight: normal !important; }
.sIFR-hasFlash h3 { visibility: hidden; font-weight: normal !important; }


@media print {
	.sIFR-flash,
	.sIFR-flash object,
	.sIFR-flash embed { display: none !important; height: 0; width: 0; position: absolute; overflow: hidden; }
	span.sIFR-alternate { visibility: visible !important; display: block !important; position: static !important; left: auto !important; top: auto !important; }
}