@charset "utf-8";
/* CSS Document */

/* -- start reset -- */

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* -- end reset -- */

body {

background: #ffffff;
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size: 12px;
color: #000000;

}

#wrapper {

width: 970px;
height: auto;
position: relative;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
background: #ffffff;

}

#mainNav {

position: relative;
margin-left: 245px;
width: 725px;
height: 40px;
background: url(../images/nav_bg.gif) top left no-repeat #abaa5f;

}

#mainNav ul {

position: relative;
float: left;
list-style-type: none;

}

#mainNav li {

position: relative;
float: left;
list-style-type: none;

}

#mainNav a {

position: relative;
float: left;
padding: 0;
overflow: hidden;
height: 0; !important

}

/* BEGIN CSS ROLLOVERS */

#btn_home a {

width: 95px;
height: 40px;
background: url(../images/btn_home.jpg) top left no-repeat;
text-indent: -9000px;

}

#btn_who a {

width: 122px;
height: 40px;
background: url(../images/btn_who.jpg) top left no-repeat;
text-indent: -9000px;

}

#btn_what a {

width: 127px;
height: 40px;
background: url(../images/btn_what.jpg) top left no-repeat;
text-indent: -9000px;

}

#btn_programs a {

width: 112px;
height: 40px;
background: url(../images/btn_programs.jpg) top left no-repeat;
text-indent: -9000px;

}

#btn_funders a {

width: 91px;
height: 40px;
background: url(../images/btn_funders.jpg) top left no-repeat;
text-indent: -9000px;

}

#btn_contact a {

width: 99px;
height: 40px;
background: url(../images/btn_contact.jpg) top left no-repeat;
text-indent: -9000px;

}

#mainNav a:hover {

background-position: 0 -40px;

}

/* END CSS ROLLOVERS */

#header {

position: relative;
width: 970px;
height: 245px;
background: url(../images/header.jpg);

}

#mainContent {

position: relative;
float: left;
padding-top: 15px;
width: 970px;
height: auto;
background: url(../images/content_bg.jpg) top left repeat-x #ffffff;
margin-bottom: 15px;

}

#leftColumn {

position: relative; 
float: left;
width: 260px;
height: auto;
text-align: center;
padding-left: 20px;
padding-right: 20px;

}

#calendar_frame {

position: relative;
float: left;
width: 270px;
height: 420px;
border: none;
background-color: transparent;

}

#pdf_left {

position: relative;
float: left;
width: 32px;
height: 32px;
margin-left: 25px;
margin-top: 15px;

}

#pdf_right {

position: relative;
float: left;
width: 168px;
height: 50px;
margin-top: 15px;

}

#rightColumn {

position: relative;
float: left;
width: 645px;
height: auto;
line-height: 18px;
padding-right: 25px;

}

.bio_pic {

position: relative;
float: left;
width: 200px;
height: 230px;
border: 1px solid #000000;

}

.bio_description {

position: relative;
float: left;
width: 400px;
height: auto;
margin-left: 25px;

}

.programsAccordian {

width: 645px;

}

.funders {

margin-left: 40px;

}

.contact {

margin-top: 0;

}

.spacer {

margin: 18px 0 15px 0;

}

button {

margin: 18px 0 18px 25px;

}

.AL_list {

position: relative;
float: left;
width: 585px;
margin-left: 25px;
margin-top: 15px;
padding: 5px 15px 15px 15px;
background: #CCCCCC;
line-height: 18px;

}

#SH_list {

position: relative;
float: left;
width: 585px;
margin-left: 25px;
margin-top: 15px;
padding: 5px 15px 15px 15px;
background: #CCCCCC;
line-height: 18px;

}

#riverside_gallery {

width: 555px;
height: auto;
background: #CCCCCC;
padding: 15px 45px 15px 45px;
text-align: center;

}

#riverside_gallery img {

border: 1px solid #000000;
padding: 5px;
margin: 5px;
background: #0e2b74;

}

#riverside_gallery img:hover {

border: 1px solid #000000;
background: #ffffff;

}

#bod_pic {

position: relative;
float: left;
margin: 15px 10%;

}

#footer {

position: relative;
float: left;
width: 970px;
height: auto;
text-align: center;
margin-bottom: 5px;
border-top: 1px solid #a5a5a5;

}

.heading {

position: relative;
float: left;
background: url(../images/title_bar.jpg) top left no-repeat;
width: 668px;
height: 36px;
padding: 8px 0 8px 10px;

}

/* LIST ELEMENTS -- USED ON WHAT WE DO PAGE */
.list_left {

position: relative;
float: left;
width: 100px;
height: auto;
margin-right: 25px;


}

.list_right {

position: relative;
float: left;
width: 500px;
height: auto;

}


/* TEXT DEFINITIONS */

h1 {

font-size: 16px;
color: #000033;

}

h2 {

font-size: 16px;
font-style: italic;
font-weight: bold;
color: #0e2b75;
margin: 18px 0;
border-bottom: 1px solid #a5a5a5;
padding-bottom: 4px;

}

h3 {

font-size: 14px;
font-style: italic;
font-weight: bold;
color: #0e2b75;
margin-top: 18px;
border-bottom: 1px solid #a5a5a5;

}

h4 {

font-size: 12px;
color: #000000;
font-weight: bold;

}

h5 {

font-size: 14px;
font-style: italic;
font-weight: bold;
color: #0e2b75;
margin-top: 18px;

}

p {

margin-top: 18px;

}

.opportunity {

margin: 0;
font-style: italic;
font-weight: bold;
color: #0e2b75;

}

.opportunity_desc {

margin: 0;
font-weight: bold;
color: #000000;

}

.features {

margin-top: 0;

}

.list_start {

font-weight: bold;
color: #000000;
margin-right: 25px;

}

.bold {

font-weight: bold;

}

.bio {

margin-top: 5px;
margin-bottom: 0;

}

/* LINK DEFINITIONS */

a:link {

color: #000000;
text-decoration: none;
font-weight: bold;

}

a:visited {

color: #000000;
text-decoration: none;
font-weight: bold;

}

a:hover {

color: #0e2b75;
text-decoration: underline;
font-weight: bold;

}

a:active {

color: #0e2b75;
text-decoration: underline;
font-weight: bold;

}