/* custom headers */

.helv-number { font-family: Helvetica, Arial, sans-serif;}
h2.red-lined { border-bottom: 1px solid #a13624; width: 100%; text-transform: capitalize; color: #a13624;}
.black-underlined { margin-top: 40px; padding-bottom:10px; border-bottom: 1px solid #000000; width: 100%; text-transform: capitalize; color: #000000; }
.middle-input, .tan-submit{ margin: 0; vertical-align: middle !important;}
.tan_box_header {background-color: #a08f7d; width: 100%; padding: 5px; color: #ffffff; }
.float-right{ float: right; clear: right; }
.photo-caption {font-size: .7em; }

/* footer menu */
.tweet_text {font-size: .8em; line-height: 1.5em; }
.tweet_primary_meta {font-size: .8em; line-height: 1.5em; }
.tweet_footer, .tweet_secondary_meta { font-size: .8em; line-height: 1.5em;}


/* grant application */

div.application-schedule { border: 1px solid #999999; padding: 0;}
div.application-schedule h3 { width: 100%; background-color: #9e8e7c; color: #ffffff; text-align: center; 
                            text-transform: uppercase; padding-top: 10px; padding-bottom: 10px; font-size: 1em; line-height: 115%;}
div.application-schedule h4 { width: 95%; background-color: #e0ded4; color: #000000; text-align: center; margin: 0 auto; font-size: .85em; font-weight: bold;}
div.application-schedule p.date { text-align: center; margin: 10px auto 1px auto; padding-bottom: 0; }
div.application-schedule p.date-label { text-align: center; margin: 0 auto 15px auto; line-height: 1.1em; font-size: .9em; font-weight: bold; padding-top: 0;}


/* cybercenter map */

div#cybercenter_map_container { position:relative; margin: 0 auto 50px; max-width: 800px;}
p.map_city { padding: 0; margin:0; font-weight: normal; color: #c30; font-size: .55em;  }
p.map_city img { margin-bottom: -5px; }
p.map_city a.mapLink, p.map_city a.mapLink:visited { text-decoration: none; }
p.map_city a.mapLink:hover { text-decoration: underline; }
div.cc_map_key { background-color: #ffffff; padding: 10px; border: 1px dashed #cccccc;
	text-align: center; float: right; width: 200px; z-index: 100; margin: 310px 20px 0 -110px; }

div.vcard { width: 100%; clear: both; margin-bottom: 5px; padding: 4px 8px; }
div.vcard span.fn {float: left; width: 150px; margin-right: 10px; }
div.vcard a.url {float: left; margin-right: 15px; }
div.vcard div.adr {float: left; clear: right; }
div.vcard div.adr div.street-address {float: left; margin-right: 10px; }
h4.trigger {clear: both; margin-top: 15px; padding-left: 10px; background-color: #f0e7cc; color: #000000;}
div.toggle_container {padding-bottom: 10px; }
.cybercenter_list { padding: 2px 20px; }
.cell-dark { background-color: #f8f3e6; }
.cell-light { background-color: #ffffff; }


/* Program Page CSS */
.all-grants-button { float: right; background-color: #e8d69d; padding: 4px 7px; }
.recent-recipients { border-left: 1px solid #aaa; }
.recent-recipients .helv-number { font-size: .8em; margin-bottom: 0; }
.recent-recipients h4 {margin-top: 0; line-height: auto;}


/* Start of Column CSS */

#container2 { clear:left; float:left; width:100%; overflow:hidden; background:#ffffff; 
    /* column 2 background colour */	border-left: 1px #aaa solid; }
#container1 { float:left; width:100%; position:relative; right:50%; background:#ffffff; /* column 1 background colour */ }
#col1 {	float:left; width:46%; position:relative; left:52%; overflow:hidden; border-right: 1px #aaa solid; }
#col2 { float:left; width:46%; position:relative; left:56%; overflow:hidden; }


/* page bottom navigation */

.nav-prev-next { width: 100%; border-top: 1px dotted #000000; padding-top: 10px; margin-top: 30px; }
.nav-prev {float: left; }
.nav-prev:before {padding-right: 4px; content: "\00ab";}
.nav-next {float: right; }
.nav-next:after {padding-left: 4px; content: "\00bb";}


/* staff contact page */

.section-bar { width: 100%; background-color: #e1e1e1; padding: 7px 12px; overflow: hidden; }
.staff-member { width: 30%; float: left; text-align: center; font-size: .8em; }
.staff-member * img {width: 95%; }


/* fellowship pages */

.school-description { margin-top: 25px; }
.school-description :after{ content:''; clear: both; visibility: hidden;  }
.school-logo { float: left; width: 162px; height: 90px; text-align: center; margin-right: 30px; border: 1px #dddddd solid; float: left; position: relative; }
.school-logo img { max-height: 90%; max-width: 90%; width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
.school-description p { overflow: hidden; padding-bottom: 10px;}
.school-description .tan-link-box {
	display: inline-block;
	margin-top: 2rem;
}
.fellow-grid-row { text-align: justify; background-color: #ffffff; line-height: 0; }
.fellow-grid-row .fellow-in-grid {display: inline-block; float: left; width: 20%; text-align: center; }
.fellow-header h2 { text-transform: uppercase; font-weight: bold; }
.fellow-grid-row:after { content: ""; width: 100%; display: inline-block; vertical-align: bottom; }


/* Google map placeholders */
#footer-contact-map { width: 100%; height: 250px; }
#contact-page-map { width: 100%; height: 300px; }
#contact-page-map img { max-width: none; }
.gmnoprint img { max-width: none; }
#search-2 { width: 33%; float: right; }
.fellow-post-img { float: left; margin-right: 20px; margin-bottom: 20px; }


/* grant database page */

#grant-filter-form { border-top: 1px solid #dddddd; padding-top: 12px; padding-bottom: 12px; border-bottom: 1px solid #dddddd; margin-bottom: 20px; }
.grant-page-total {float: right; text-align: right; }
.grant-org-tr { display:none; }
.grant-org-name { padding-left: 30px; font-size: 1.5em; }
table.grant-details { width: 98%; margin-bottom: 15px; margin-left: auto; margin-right: auto; }
table.grant-details * .col-1 { width: 15%; padding-left: 11px; }
table.grant-details * .col-1-2 {width: 85%; padding-left: 8px; }
table.grant-details * .col-2 { width: 70%; padding-left: 10px; padding-right: 10px; }
table.grant-details * .col-3 { width: 15%; padding-right: 10px; }
table.grant-summary { background-color: #f0e7cc; width: 100%; margin-bottom: 4px;  }
.cell-right { text-align: right; }
td.cell-dark { border-left: 1px solid #ffffff; }
td.cell-light { border-left: 1px solid #bba160;}
table.grant-summary * .col-1 { width: 15%; padding-left: 10px; }
table.grant-summary * .col-2 { width: 70%; padding-left: 10px; border-right: 1px solid #ffffff; padding-right: 10px; }
table.grant-summary * .col-3 { width: 15%; padding-right: 10px; }

/* arrow toggle control shared among many pages */

.arrow-toggle-r, .arrow-toggle-u,  .arrow-toggle-d { text-decoration: none; color: #a13624; margin-left: 5px; margin-right: 5px; font-size: 15px; }
.arrow-toggle-r:hover, .arrow-toggle-u:hover,  .arrow-toggle-d:hover, .arrow-toggle-r:active, .arrow-toggle-u:active, .arrow-toggle-d:active { text-decoration: none; }
.arrow-toggle-r:after { content: '\25B6'; }
.arrow-toggle-u:after { content: '\25B2'; }
.arrow-toggle-d:after { content: '\25BC'; }

/* latest news */

div.latest_news { background: #f8edd6; margin-right: 0; margin-left: 0; width: 100%; padding-bottom: 70px; margin-bottom: -50px; padding-top: 70px;}
div.latest_news * p {font-size: .8em; }
div.latest_news * .blog-post-title { }
.latest_news * .blog-post-title {  }
.blog-post-title a.latest-news-headline { font-size: .85em; font-weight: 300; color: #b28400; }
.blog-post-detail { font-size: .95em; }
.blog-post-title a.latest-news-headline:hover { color: #a13624; }
.latest_news_box { min-height: 340px; border: 1px solid #cbcbcb; padding: 10px; padding-left: 10px; padding-right: 10px;}
.box-right {float: right; margin: 15px 0 20px 20px; }

.no-bottom-border {border-bottom: 0; }

/* buttons */

.theme-btn-grey { border: 1px solid #ccbb89; font-size: .7em; text-align: center; 

text-transform: uppercase; background-color: #b3ac98; color: #ffffff;  }

.theme-btn-grey:hover { border: 1px solid #e8d59c; background-color: #ccc4ad; }