/* global.css */

/*--------------------------
CSS RESET
--------------------------*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big,cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;} :focus {outline: 0;} body {line-height: 1;color: black;background: white;} ol, ul {list-style: none;} table {border-collapse: separate;border-spacing: 0;} caption, th, td {text-align: left;font-weight: normal;}blockquote:before, blockquote:after, q:before, q:after {content: "";} blockquote, q {quotes: "" "";}


/*--------------------------
BASIC STRUCTURE
--------------------------*/
html {}

body {background: white; font: 14px/normal Arial, sans-serif; color: #333;}
small { font-size:11px; }

body.biggerFont {font-size: 17px;}

div#wrapper {width: 920px; margin: 0 auto; position: relative;}

div#header {width: 920px; height: 180px; position: relative;}
div#header a#site-logo {width: 320px; height: 100px; display: block; background: url(../images/ui-global.png) no-repeat 0 0; position: absolute; top: 40px; left: 0;}

div#header form#site-search {position: absolute; right: 0; top: 17px; width: 215px;}
div#header form#site-search * {border: none;}
div#header form#site-search label {width: 215px; height: 14px; background: url(../images/ui-global.png) no-repeat -330px -30px; display: block;}
div#header form#site-search input#keywords {width: 170px; height: 18px; padding: 4px 5px; background: url(../images/ui-global.png) no-repeat -330px -44px; display: block; float: left;}
div#header form#site-search button#search-submit {width: 35px; height: 26px; background: url(../images/ui-global.png) no-repeat -510px -44px; display: block; float: left; cursor: pointer;}
div#header form#site-search button#search-submit:hover {filter:alpha(opacity=80);-moz-opacity:.8;opacity:.8;}
div#header div#text-size {width: 115px; height: 20px; position: absolute; top: 155px; right: 0;}

div#header div#text-size * {float: left; display: block;}
div#header div#text-size h6 {width: 70px; height: 20px; background: url(../images/ui-global.png) no-repeat -330px -80px;}
div#header div#text-size a {width: 20px; height: 20px; background: url(../images/ui-global.png) no-repeat;}
div#header div#text-size a#bigger {background-position: -400px -80px; margin-right: 5px;}
div#header div#text-size a#smaller {background-position: -420px -80px;}
div#header div#text-size a.active, div#header div#text-size a:hover {filter:alpha(opacity=70);-moz-opacity:.7;opacity:.7;}
div#header div#text-size a.active:hover,
div#header div#text-size a.active {cursor: default; filter:alpha(opacity=40);-moz-opacity:.4;opacity:.4;}

div#header div#subnav {position: absolute; top: 40px; left: 450px; width: 250px; height: 14px; background: url(../images/ui-global.png) no-repeat -450px -80px;}
div#header div#subnav a {display: block; float: left; background: white;}
div#header div#subnav a#news-events {width: 93px; height: 10px; background: url(../images/ui-global.png) no-repeat -450px -80px; margin-right: 17px;}
div#header div#subnav a#contact-us {width: 76px; height: 10px; background: url(../images/ui-global.png) no-repeat -560px -80px; margin-right: 5px;}
div#header div#subnav a.social {margin: 0 0 0 3px; position: relative; top: -7px;}

p#site-slogan {position: absolute; top: 155px; left: 0; width: 520px; height: 26px; background: url(../images/ui-global.png) no-repeat -330px 0;}


div#content {width: 920px; overflow: hidden; padding: 30px 0 60px;}

div#content.wide-right-column div#left-column {display: none;}
div#content.wide-right-column div#right-column {width: 920px;}


div#left-column,
div#right-column,
div#sidebar-column {float: left;}

body#homepage div#left-column {width: 680px; margin-right: 20px;}
body#homepage div#right-column {width: 220px;}

body#landing div#left-column {width: 220px; margin-right: /*20px*/30px;}
body#landing div#right-column {width: /*680px*/640px;}

body#interior div#left-column {width: 220px; margin-right: 20px;}
body#interior div#right-column {width:680px; }
body#interior div#sidebar-column {width:220px; margin:0 0 0 20px; float:right; }

body#interior div.search-results div#right-column { width:920px; }
div.search-results #paginate { padding:15px 0 0; }

div#footer {width: 920px; margin: 0 auto; border-top: 1px solid #989898; overflow: hidden; padding: 20px 0;}
div#footer p {font-size: 90%; color: #666;}
div#footer p#site-info {width: 350px;}
div#footer div#footer-nav {float: right; width: 550px;}
div#footer div#footer-nav p {text-align: right; margin-bottom: 15px; width: 550px; overflow: hidden;}
div#footer div#footer-nav p#footer-donate-links a {color: white; background: #ef4130; float: right; margin-left: 10px; padding: 5px 7px;}
div#footer div#footer-nav p a.facebook {background: url(../images/icon-facebook.gif) no-repeat; padding-left: 20px; float: right;}


div#inner-column-wrap {width: 660px; overflow: hidden; padding-top: 5px;}
div#inner-column-wrap div.inner-column {width: 300px; float: left;}
div#inner-column-wrap div.inner-column.left {margin-right: 60px;}

div#inner-column-wrap div#grant-opportunities-list h3 {width: 300px; height: 23px; background: url(../images/ui-global.png) no-repeat 0 -280px;}
div#inner-column-wrap div#news-events-list h3 {width: 134px; height: 23px; background: url(../images/ui-global.png) no-repeat 0 -310px;}

body#homepage div#inner-column-wrap {background: url(../images/bg-homepage-columns.gif) repeat-y;}
body#homepage div#inner-column-wrap h6 {margin-bottom: 5px;}
body#homepage div#inner-column-wrap p {color: #666; margin-bottom: 15px;}

body#landing div#inner-column-wrap {background: url(../images/bg-interior-columns.gif) repeat-y 320px 0;}
body#landing div#inner-column-wrap div.inner-column {margin-left: 20px;}
body#landing div#inner-column-wrap div.inner-column.left {margin-right: 20px; margin-left: 0;}

a#register-for-event {float: left; background: #ab0d38 url(../images/bg-button2.gif) no-repeat 95% 50%; color: white; padding: 5px 30px 5px 7px;}


/*--------------------------
FONTS/LINKS
--------------------------*/
h1, h2, h3, h4, h5, h6 {font-weight: normal; margin-bottom: 10px;}

h1 {font: 210%/normal Georgia, serif; color: #a80532; font-weight: bold;}
body#interior div#right-column h1 {line-height: 120%; }

h2 {font-size: 170%; font-weight: bold; color: #a80532;}
body#interior div#right-column h2 {font-size: /*125%*/150%; color: #5a5b4e; margin-top: 1.4em;}

h3 {font: 140%/normal Georgia, serif;}

h4 {font-size: 130%; font-weight: bold; color: #666;}
body#interior div#right-column h4 {color: #5a5b4e; margin-bottom: 5px; margin-top: 25px;}

h5 {font: 120%/normal Georgia, serif; text-transform: uppercase; letter-spacing: 2px;}

h6 {font-size: 110%; font-weight: bold;}
h6.event-heading {margin-bottom: 3px;}

p {margin-bottom: 15px; font-size: 100%;}

body#interior div#right-column p {line-height: 130%;}

p.entry-date {font-size: 90%; margin-bottom: 7px; color: #666;}

/* img replacement for headings or navigation */
.img-text {position: absolute; top: -9999px;}

.float-left,
.float-right {border: 2px solid #b8b8b8 !important; padding: 2px; display: block;}
.float-left {float: left; margin: 0 15px 10px 0;}
.float-right {float: right; margin: 0 0 10px 15px;}

a {color: #a80532;}
a:link, a:visited {text-decoration: none;}
a:active, a:hover, a.active {}
a:hover {text-decoration: underline;}
a span {cursor: pointer;}

body#interior div#right-column a {text-decoration: underline;}
body#interior div#right-column a:hover {text-decoration: none;}

a#donor-xpress {width: 220px; height: 40px; background: url(../images/ui-global.png) no-repeat -480px -110px;}
a#donate-online {width: 220px; height: 40px; background: url(../images/ui-global.png) no-repeat -480px -150px;}
a#donate-online2 {width: 220px; height: 40px; background: url(../images/ui-global.png) no-repeat -480px -250px;}
a#give-richmond {width: 220px; height: 50px; background: url(../images/ui-global.png) no-repeat -480px -193px;}

.button {display: block;}
.button:hover {filter:alpha(opacity=80);-moz-opacity:.8;opacity:.8;}

strong {font-weight: bold;}
strong.big {font-size: 130%;}

em {font-style: italic;}

.nowrap {white-space: nowrap;}

.clear {height: 1px; display: block; clear: both;}

hr {border: none; height: 1px; display: block; border-top: 1px solid #999; margin-bottom: 15px;}
hr.dashed {border-top-style: dashed;}
hr.dotted {border-top-style: dotted;}

ul, ol {list-style-position: outside; margin-left: 30px; margin-bottom: 15px;}
ul {list-style-type: square;}
ol {list-style-type: decimal;}
ul li, ol li {margin-bottom: 7px;}



/*--------------------------
FEATURED IMAGES/SLIDESHOW
--------------------------*/
div#featured {width: 630px; border: 1px solid #d4d5d1; background-color: #f1f1f1; padding: 4px; position: relative; margin-bottom: 30px; overflow: hidden;}
div#featured div#slide-wrap {position: relative; background: black; width: 620px; height: 360px; border: 5px solid white; overflow: hidden;}
div#featured div.slide {width: 620px; height: 360px; background-color: black; overflow: hidden;}
div#featured div.slide div.slide-info {position: absolute; bottom: 0; left: 0; width: 580px; padding: 20px 20px 10px; filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85; background: black;}
div#featured div.slide div.slide-info h5 {color: #ffc20e;}
div#featured div.slide div.slide-info p {font: 120%/normal Georgia, serif; color: white; /*text-indent: -7px;*/}
div#featured div.slide div.slide-info a.button {display: block; float: right; border: 1px solid #4d4d4d; padding: 1px; background-color: transparent; width: 176px; margin-left: 30px; margin-bottom: 10px; color: white;}
div#featured div.slide div.slide-info a.button span {display: block; width: 138px; padding: 8px 30px 8px 8px; background: #4d4d4d url(../images/bg-button.gif) no-repeat 150px 50%;}
div#featured div#slide-nav {position: absolute; top: 9px; left: 9px; z-index: 99; padding: 10px 10px 3px; background-color: #ffc20e;}
div#featured div#slide-nav a {display: block; width: 10px; height: 10px; overflow: hidden; text-indent: -9999px; position: relative; background: url(../images/ui-global.png) no-repeat -550px -30px; margin-bottom: 7px;}
div#featured div#slide-nav a.activeSlide {background-position: -550px -40px;}
div#featured div#slide-nav a span.title {position: absolute; left: 10px; top: 0; background-color: #333;}
div#featured div#slide-nav a:hover {filter:alpha(opacity=80);-moz-opacity:.8;opacity:.8;}
div#featured div#slide-nav a.activeSlide:hover {filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}


/*--------------------------
SIDEBARS
--------------------------*/
.sidebar {width: 190px; padding: 15px 15px 10px; margin-bottom: 10px;}
.box { border:1px solid #c2c2c2; width:214px; padding:2px }
.box h3 { padding:8px 11px; }
.gray h3 { background:#e1e1e1; }
.gray .inner h3 {background: none; padding: 8px 0; font-family: Helvetica, Arial, sans-serif;}
.orange h3 { background:#ffc20e; }
.orange .inner h3 {background: none; padding: 0; font-family: Helvetica, Arial, sans-serif;}
.peach h3 { background:#EF4130; color:#fff; }
.peach .inner h3 {background: none; padding: none;}
.box .inner { padding:0 11px 3px; }
.box img { width:192px; }

div#bobbys-blog.sidebar {background: #ef4130;}
div#bobbys-blog.sidebar a {color: white;}
div#bobbys-blog.sidebar h4 {width: 170px; height: 40px; background: url(../images/ui-global.png) 0 -550px; margin-left: -5px; margin-bottom: 5px;}

div#philanthropy-podcast.sidebar {background: #ce3045;}
div#philanthropy-podcast.sidebar a {color: white;}
div#philanthropy-podcast.sidebar h4 {width: 170px; height: 40px; background: url(../images/ui-global.png) 0 -510px; margin-left: -5px; margin-bottom: 5px;}

div#video-vault.sidebar {background: #ce3045;}
div#video-vault.sidebar a {color: white;}
div#video-vault.sidebar h4 {width: 170px; height: 40px; background: url(../images/bg_video_vault.png) top left no-repeat; margin-left: -5px; margin-bottom: 5px;}

div#bobbys-blog.sidebar p,
div#bobbys-blog.sidebar h6,
div#philanthropy-podcast.sidebar p,
div#philanthropy-podcast.sidebar h6 {margin-bottom: 5px; color: white;}

a.this-cat {font-weight: bold; color: #6D0320; text-decoration: none !important;}

.sidebar ul,
.sidebar ol {padding-right: 10px;}



/*--------------------------
MAIN NAVIGATION
--------------------------*/
ul#navigation {width: 470px; height: 70px; position: absolute; top: 70px; left: 450px; margin: 0; font-size: 14px;}
ul#navigation li {height: 70px; display: block; float: left; margin: 0; position:relative;}
ul#navigation li a {height: 70px; width: 150px; margin-right: 10px; display: block; text-decoration: none;}
ul#navigation li a:hover {filter:alpha(opacity=80);-moz-opacity:.8;opacity:.8;}
/*ul#navigation li.menu a:hover {filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0;}*/

ul#navigation li#give a {background: url(../images/ui-global.png) no-repeat 0 -110px;}
ul#navigation li#give.here a {background-position: 0 -180px;}

ul#navigation li#receive a {background: url(../images/ui-global.png) no-repeat -160px -110px;}
ul#navigation li#receive.here a {background-position: -160px -180px;}

ul#navigation li#learn a {background: url(../images/ui-global.png) no-repeat -320px -110px; margin-right: 0;}
ul#navigation li#learn.here a {background-position: -320px -180px;}

ul#navigation li ul {display: none;}
ul#navigation li.menu ul {margin: 0; width: 150px; position: absolute; top: 62px; left: -2px; z-index: 9999; border: 2px solid white; border-top: none; background: white;}
ul#navigation li.menu ul li,
ul#navigation li.menu ul li a {height: auto; width: auto; margin: 0;}
ul#navigation li.menu ul li a {padding: 6px 12px; color: white; width: 126px;}
ul#navigation li.menu ul li {float: none; display: block;}

ul#navigation li#give.menu ul li a {background: #ef4130; border-top: 1px solid #ef673d;}
ul#navigation li#receive.menu ul li a {background: #ce3045; border-top: 1px solid #ed374f;}
ul#navigation li#learn.menu ul li a {background: #a80532; border-top: 1px solid #cc063d;}


/*--------------------------
LANDING / INTERIOR
--------------------------*/
div#section-nav {background: #e1e1e1; padding: 10px 10px 12px; margin-bottom: 10px; width: 200px; overflow: hidden;}
div#section-nav h3 {color: #5a5b4e; font-size: 200%; font-weight: normal; text-transform: capitalize; padding-bottom: 15px;}
div#section-nav ul {margin: -7px 0 0; list-style: none;}
div#section-nav ul li {margin: 10px 0 0; display: block;}
div#section-nav ul li a {background: url(../images/bullet-arrow.gif) no-repeat 0 0; padding-left: 12px; display: block; width: auto;}
div#section-nav ul li a.open {background-position: -220px 0;}
div#section-nav ul li a.here {color: #6d0320; font-weight: bold; background-position: -440px 0;}
div#section-nav ul li a.here.open {background-position: -660px 0;}

/* for structure */
div#section-nav ul li.parent-here a,
div#section-nav ul li.parent-here ul li.parent-here a {background-position: -220px 0; color: #6d0320;}
div#section-nav ul li.parent-here ul li a,
div#section-nav ul li.parent-here ul li.parent-here ul li a {background: url(../images/bullet-arrow.gif) no-repeat 0 0; color: #5a5b4e;}

div#section-nav ul li.here a,
div#section-nav ul li.parent-here ul li.here a,
div#section-nav ul li.parent-here ul li ul li.here a {color: #6d0320; font-weight: bold; background-position: -440px 0;}
div#section-nav ul li.here ul li a,
div#section-nav ul li.parent-here ul li.here ul li a {color: #5a5b4e; background: url(../images/bullet-arrow.gif) no-repeat 0 0; font-weight: normal;}

div#section-nav ul li.parent-here ul li.here ul li a {background: url(../images/bullet-arrow.gif) no-repeat 0 0;}

div#section-nav ul li ul li a {color: #5a5b4e;}

/*
div#section-nav ul li.expanded {background: url(../images/bg-list-level1-expanded.gif) repeat-y 2px 0;}
div#section-nav ul li ul li.expanded {background: url(../images/bg-list-level2-expanded.gif) repeat-y 3px 0;}
*/

div#section-nav ul li ul {padding-left: 11px; margin-top: 1px;}

div#interested-in-giving {border: 1px solid #c2c2c2; width: 192px; background: white url(../images/sidebar-titles.png) no-repeat -1px -1px; padding: 135px 13px 5px; overflow: hidden;}
div#interested-in-giving p {color: #666;}
div#interested-in-giving p strong.big {color: #3a3a3a;}
div#interested-in-giving p a {position: relative;}

div#for-advisors {border: 1px solid #c2c2c2; width: 192px; background: white url(../images/sidebar-titles.png) no-repeat -221px -1px; padding: 55px 13px 5px; overflow: hidden;}

/*td p {font-size: 75%;}*/
body#interior div#right-column img {/*padding: 0 15px 10px 0;*/ border: none;}
body#interior div#right-column img.staff_photo {padding: 0; border: none;}
body#interior div#right-column table td h6 {font-size: 70%;}
sup {vertical-align: super; font-size: 70%;}

ul.blocks {list-style: none; width: auto; overflow: hidden; margin-left: 0;}
ul.blocks li {width: 25%; float: left; text-align: center; margin-bottom: 20px;}
ul.blocks li br {display: none;}
ul.blocks li img {display: block; margin: 0 auto 3px; padding: 0 !important;}
ul.blocks li a img {text-decoration: none;}


/*--------------------------
FORMS
--------------------------*/
form {background: white;}
form p {font-size: 98%;}
form p label {color: #666;}
form p.input-group {float: left; padding-right: 10px; margin-right: 10px; border-right: 1px solid #ccc; white-space: nowrap;}
form p.input-group.last {border-right: none; padding-right: 0; margin-right: 0; float: none;}

form p span.req {color: #A80532;}

form p input,
form p select,
form p textarea,
form p button {font-size: 85%;}
.reg-form form p input {
	width:300px;
}
.reg-form form p input.submit {
	width:auto;
}

div#contribute_form,
div#contribute_form select#contribute_fund {width: 440px;}

form div#form-disclaimer {margin: 20px 0;}
form div#form-disclaimer p {font-size: 94%; color: #666;}

span#security-examples {display: block; padding: 10px; border: 2px solid #ccc; margin-top: 10px; white-space: normal; font-size: 90%; line-height: normal; color: #666; width: 75%;}
span#security-examples img {float: left; display: block;}

#username-form, #password-form {display:none;}

form#scholarshipSearch p label{display: block;}
form#scholarshipSearch p label span{display: block; font-size: 85%; color: #222; }
form#scholarshipSearch p select{width: 300px;}

select optgroup {font-style: normal; color: #666;}
select optgroup option {color: #333;}

/* giving cards - design choices */
div#card-designs {padding: 0 5px; margin: 10px 0 0; width: 670px; overflow: hidden;}
div#card-designs ul {list-style: none; margin: 0;}
div#card-designs ul li {float: left; width: 210px; margin: 0; padding-right: 10px;}
div#card-designs ul li input {float: left; margin: 35px 5px 0 0;}
div#card-designs ul li span {display: block; float: left; width: 190px;}
div#card-designs ul li span img {display: block; margin: 0 0 3px;}

/*--------------------------
TABLES
--------------------------*/
table {border-width: 2px 1px 1px 2px; border-style: solid; border-color: #999;}
table th,
table td {padding: 7px 5px; border-bottom: 1px solid #999; border-right: 1px solid #999;}
table th {background: #e1e1e1; font-weight: bold; color: #666; padding: 7px 5px;}
table td {vertical-align: middle;}

table tr.two td {background: #f7f7f7;}


/*--------------------------
DIRECTORY
--------------------------*/
body#interior div#right-column img.board-image { /*width:225px;*/ padding: 2px; margin-bottom:25px; }
body#interior div#right-column ul.directory-list { list-style-type:none; padding:0; margin:0; }
body#interior div#right-column ul.directory-list li, ul.directory-list hr.dashed { clear:both; }
/*body#interior div#right-column ul.directory-list li img.board-image { width:100px; }*/
body#interior div#right-column ul.directory-list h6 {margin-bottom: 0; color: #7c7c7c;}


p#category-selection {display: none;}