@charset "ISO-8859-1";
/* CSS Document */

body, table, tr, td, div, img, form, object, embed, ul, ol, li, cite, a {
border-width: 0;
margin: 0;
padding: 0;
}

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #444;
text-align: left;
background-color: #086;
width: 942px;
border: 0;
margin: 0 auto;
}


/* TEXT STYLES AND GENERAL STYLES */

p, ul, blockquote { 
line-height: 20px;
margin: 0 0 10px 0;
}

blockquote {
margin: 0 30px 10px 30px;
}

a { 
color: #500;
text-decoration: underline;
}

h1 {
font-family: "Times New Roman", Times, serif;
font-size: 28px;
font-style: italic;
margin: 0 0 10px 0;
}

h2 {
color: #086;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
padding-top: 10px;
margin: 0 0 10px 0;
}


/* CONTAINERS, BOXES AND COLUMNS */

#container {
width: 940px;
float: left;
padding: 0;
background-color: #fff;
border: 1px solid #000;
border-top: 0px;
margin: 0;
}

#header {
width: 940px;
height: 74px;
float: left;
padding: 0;
margin: 0;
}

/* top (main) nav bar */
#navmain {
width: 940px;
float: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-align: center;
padding: 0;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
margin: 0;
}

#navmain #about, #navmain #programs, #navmain #workshops, #navmain #donate, #navmain #news {
width: 156px;
float: left;
padding-top: 7px;
padding-bottom: 7px;
border-right: 1px solid #000;
} 

#navmain #graduates {
width: 155px;
float: left;
padding-top: 7px;
padding-bottom: 7px;
border-right: 0;
} 

#navmain #about {
background-color: #168;
}

#navmain #programs {
background-color: #aa3;
}

#navmain #workshops {
background-color: #a26;
}

#navmain #donate {
background-color: #da2;
}

#navmain #news {
background-color: #549;
}

#navmain #graduates {
background-color: #c72;
}

#navmain a {
color: #fff;
text-decoration: none;
}

#navmain a:hover {
color: #000;
text-decoration: none;
}

/* area below nav bar */
#pagecontent {
width: 940px;
float: left;
}

#rightcol {
width: 195px;
float: left;
padding: 20px 20px 20px 0;
}

#rightcol img.full {
width: 193px;
float: left;
border: 1px solid #000;
margin-bottom: 20px;
}

/* photos and quotes in right bar */
#rightcol #photoquote {
width: 193px;
float: left;
border: 1px solid #000;
margin-bottom: 20px;
}

#rightcol #photoquote img {
width: 193px;
float: left;
margin-bottom: 0;
}

#rightcol #photoquote #box {
width: 173px;
float: left;
padding: 10px;
background-color: #777;
border-top: 1px solid #000;
}

#rightcol #photoquote #box p, #rightcol #testimonial p {
color: #fff;
font-family: "Times New Roman", Times, serif;
font-size: 15px;
font-style: italic;
line-height: 18px;
margin-bottom: 4px;
}

#rightcol #photoquote #box p.author, #rightcol #testimonial p.author {
color: #222;
text-align: right;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
line-height: 14px;
}

/*testimonials in right bar */
#rightcol #testimonial {
width: 173px;
float: left;
padding: 10px;
background-color: #ced;
border: 1px solid #000;
margin-bottom: 20px;
}

#rightcol #testimonial p {
color: #054;
}

#rightcol #testimonial p.author, #testimonial a {
color: #444;
}

#testimonial img {
float: right;
border: 1px solid #000;
margin: 0 0 6px 10px;
}


/* shoulder boxes */
#rightcol .shoulder {
width: 193px;
float: left;
border: 1px solid #000;
margin-bottom: 20px;
}

.shoulder .headarea {
float: left;
width: 173px;
height: 18px;
color: #fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-align: center;
padding: 6px 10px 4px 10px;
border-bottom: 1px solid #000;
margin: 0;
}

.shoulder #h_abou {
background-color: #168;
}

.shoulder #h_prog {
background-color: #aa3;
}

.shoulder #h_work {
background-color: #a26;
}

.shoulder #h_dona {
background-color: #da2;
}

.shoulder #h_news {
background-color: #549;
}

.shoulder #h_grad {
background-color: #c72;
}

.shoulder .bodyarea {
float: left;
width: 173px;
color: #046;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
padding: 10px 10px 2px 10px;
}

.shoulder .bodyarea p, .shoulder .bodyarea ul {
line-height: 15px;
margin: 0 0 10px 0;
}

.shoulder .bodyarea ul {
list-style-type: none;
}

.shoulder .bodyarea li {
background: url(../images/bullet-shoulder.gif) left 6px no-repeat;
padding-left: 10px;
margin-left: 10px;
}

.shoulder .bodyarea a {
color: #054;
}

.shoulder .bodyarea img {
float: right;
border: 1px solid #000;
margin: 0 0 6px 10px;
}

.shoulder #b_abou {
background-color: #cee;
}

.shoulder #b_prog {
background-color: #eeb;
}

.shoulder #b_work {
background-color: #edd;
}

.shoulder #b_dona, .shoulder #b_grad {
background-color: #edb;
}

.shoulder #b_news {
background-color: #edf;
}

#botmar {
width: 940px;
height: 20px;
}

.clear {
clear: both;
}