/* Global Font styles */
body {font:11px Helvetica, Verdana, Arial, sans-serif; color:#000}
p, ol, ol li {line-height:16px;}
p {margin-top: 3px; margin-bottom: 3px; padding-top: 5px; padding-bottom: 5px;}

ol {margin-left:18px; padding:0; clear:both}
ol li {margin-bottom:15px; padding-left:15px}
#content ul {margin-left:13px; padding:0; clear:both}
#content ul li {margin-bottom:15px; padding-left:15px}
hr {width:100%; height:1px; color:#666}
a:link, a:visited {text-decoration:underline; color:#000}
a:hover {color:#000}
blockquote {margin-left:20px}

/* Headers */
h1 {font-size:18px; font-weight:normal; margin:0; color:#6e2a8d}
h2 {font-size:18px; font-weight:normal; color:#000; margin:5px 0 20px 0}
h4 {font-size:12px; color:#000; font-weight:bold; margin-top:5px; margin-bottom:10px;}
h1.president {display:block; font-size:18px; color:#000; width:448px; margin:10px 0 50px 0; padding:10px 0; border-top:2px solid #000; border-bottom:2px solid #000}
h2.president {display:block; font-size:11px; font-weight:bold; color:#990000; width:448px; margin:0 0 10px 0; padding:5px 0; border-bottom:1px solid #990000}
h1.global {display:block; font-size:18px; font-weight:normal; float:left; width:200px; margin:35px 0 25px 38px; padding:0; border:none; color:#000}
h2.global {display:block; font-size:11px; line-height:16px; float:left; clear:right; font-weight:normal; color:#000; margin:35px 30px 10px 0; padding:0; border:none}
h1.landingText {margin:30px 63px 21px 28px} 
h2.fellows {font-size:11px; color:#666; font-weight:normal; margin:5px 0 20px 0}
h2.fellowList {display:block; font-weight:bold; width:448px; text-align:center; font-size:12px; color:#666; margin:10px 165px 10px 119px; padding-bottom:7px; border-bottom:solid 1px #000}
h1.review {display:block; font-size:18px; font-weight:normal; float:left; width:200px; margin:35px 0 15px 38px; padding:0; border:none; color:#249bff}
h1.contact {font-size:18px; margin:0; color:#666}

/* Link styles */
#util_nav a:link, #util_nav a:visited {text-decoration:none; color:#969696; line-height:24px}
#util_nav a:hover, #util_nav a.utilOn:link, #util_nav a.utilOn:visited, #util_nav a.utilOn:hover {color:#fff}

#primaryNav a:link, #primaryNav a:visited {display:block; padding:0; text-decoration:none; color:#888;}
#primaryNav a:hover {color:#333}
body#home #primaryNav a:hover {color:#fff}

#secondaryNav a:link, #secondaryNav a:visited {display:block; padding:5px 7px; text-decoration:none; color:#666}
#secondaryNav a:hover {color:#000}

#nav a.on:link, #nav a.on:visited, #nav a.on:hover {display:block; text-decoration:none; color:#000; background:url(nav_arrow2.gif) bottom no-repeat; height:25px; float:left}
#nav2 a.on:link, #nav2 a.on:visited, #nav2 a.on:hover {display:block; padding:5px 7px; background-color:#4d4d4d; text-decoration:none; color:#fff}

span.section {font-size:12px; line-height:17px; display:block; width:153px; font-weight:bold; text-decoration:none; color:#6e2a8d}

#content_container_fellows span.section {font-size:11px; line-height:17px; border-bottom:solid 1px #ccc; padding-bottom:10px; display:block; width:221px; font-weight:bold; text-decoration:none; color:#6e2a8d}

a.nav3:link, a.nav3:visited {display:block; line-height:15px; width:150px; font-weight:bold; padding-right:60px; text-decoration:none; color:#666}
a.nav3:hover {color:#000; background:url(black_arrow.gif) bottom right no-repeat; }

a.nav3on:link, a.nav3on:visited {display:block; line-height:15px; width:150px; font-weight:bold; padding-right:60px; text-decoration:none; color:#000}
a.nav3on:hover {color:#000; background:none}

span.next {text-decoration:none; color:#249bff}
a.next:link, a.next:visited {text-decoration:none; color:#666}
a.next:hover {color:#000}

.subnav {color:#666; text-transform:uppercase; text-decoration:none}
#content_right ul.subnav {margin:0; padding:0; list-style:none}
/*#content_right ul.subnav li {padding:3px 25px 3px 15px; margin:0; border:none; background:url(nav3_arrow.gif) top left no-repeat;}*/
a.subnav:link, a.subnav:visited {text-transform:none; text-decoration:none; color:#666; }
a.subnav:hover {color:#666; text-decoration:underline}
#content_right p {margin-top:10px; margin-bottom:5px}

a.top:link, a.top:visited {text-transform:none; text-decoration:none; color:#666; }
a.top:hover {color:#666; text-decoration:underline}

a.fellow1:link, a.fellow1:visited {font-size:20px; line-height:29px; padding-right:8px; text-decoration:none; color:#4d4d4d}
a.fellow2:link, a.fellow2:visited {font-size:20px; line-height:29px; padding-right:8px; text-decoration:none; color:#8b9a93}
a.fellow1:hover, a.fellow2:hover {text-decoration:underline}

.grayText a:link, .grayText a:visited {color:#666; }
a.top:hover {color:#000;}

#footerLink a:link, #footerLink a:visited {text-decoration:none; color:#990000}
#footerLink a:hover {text-decoration:underline; color:#990000}

a.grantmaking:link, a.grantmaking:visited {text-decoration:none; color:#32a1ff; }
a.grantmaking:hover {color:#6e2a8d; text-decoration:none}

#footerCopy p, #footerLink p, #footerCopy a:link, #footerCopy a:visited {color:#555}

/* Text Styles */
.subhead {color:#990000}
p.caption {margin-right:38px; color:#4d4d4d}
ol.footnote li {color:#8c8c8c; font-size:10px}
.grayText {color:#333}
p.fellows {margin-right:34px}
.additional, #additionalInfo a {color:#4d4d4d}
#additionalInfo a:hover {color:#000}
.spacer {display:block; margin:3px 0 8px 0}
.introTxt {font-size:12px; margin-right:38px; color:#4d4d4d}
.header {display:block; width:438px; padding:3px 5px 3px 0; background-color:#fff; color:#6e2a8d; text-transform:uppercase}
.landingText {margin-left:28px; margin-right:63px}
.noMargin {display:block; width:223px; margin-left:-20px; background-color:#f3f3e8}

/* Fellows */
#content_container_fellows a.section:link, #content_container_fellows a.section:visited {display:block; padding-bottom:15px; width:221px; font-weight:bold; text-decoration:none; color:#6e2a8d; border-bottom:solid 1px #ccc}
#content_container_fellows a.section:hover {color:#000}

#content_container_fellows a.nav3:link, #content_container_fellows a.nav3:visited {display:block; width:150px; font-weight:normal; padding-right:60px; text-decoration:none; color:#666}
#content_container_fellows a.nav3:hover {text-decoration:underline; background:none }

#content_container_fellows a.nav3on:link, #content_container_fellows a.nav3on:visited {display:block; width:150px; padding-right:60px; text-decoration:none; color:#000}
#content_container_fellows a.nav3on:hover {text-decoration:underline; background:none}

#content_container_fellows h1 {font-size:18px; font-weight:normal; margin:15px 0 0 0; color:#6e2a8d}

#info_header {position:relative;height:373px;width:514px}
#info_header #info_img {position:absolute;height:373px;width:514px;z-index: 99990;}
#info_header #info_icon {left: 496px; width: 13px; position: absolute; top: 355px; height: 13px;z-index: 99999;}
#info_header #info_text {display: none; z-index: 99998; position: absolute; top: 0px; left: 200px; height: 373px;width: 314px; color:#fff;}
#info_header #info_text_text {color:#FFFFFF;z-index:99999;padding:10px 0 0 10px;left:0px;width: 314px; position: absolute; top: 0px; height: 373px;}
#info_header #info_text_bg {left:0px;width: 314px; position: absolute; top: 0px; height: 372px;background:#000;-moz-opacity: 0.5;opacity:.50;filter: alpha(opacity=50)}

#info_header #info_icon_bottom {left: 5px; top: 355px; width: 13px; position: absolute; height: 13px;z-index: 99999;}
#info_header #info_text_bottom {display: none; z-index: 99998; position: absolute; top: 260px; left: 0px; height: 112px;width: 514px; color:#fff;}
#info_header #info_text_text_bottom {color:#FFFFFF;z-index:99999;padding:10px 0 0 10px;left:0px;width: 514px; position: absolute; top: 0px; height: 112px;}
#info_header #info_text_bg_bottom {left:0px;width: 514px; position: absolute; top: 0px; height: 112px;background:#000;-moz-opacity: 0.5;opacity:.50;filter: alpha(opacity=50)}


/* modal popup for fellows bio */
#fellows {position:relative;height:262px;width:483px;}
#fellows_image {position:absolute;top:0;left:0}
#fellows_video_link {position:absolute;top:230px;left:380px}
#fellows_spotlight {display:none;width:725px;height:460px;}
#fellows_left {width:370px;float:left;padding-top:10px;margin-left:5px;}
#fellows_right a {text-decoration:none;}
#fellows_right a:hover {text-decoration:underline;}
#fellows_right {width:330px;float:left;padding-top:10px}
#fellows_right ul {margin:0;padding:0;list-style:none;}
#fellows_right ul li {padding-bottom:10px;}
#fellows_spotlight ul {clear:both}
/*#fellows_right #fellows_more_info ul li a {background:url(black_arrow_right.gif) 0% 50% no-repeat; padding: 0 0 0 10px; color: #000; margin:0}*/
#overlay{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:5000;background-color:#000;-moz-opacity: 0.7;opacity:.70;filter: alpha(opacity=70)}
#overlay[id]{position:fixed;}
#lightbox {display:none;position:absolute;width:725px;height:460px;background:#fff;z-index:9999;top:100px;left:0}
#lightbox[id]{position:fixed;}
#lightbox #inner-table {padding-right: 10px;}
#lightbox #inner {padding: 10px 0 10px 15px;text-align:left}
#lightbox hr {color:#ccc}
#lightbox #inner .title {padding-left:24px; margin-top:6px; padding-top:3px; background: url(fellows_camera.jpg) top left no-repeat;font-weight:bold;font-size:14px;height:26px; position: relative;}
/*#lightbox #inner a.close {padding-right:24px; margin-right:5px; background: url(fellows_close.jpg) right top no-repeat; font-size:12px; font-weight:bold; color: #999; text-decoration:none;}*/
#lightbox.done #lbLoadMessage{display:none;}
#lightbox.loading #lbContent{display:none;}
#lightbox.loading #lbLoadMessage{display:block;}

#fellows_more_grantee, #fellows_more_info {clear:both}

/* Fixes on video popup styles for popup window */
body#popup {background-color: #FFF;}
body#popup #fellows_spotlight {display: block;}
body#popup #lightbox.done {position: relative; top: 0; display: block;}