/*  Begun March 8, 2006 by AJL                 */

body {background-color: #95b7cd;
font-family: Verdana, Helvetica, Arial, sans-serif;
background-image: url(images/bgimg.jpg);
background-repeat: repeat;
color: #484848;
margin: 0;}

#header {background-color: #fffb99;
border-bottom: 1px #000000 solid;
padding-top: 5px;
padding-left: 55px;
padding-bottom: 5px;
padding-right: 55px;
text-align: center;}

#header p {font-size: 0.6em;}

#header p em {font-style: normal;
font-weight: bold;}

#outer-image {background-image: url(images/2cor5_17.arabic.jpg);
background-position: center top;
height: 199px;
border-bottom: 1px #000000 solid;}

#inner-image {background-image: url(images/latino.faces.composite.jpg);
background-repeat: no-repeat;
background-position: 198px 0px;
height: 199px;}

#content {position: relative;
width: 779px;}

#navbar {position: absolute;
top: 0px;
left: 0px;
width: 198px;}

#navbar ul {margin: 0;
padding: 0;}

#navbar ul li {list-style-type: none;
margin: 0;
padding: 0;
font-size: 0.9em;
font-weight: bold;}

#navbar ul li a:link, #navbar ul li a:visited {display: block;
text-decoration: none;
color: #0000ff;
background-color: #95b7cd;
border-bottom: 1px #000000 solid;
border-left: 1px #000000 solid;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 8px;}

#navbar ul li a:hover {color: #0000ff;
background-color: #b8d9de;}

#main-text {background-color: #fcffbf;
border-left: 1px #000000 solid;
border-right: 1px #000000 solid;
border-bottom: 1px #000000 solid;
margin-left: 198px;
padding: 10px;
min-height: 360px;}

h1 {font-family: "Comic Sans MS", cursive;
font-size: 1.5em;
text-align: right;
font-style: italic;
font-weight: bold;
letter-spacing: 5px;
padding-top: 60px;
padding-bottom: 20px;}

/* === title color for odd years === */
#page-title-odd {
color: #0000ff;
}

/* === title color for even years === */
#page-title-even {
color: #b4020b;
}

h2 {font-size: 1.1em;
text-decoration: none;
line-height: 0.3em;}

h3 {font-size: 1.0em;
font-weight: bold;
line-height: 1.2em;}

p {font-size: 0.8em;
text-align: left;}

p.footer {font-size: 0.5em;
text-align: center;
font-weight: bold;
padding-top: 40px;}

p.newline {font-size: 0.1em;
text-decoration: none;}

span.red {color: #ff0000;
}

#cu-dove {position: absolute;
top: 450px;
left: 800px;
background-image: url(images/culb.gif);
background-repeat: no-repeat;
width: 183px;
height: 111px;
}

/*   Others pics for banner  */

#pic-2 {position: absolute;
top: 218px;
left: 620px;
background-image: url(images/black.church.women.jpg);
background-repeat: no-repeat;
width: 228px;
height: 143px;
border: 1px #000000 solid;}

#pic-3 {position: absolute;
top: 100px;
left: 525px;
background-image: url(images/black.woman.1800s.jpg);
background-repeat: no-repeat;
width: 149px;
height: 200px;
border: 1px #000000 solid;}

#pic-4 {position: absolute;
top: 115px;
left: 725px;
background-image: url(images/young.latina.girl.jpg);
background-repeat: no-repeat;
width: 250px;
height: 167px;
border: 1px #000000 solid;}

#pic-5 {position: absolute;
top: 120px;
left: 120px;
background-image: url(images/aa.civil.rights.montage.jpg);
background-repeat: no-repeat;
width: 180px;
height: 225px;
border: 1px #000000 solid;}

/*===================== GRANTS AND FUNDING =======*/

#grant-area {/* border: 1px #00ff00 dotted;
*/
position: static;
width: 550px;
min-height: 60px;}

.grant-item {/* border: 1px #ff0000 dotted;
*/
position: static;}

.grant-head {/* border: 1px #0000ff dotted;
*/
position: static;
width: 180px;
min-height: 25px;}

.grant-text {
/* border: 1px #6f6f6f dotted; */
position: relative;
top: -55px;
left: 190px;
width: 360px;
min-height: 50px;}  /*========================== EXHIBITORS =====*/  #warning-box {
border: 3px #ff0000 solid;
padding-left: 40px;}

/* ========================= OFFICERS ===========
Rules below set up officers and mailto: links on the OFFICERS page*/

.officers {font-size: 1.0em;
text-decoration: none;
line-height: 0.8em;
font-weight: bold;}

.officers a {text-align: right;}

/* ========= TABLES ==================
Rules below relate to the structure of tables that apear on the PLANNING webpage*/

/*Rules for heading and jump-back link at top of each table*/

.top-of-table {width: 555px;
height: 25px;
/* border: 1px #ff0000 dotted */}

.top-of-table h3 {position: relative;
left: 0px;
top: 0px;}

.top-of-table a {position: relative;
left: 520px;
top: -30px;
font-size: 0.6em;}

/*Appearance of actual cells in a plan-table*/

.plan-table td {background-color: #ffdd77;
color: #000000;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 0.7em;
margin: 0;}

.plan-table th {background-color: #ffdd77;
color: #000000;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 0.7em;
margin: 0;
font-weight: bold;}

/*Appearance of actual cells in a donor-table*/

.donor-table td {background-color: #ffdd77;
color: #000000;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 0.7em;
width: 550px;
margin: 0;
text-align: center;}

.donor-table th {background-color: #ffdd77;
color: #b4020b;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 0.8em;
margin: 0;
font-weight: bold;}

/*Rules (2) having to do with links that jump to a table*/

#jump-to-tables ul {margin: 0;
padding: 0;}

#jump-to-tables ul li {list-style-type: none;
margin: 0;
padding: 0;
font-size: 0.9em;
font-weight: bold;}

/*================= SITEMAP PAGE =============== */

#page-list {font-family: Courier, "Courier New", monospace;
font-size: 1em;}

/*================= TEMP "NOT READY" PAGE =========
Rules below relate to the temp "This page is not available yet" page*/

#notready {position: absolute;
top: 100px;
left: 100px;
width: 365px;
height: 150px;
background-color: #fffb99;
border: 3px #000000 solid;
text-align: center;}

#return-button {position: absolute;
top: 100px;
left: 100px;
width: 125px;
height: 25px;
margin: 0;
padding: 0;
background-color: #faff78;
border: 3px #000000 solid;
text-align: center;
display: block;}

/* ============== DEFAULT LINKS =================
Default appearance of links, below, applys if a more specific rule doesn't match*/

a:link {color: #0000ff;
text-decoration: none;}

a:visited {color: #ff00ff;
text-decoration: none;}

a:hover {color: #0000ff;
background-color: #b8d9de;}

a:active {color: #ffffff;
background-color: #0000ff;}

/* END */