/* CSS Document */

/* INTERIOR: TEXT STYLES AND GENERAL STYLES */

h1.abo {
color: #168;
}

h1.pro {
color: #aa3;
}

h1.wor {
color: #a26;
}

h1.don {
color: #da2;
}

h1.new {
color: #549;
}

h1.gra {
color: #c72;
}

h1.secondary {
color: #727;
}

p.testimony {
padding-top: 6px;
border-top: 1px dashed #000;
margin-top: 4px;
}

table {
width: 480px;
font-size: 10px;
text-align: left;
background-color: #ede;
border: 0;
margin: 0 0 10px 0;
}

td {
padding: 4px;
background-color: #fff;
vertical-align: top;
}

/* INTERIOR: CONTAINERS, BOXES AND COLUMNS */

/* top (main) nav bar */
#navmain #about_a, #navmain #programs_a, #navmain #workshops_a, #navmain #donate_a, #navmain #news_a {
width: 156px;
float: left;
padding-top: 7px;
padding-bottom: 7px;
background-color: #fff;
border-right: 1px solid #000;
} 

#navmain #graduates_a {
width: 155px;
float: left;
padding-top: 7px;
padding-bottom: 7px;
background-color: #fff;
border-right: 0;
} 

#navmain a.about {
color: #168;
}

#navmain a.programs {
color: #aa3;
}

#navmain a.workshops {
color: #a26;
}

#navmain a.donate {
color: #da2;
}

#navmain a.news {
color: #549;
}

#navmain a.graduates {
color: #c72;
}

/* area below nav bar */
#pagecontent {
background: #ede url(../images/bg_page-interior.gif) left top repeat-y;
}

/*left nav bar */
#pagecontent #leftnavbar {
width: 206px;
float: left;
padding: 0;
margin: 0;
}

#leftnavbar ul {
width: 170px;
float: left;
list-style-type: none;
font-family: "Times New Roman", Times, serif;
font-size: 18px;
font-style: italic;
text-align: right;
padding: 40px 20px 20px 16px;
margin: 0;
}

#leftnavbar li {
display: block;
background: none;
padding: 0;
margin: 0;
}

#leftnavbar li a {
display: block;
color: #555;
line-height: 22px;
text-decoration: none;
margin: 0 0 12px 0;
}

#leftnavbar li a:hover, #leftnavbar li.active a {
color: #000;
text-decoration: none;
}

#leftnavbar li.active a {
font-weight: bold;
}

/* middle column of text */
#pagecontent #middletext {
width: 480px;
float: left;
padding: 20px 19px 20px 20px;
margin: 0;
}

#middletext ul {
list-style-type: none;
}

#middletext ul li {
background: url(../images/bullet.gif) left 7px no-repeat;
padding-left: 15px;
margin-left: 25px;
}

#middletext img.left {
float: left;
margin: 4px 10px 6px 0;
}

#middletext img.right {
float: right;
margin: 4px 0 6px 10px;
}

/* for pages with two columns in the main column */
#middletext .columnleft {
width: 230px;
float: left;
padding-right: 20px;
}

#middletext .columnright {
width: 230px;
float: left;
}

/* middle/right column combined */

#pagecontent #fullright {
width: 694px;
float: left;
padding: 20px;
}

#fullright ul {
list-style-type: none;
}

#fullright ul li {
background: url(../images/bullet.gif) left 7px no-repeat;
padding-left: 15px;
margin-left: 25px;
}

#fullright .audio {
font-size: 11px;
line-height: 17px;
}

/* back to top links */
#middletext p.backtotop, #fullright p.backtotop {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: right;
text-transform: uppercase;
background: url(../images/arrow-top.gif) 445px 5px no-repeat;
margin-bottom: 10px;
}

#fullright p.backtotop {
background: url(../images/arrow-top.gif) 660px 5px no-repeat;
}

p.backtotop a {
text-decoration: none;
}

p.backtotop a:hover {
text-decoration:underline;
}



/* secondary (bottom) navigation */
#secondary {
width: 714px;
float: left;
color: #727;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
padding: 8px 0 8px 226px;
background: #ede url(../images/bg_page-interior2.gif) left top no-repeat;
}

#secondary #navitems {

}

#secondary #navitems a {
color: #500;
font-weight: bold;
}