.grey-box {
    background-color:rgba(0,0,0,.05);
    padding:2em;
    text-align:center;
    font-weight:bold;
    color:rgba(0,0,0,.50);
}

.grey-box input, .grey-box select, .grey-box textarea {
    font-weight:normal;
}

.grey-message-box {
    background-color:rgba(0,0,0,.03);
    padding:2em;
    text-align:center;
    font-size:0.8em;
    color:rgba(0,0,0,.50);
    border:1px dashed rgba(0,0,0,.25);
}

#divToast {
    position:fixed;
    bottom:1em;
    right:1em;
    padding:2em;
    background-color:rgba(255,255,255,1);
    z-index:99999;
    display:none;
    color:#ffffff;
    max-width:400px;
    width:100%;
    box-shadow:0px 0px 5px rgba(0,0,0,.25);
    font-size:0.8em;
}

a.btn, .btn {
    background-image:none;
    border:0px;
    border-radius:0px;
    text-shadow:0px;
}

.org-summary {
    background-color:rgba(0,0,0,.05);
    padding:1.5em;
    text-align:center;
    border-radius:0.5em;
    border:5px solid rgba(0,0,0,.50);
}

.org-summary .logo {
    margin-bottom:1em;
}
.org-summary .name a {
    font-weight:bold;
    font-size:1.1em;
    color:#353e18;
}

.org-summary .count {
    font-size:0.65em;
    font-weight:bold;
    margin-bottom:1em;
    color:rgba(0,0,0,.65);
}

.org-summary .description {
    font-size:0.7em;
    color:rgba(0,0,0,.75);
    margin-bottom:1.5em;
}

.org-summary .website {
    font-size:0.8em;
}

.org-summary .more a {
    font-size:0.7em;
    display:inline-block;
    padding:0.75em 2em;
    background-color:#515b31;
    color:#ffffff;
}

.org-summary .more a:hover {
    background-color:#373f1d;
    text-decoration:none;
}

.control-button a, .control-button a:link {
    font-size:0.55em;
    color:rgba(255,255,255,.75);
    display:block;
    background-color:rgba(255,255,255,.10);
    padding:0.5em;
    text-decoration:none;
    text-align:center;
}

.control-button a:hover, .control-button a:active {
    color:rgba(255,255,255,1.00);
    background-color:rgba(0,0,0,.50);
    text-decoration:none;
}

#divCommunityContacts {
    background-color:rgba(0,0,0,.05);
    padding:2em;
    font-size:0.8em;
    overflow:hidden;
    text-align:center;
}

#divCommunityContacts h3 {
    margin-top:0px;
    font-size:1.4em;
    font-weight:bold;
    margin-bottom:1em;
}

#divCommunityContacts h4 {
    font-size:1.2em;
    font-weight:bold;
}

.listing-section-card {
    background-color:rgba(0,0,0,.05);
    padding:2em;
    font-size:0.8em;
    margin-bottom:1em;
}

.listing-section-card h3 {
    margin-top:0px;
    font-size:1.2em;
    border-bottom:1px solid rgba(0,0,0,.10);
    padding-bottom:0.75em;
}

.opp-item {
    margin-bottom:1em;
}

.opp-title {
    font-weight:bold;
}

.opp-purpose {
    font-size:0.8em;
    margin-bottom:1em;
}

.opp-learn a {
    font-size:0.7em;
    display:inline-block;
    padding:0.75em 2em;
    background-color:#515b31;
    color:#ffffff;
}

.opp-learn a:hover {
    background-color:#373f1d;
    text-decoration:none;
}

.opp-detail h3 {
    font-size:1.8em;
    font-weight:bold;
    margin-bottom:1em;
}

.opp-detail h4 {
    font-weight:bold;
}

.opp-detail {
    font-size:0.8em;
}

.manage-options {
    padding:2em 2em 1em;
    background-color:rgba(0,0,0,.05);
    margin-bottom:1em;
}

.manage-options h3 {
    margin-bottom:1em;
    margin-top:0px;
    color:#666666;
}

.manage-options a.btn {
    margin-bottom:1em;
}

form label {
    text-align:left;
    width:100%;
    font-size:0.7em;
}

form.grey-box {
    padding-bottom:1em;
}

table tr th {
    font-size:0.8em;
    color:rgba(0,0,0,.50);
}

