body {
margin:0px;
padding:0px;
background-color:#f7f5f5;
font-family: Helvetica, Verdana, Arial, sans-serif;
}

#container {
background-image:url(imagesNav/bg-left.jpg);
background-repeat:repeat-y;
background-position:left;
}

#nav {
width: 171px;
float: left;
}

#nav ul {
margin: 0px;
padding: 0px;
list-style: none;
}

#nav ul a {
display:block;
width:100%;
text-indent:-9999px;
}

#navLogo a {
height: 112px;
background-image:url(imagesNav/PPF-logo.jpg);
background-position: 0px 0px;
}

#navWho a {
height: 30px;
background-image:url(imagesNav/nav-who.jpg);
background-position: 0px 0px;
}

#navWho a:hover, #navWho a.selected {
background-position: 0px 30px;
}

#navWhat a {
height: 32px;
background-image:url(imagesNav/nav-what.jpg);
background-position: 0px 0px;
}

#navWhat a:hover, #navWhat a.selected  {
background-position: 0px 32px;
}

#navWhy a {
height: 43px;
background-image:url(imagesNav/nav-why.jpg);
background-position: 0px 0px;
}

#navWhy a:hover, #navWhy a.selected  {
background-position: 0px 43px;
}


#navConcert a {
height: 45px;
background-image:url(imagesNav/nav-concert.jpg);
background-position: 0px 0px;
}

#navConcert a:hover, #navConcert a.selected  {
background-position: 0px 45px;
}

#navMake a {
height: 45px;
background-image:url(imagesNav/nav-make.jpg);
background-position: 0px 0px;
}

#navMake a:hover, #navMake a.selected  {
background-position: 0px 45px;
}

#nav ul ul a {
display:block;
height:auto;
width: 135px;
color: #fff;
font-size:13px;
font-weight:bold;
text-align:left;
text-decoration:none;
text-indent:0px;
padding: 2px 0px 4px 35px;
background-image:none;
}

#nav ul ul a:hover, #nav ul ul a.selected {
background-image: url(imagesNav/nav-dot.jpg);
background-repeat:no-repeat;
background-position: 28px 7px;
}

#rightPane {
width:auto auto;
margin-left: 171px;
}

#header {
height:47px;
background-image:url(imagesNav/header.jpg);
background-repeat:repeat-x;
}

#headerCap {
float: right;
height: 47px;
width: 29px;
background-image:url(imagesNav/header-cap.jpg);
}

#header ul {
float:right;
list-style-type:none;
padding:4px 0px 0px 40px;
margin:0px;
color: #fff;
font-size:11px;
line-height:14px;
}

#header a {
color:#fff;
}

#title {
height: 65px;
background-image:url(imagesNav/title.jpg);
background-repeat:repeat-x;
}

#titleCap {
float: right;
height: 65px;
width: 29px;
background-image: url(imagesNav/title-cap.jpg);
}

#titleStart {
float: left;
height: 65px;
width: 22px;
background-image: url(imagesNav/title-start.jpg);
}

#title h1 {
float:left;
padding: 0px;
margin: 12px 0px 0px 10px;
font-size:25px;
color:#2c6071;
}

#content {
background-image:url(imagesNav/bg-content.jpg);
background-repeat:repeat-y;
padding: 0px 20px 0px 30px;
font-size: 13px;
line-height: 19px;
color: #222;
min-height: 300px;
height:auto !important;
height: 300px;
}

#content .image {
float: right;
margin: 8px;
padding: 1px;
text-align:center;
background-color: #e1e6e7;
border: 1px solid #cbc7c7;
}

#content .imageLeft {
float: left;
margin: 8px;
padding: 1px;
text-align:center;
background-color: #e1e6e7;
border: 1px solid #cbc7c7;
}

#content .imageNF {
margin: 8px;
padding: 1px;
background-color: #e1e6e7;
border: 1px solid #cbc7c7;
}

#content .image img {
/*padding-bottom: 4px;*/
}

#content .gallery img {
padding: 3px;
margin: 4px;
background-color: #e1e6e7;
border: 1px solid #cbc7c7;
}

#content .gallery img:hover {
background-color: #e2e6e8;
}

#content .gallery a, #content .gallery a:hover {
border: none;
}

#content .float {
float:left;
}

#content .floatRight {
float:right;
}

.gallerySpace {
clear:both;
height:1px;
}

#content a {
text-decoration:none;
color:#2c6071;
border-bottom: 1px solid #2c6071;
}

#content a:hover {
color:#a6bec3;
border-bottom: 1px solid #a6bec3;
}

#content h2 {
color:#2c6071;
margin:0px;
padding: 8px 0px;
line-height: 24px;
}

#content h3 {
color:#2c6071;
margin:0px;
padding: 7px 0px;
}

#content h4 {
color:#2c6071;
margin:0px;
padding: 7px 0px;
font-size: 13px;
font-weight:bold;
}

#content blockquote {
margin: 8px;
padding: 8px;
background-color: #e1e6e7;
border: 1px solid #cbc7c7;
}

#content ul {
margin: 4px 0px;
padding: 0px;
list-style-type:none;
}

.highlight {
background-color: #e1e6e7;
padding: 5px;
border: 1px solid #cbc7c7;
}

.concertSpace {
border-bottom: 1px dashed #cbc7c7;
width: 300px;
margin: 10px 0px 10px;
}

