body { font-size: 14px; }

#leftPanel { display: none; }

#rightPanel { width: 193px; padding: 36px 0 107px 0; background: #ffffff url(../images/educationalStreams.gif) no-repeat 0 0; }
#rightPanel  h2 { display: none; }
#rightPanel ul { display: block; list-style-type: none; list-style-image: none; margin: 0; padding: 0; }
#rightPanel ul li { display: block; margin: 0; padding: 0; }
#rightPanel ul li a { display: block; width: 193px; text-indent: -9999px; overflow: hidden; background-image: url(../images/educationalStreams.gif); background-repeat: no-repeat; }
#streamPTP a { height: 77px; background-position: 0 -36px; }
#streamNIDO a { height: 69px; background-position: 0 -113px; }
#streamELOUERA a { height: 76px; background-position: 0 -182px; }
#streamStage1 a { height: 69px; background-position: 0 -258px; }
#streamStage2 a { height: 69px; background-position: 0 -327px; }
#streamStage3 a { height: 74px; background-position: 0 -396px; }

#streamPTP a:hover { background-position: -193px -36px; }
#streamNIDO a:hover { background-position: -193px -113px; }
#streamELOUERA a:hover { background-position: -193px -182px; }
#streamStage1 a:hover { background-position: -193px -258px; }
#streamStage2 a:hover { background-position: -193px -327px; }
#streamStage3 a:hover { background-position: -193px -396px; }

#pageBody { padding: 33px 30px 0 45px; }
#innerMainContent { background: url(../images/homePageBodyBg.gif) repeat-y right top; }

.mainContent1 { background: #ffffff url(../images/homeBg1.jpg) no-repeat 0 bottom;  }
.mainContent2 { background: #ffffff url(../images/homeBg2.jpg) no-repeat 0 bottom;  }
.mainContent3 { background: #ffffff url(../images/homeBg3.jpg) no-repeat 0 bottom;  }
.mainContent4 { background: #ffffff url(../images/homeBg4.jpg) no-repeat 0 bottom;  }
.mainContent1, .mainContent2, .mainContent3, .mainContent4 { width: 900px; }

.indented { margin-left: 200px; }

#pageBody h2 { border: 0 none; padding: 0; background: url(../images/headings.gif) no-repeat 0 0; width: 462px; height: 34px; text-indent: -9999px; overflow: hidden; margin: 0 0 17px; }
#learnHow { margin: 14px 0 0; padding: 0 47px 17px 0; width: 370px; border-bottom: 1px solid #cecece;  }
#upcomingFeed { margin: 7px 0 0 -12px; padding: 0 0 28px 0; height: auto !important; height: 130px; /* heights are to fix an IE6 bug */ }
#upcomingFeed h2 { background: url(../images/headings.gif) no-repeat -323px -34px; width: 211px; height: 58px; text-indent: -9999px; overflow: hidden; margin: 0; }
.feedContent h3 { color: #3f96db; font-weight: normal; font-size: 1em; margin: 0; }
.feedContent { margin: 0 0 0 12px; width: 417px; }
.feedContent p { margin-top: 0; }
.feedLink a { display: block; background: url(../images/links.gif) no-repeat -264px -36px; width: 51px; height: 16px; text-indent: -9999px; overflow: hidden; }
.feedLink a:hover { background-position: -264px -52px; }

#learnHow a { display: block; background: url(../images/links.gif) no-repeat 0 0; width: 358px; height: 18px; text-indent: -9999px; overflow: hidden; }
#learnHow a:hover { background-position: 0 -18px; }