table tr td {
    font-size:0.8em;
}

.center-popup-content {
    font-size:10pt;
    overflow:auto;
    max-width:800px;
}

.center-popup-content h3 {
    margin-top:0px;
    border-bottom:1px solid rgba(0,0,0,.15);
    margin-bottom:1em;
    padding-bottom:1em;
}

.center-popup-content .table {
    margin-bottom:1em;
}

.center-popup-content h4 {
    margin-bottom:1em;
}

.center-popup-content .fa-loader{
    color:rgba(0,0,0,.15);
    font-size:4em;
}

.center-popup-content .close-button { 
    position:fixed; 
    right:1em; 
    top:1em; 
} 

.center-popup-content .close-button a { 
    cursor:pointer; 
    color:rgba(0,0,0,.75);
    font-size:1.4em;
} 

.center-popup-content .close-button a:hover { 
    color:rgba(100,0,0,1); 
}

.center-popup-content form {
    background-color:rgba(0,0,0,.05);
    padding:2em;
}

.center-popup-content form label {
    font-size:1em;
    font-weight:normal;
    color:rgba(0,0,0,.50);
}

.center-popup-content form h4 {
    margin-top:0px;
    color:rgba(0,0,0,.75);
}

.center-popup-content .input-form {
    display:none;
}

.center-popup-content form hr {
    border:1px solid rgba(0,0,0,.05);
}

.center-popup-content table tr td {
    font-size:1em;
}

.management-form { 
    padding:2em;background-color:rgba(0,0,0,.05);
    border:1px solid rgba(0,0,0,.25); 
} 

.management-form label { 
    font-size:0.7em; 
    opacity:0.5; 
}

#divOpportunityLinkContent {
    padding:1em;
    background-color:rgba(0,0,0,.05);
    border:1px solid rgba(0,0,0,.15);
    margin-bottom:1em;
    font-size:0.8em;
}

#divOpportunityLinkContent h4 {
    margin-top:0px;
    font-size:0.9em;
    font-weight:bold;
    background-color:rgba(0,0,0,.75);
    color:#ffffff;
    padding:1em;
    text-align:center;
}

#divOpportunityLinkContent .link-list-area {
    padding:0.10em 0.5em;
    background-color:#ffffff;
}

a.btn-siteoption, a.btn-siteoption:visited {
    background-color:#666666;
    color:#ffffff;
    padding:1em;
}

a.btn-siteoption:hover, a.btn-siteoption:active  {
    color:#ffffff;
    background-color:#006600;
}

.community-main-card,
.container-card {
    padding:2em;
    border:1px solid rgba(0,0,0,.05);
    background-color:rgba(0,0,0,.05);
    font-size:0.8em;
    margin-bottom:1em;
    height:100%;
}

.community-main-card h3,
.container-card h3 {
    margin-top:0px;
    font-size:1.2em;
    font-weight:bold;
    margin-bottom:1.5em;
}

.community-main-card .more,
.container-card .more {
    text-align:right;
}

.community-main-card .more a ,
.container-card .more a {
    font-size:0.8em;
    color:rgba(0,0,0,.50);
}

.community-main-card .more a:hover,
.container-card .more a:hover {
    color:rgba(0,0,0,1);
}

.display-card {
    background-color:rgba(0,0,0,.03);
    background-color:rgba(255,255,255,1);
    padding:1.5em;
    border:1px solid rgba(0,0,0,.05);
    margin-bottom:1em;
}

.display-card .display-image {
    border:1px solid rgba(0,0,0,.10);
    margin-bottom:1em;
}

.display-card .display-headline {
    font-weight:700;
    font-size:1em;
}

.display-card .display-subheadline {
    margin-bottom:0.5em;
    font-size:0.9em;
}

.display-card .display-summary  {
    font-size:0.8em;
    margin-bottom:1em;
}

.display-card .display-link a  {
    display:block;
    padding:0.5em 1em;
    color:#ffffff;
    background-color:rgba(0,0,0,.50);
    text-align:center;
    font-size:0.8em;
}

.display-card .display-link a:hover {
    text-decoration:none;
    background-color:rgba(0,100,0,1);
}

.application-form {
    background-color:rgba(0,0,0,.05);
    padding:2em;
}

.application-form label {
    font-size:0.8em;
    color:rgba(0,0,0,.50);
}