#content ul li {
padding: 0px 0px 0px 12px;
margin: 0px 0px 0px 6px;
background-image:url(imagesNav/footer-dot.jpg);
background-repeat: no-repeat;
background-position: 0px 7px;
}

#content ol {
margin: 4px 0px 0px 20px;
padding: 0px;
}

#content .submenu {
float: right;
margin: 8px;
padding: 4px 8px;
text-align:center;
background-color: #eeeae9;
border: 1px solid #cbc7c7;
width: 175px;
}

#content .submenu ul li {
padding: 3px 0px;
margin: 0px;
background-image:none;
border-bottom:1px dashed #cbc7c7;
}

#content .submenu ul li:hover {
background-color:#e1e6e7;
}

#content .submenu ul li a {
border:none;
}

#content .submenu ul li a:hover {
color:#5d2d27;
}

#content .indent {
padding-left: 20px;
}

#content .leftPad {
margin-left: 25px;
}


p {
margin:0px; 
padding: 5px 0px;
}

hr {
margin: 15px 0px;
}

#footer {
height: 134px;
background-image:url(imagesNav/bg-footer.jpg);
background-repeat:repeat-x;
}

#footerStart {
float:left;
clear:none;
position:absolute;
left:0px;
height: 134px;
width: 193px;
background-image:url(imagesNav/bg-footer-start.jpg);
}

#footerOverlay {
float:left;
clear:left;
height: 175px;
width: 171px;
position:relative;
bottom: 52px;
left:0px;
z-index:1000;
background-position:bottom;
background-repeat:no-repeat;
}

.overlayHome { background-image:url(imagesNav/bg-footer-overlay-home.jpg); }
.overlayWho { background-image:url(imagesNav/bg-footer-overlay-who.jpg); }
.overlayWhat { background-image:url(imagesNav/bg-footer-overlay-what.jpg); }
.overlayWhy { background-image:url(imagesNav/bg-footer-overlay-why.jpg); }
.overlayConcert { background-image:url(imagesNav/bg-footer-overlay-concert.jpg); }
.overlayMake { background-image:url(imagesNav/bg-footer-overlay-make.jpg); }

#footerCap {
float:right;
clear:none;
height: 134px;
width: 326px;
background-position:right;
}

.footerCapHome { background-image:url(imagesNav/bg-footer-cap-home.jpg); }
.footerCapWho { background-image:url(imagesNav/bg-footer-cap-who.jpg); }
.footerCapWhat { background-image:url(imagesNav/bg-footer-cap-what.jpg); }
.footerCapWhy { background-image:url(imagesNav/bg-footer-cap-why.jpg); }
.footerCapConcert { background-image:url(imagesNav/bg-footer-cap-concert.jpg); }
.footerCapMake { background-image:url(imagesNav/bg-footer-cap-make.jpg); }

.footerCapHomeAward { background-image:url(imagesNav/bg-footer-cap-homeAward.jpg); }

#footer ul {
position:relative;
list-style-type:none;
padding: 40px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size:12px;
line-height: 16px;
left: 30px;
}

#footer li {
padding: 2px 0px;
}

#footer ul a {
text-decoration:none;
color:#5d2d27;
border-bottom: 1px solid #5d2d27;
}

#footer ul a:hover {
background-color:#e1e6e7;
}

#footer img {
padding: 0px 8px 3px 0px;
}

#collage {
position:relative;
}

#content #collage a, #content #collage #collageRow1 a:hover {
border:0px;
border-bottom: none;
}

#collageRow1 {
width: 100%;
height: 150px;
position:absolute;
top:5px;
background-image:url(images/collage/BG1.jpg);
background-position:left;
border-bottom:2px solid #e1e6e7;
background-repeat:no-repeat;
}

#collageRow2 {
width: 100%;
height: 150px;
position:absolute;
top:157px;
background-image:url(images/collage/BG2.jpg);
background-position:left;
background-repeat:no-repeat;
}


#collageClear {
height:315px;
}

.frontFacts {
width:45%; 
float:right;
margin: 5px 5px 5px 0px;
padding: 8px;
background-color: #e1e6e7;
border: 1px solid #cbc7c7;
}

.date {
color:#666666;
}



#navMandela a {
height: 150px;
background-image:url(imagesNav/nav-mandela.jpg);
background-position: 0px -150px;
background-repeat:no-repeat;
}

#navMandela a:hover, #navMandela a.selected  {
background-position: 0px 0px;
}

#navMandela a {
height: 150px;
background-image:url(imagesNav/nav-mandela.jpg);
background-position: 0px -150px;
background-repeat:no-repeat;
}

#navMandela a:hover, #navMandela a.selected  {
background-position: 0px 0px;
}

#navSave a {
height: 150px;
background-image:url(imagesNav/nav-save.jpg);
background-position: 0px 0px;
background-repeat:no-repeat;
}

#navAward a {
height: 130px;
background-image:url(imagesNav/nav-award.jpg);
background-position: 0px 0px;
background-repeat:no-repeat;
}

#navFacebook a {
height: 37px;
background-image:url(images/facebook-logo.jpg);
background-position: 28px 0px;
background-repeat:no-repeat;
border:0px;
text-decoration:none;
}

#navFacebook a img {
border:0px;
}