/* [ Global ] */
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: #DDD url('../img/body_bg.png') repeat;
padding: 20px;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}

/* [ Content Wrapper ] */
#centeringContainer {
margin: 0px auto 0px auto;
width: 1076px;
}

#shadowContainer {
width: 1086px;
background: url('../img/sideShadow.png') repeat-y;
float: left;
}

#bottomShadow {
clear: left;
width: 1086px;
background: url('../img/bottomShadow.png') no-repeat;
height: 6px;
}

.mainContainer {
width: 1076px;
float: left;
}

/* [ Header ] */
#topHolder {
display: block;
height: 72px;
}

#headerContainer {
background: #DDD url('../img/top_bg.png') repeat-x;
float: left;
width: 1076px;
display: block;
}

#headerContainer #logo{
margin: 28px 0 0 28px;
float: left;
display: block;
clear: left;
}

#headerContainer #cornerMenu {
float: right;
font-family: "Gill Sans", Tahoma, Arial;
color: #fff;
display: block;
margin: 20px 30px 0 0;
}

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

/* [ Menu ] */
#menuContainer {
margin: 12px 0 0 50px;
float: left;
height: 45px;
display: inline;
}

/* [ Main Content ] */
#contentContainer {
width: 1076px;
background: #DDD url('../img/content_bg.png') repeat-y;
border-bottom: #fff 11px solid;
float: left;
padding-top: 20px;
padding-bottom: 28px;
display: block;
}

#leftFrontPage {
float: left;
display: block;
}

#leftFrontPage img{
margin: 0 0 0 40px;
}

#rightFrontPage {
float: right;
padding-left: 0px;
display: block;
}

/* [ Highlighted Grants ] */
#highlightedGrants {
width: 428px;
margin-top: 30px;
margin-left: 68px;
border-bottom: #fff 11px solid;
border-left: #fff 11px solid;
border-top: #fff 11px solid;
background-color: #79a52c;
}

#highlightedGrants h1{
margin: 10px 0 10px 30px;
}

#highlightedGrants h2{
color: #222;
text-transform: uppercase;
font-family: Helvetica;
font-size: 14px;
font-weight: bold;
margin-left: 30px;
}


#highlightedGrants h3{
color: #fff;
font-family: Arial;
font-size: 14px;
font-weight: bold;
/*background: transparent url(../img/highlight_bullet.gif) no-repeat;*/
padding: 0 0 0 17px;
margin: 4px 0 4px 17px;
}

#highlightedGrants h3 a{
color: #fff;
}

#highlightedGrants h2 a{
color: #222;
}

#highlightedGrants p{
margin: 0 45px 0 51px;
color: #fff;
font-family: Arial;
font-size: 15px;
line-height: 19px;
}

#highlightedGrants ul li{
padding: 9px 20px 9px 0;
width: 397px;
}

#highlightedGrants ul li a{
text-decoration: none;
font-family: Helvetica;
font-size: 14px;
}

#highlightedGrants ul li:hover{
background:url(../img/highlight_fade.png) repeat;
}

#foundationDescription {
width: 390px;
font-family: arial;
color: #fff;
line-height: 1.7em;
margin: 38px 0 0 12px;
padding-left:12px;
border-left: #ed7d40 13px solid;

}

#storyContainer {
margin-bottom: 25px;
padding-left: 50px;
padding-right: 25px;
padding-top: 20px;
width: 910px;
min-height: 400px;
float: right;
border-bottom: #fff 11px solid;
border-left: #fff 11px solid;
border-top: #fff 11px solid;
background-color: #79a52c;
display: block;

}

#storyContainer {
line-height: 1.8em;
color: #ffffff;
font-family: arial;
}
#storyCOntainer h1 {font-family:"Times New Roman", Times, serif; font-style:italic;}
#storyContainer p{margin: 20px 0 20px 0;}
#storyContainer ul{
margin-top: -15px;
padding: 0;
}
#storyContainer ul li{ 
list-style-image: url(../img/listItem.gif);
margin-left: 20px;
}

h1{
color: #fff;
font-size: 1.7em;
font-style: italic;
line-height: 30px;
font-family: "Times New Roman", Times, serif;
}

.storyImage {
float: right;
margin: 0 10px 10px 10px;
text-align: center;

}

.caption {
font-size: .8em;
font-family: Arial;
color: #333;
}

/* [ Footer ] */
#outsideFooter {
line-height: 1.5em;
font-size: .8em;
font-family: Arial;
color: #fff;
float: left;
display: block;
margin: 6px auto 30px auto;
padding: 0 20px 0 20px;
width: 1076px;
}

#copyRight {
width: 600px;
margin: 6px 0 0 0;
}

#copyRight {
float: left;
}

#keyHolder {
float: right;
padding-right: 40px;
}

/* [ PNG Fix ] */
img, #bottomShadow, #shadowContainer { behavior: url("media/css/iepngfix.htc") }