#fallcolorbarbutton a:hover  {
   background-position: -44px 0%;
}

#id160portraitprogrampopup  {
   background: url(backgroundmedia/id160portraitprogrampopup.gif) no-repeat;
   visibility: hidden;
   position: absolute;
   left: 0px;
   top: 278px;
   z-index: 9;
   width: 150px;
   height: 119px;
}

#whyfacebookbutton a:hover  {
   background-position: -78px 0%;
}

#id161portraitprogrampopup  {
   background: url(backgroundmedia/id161portraitprogrampopup.gif) no-repeat;
   visibility: hidden;
   position: absolute;
   left: 18px;
   top: 331px;
   z-index: 10;
   width: 114px;
   height: 46px;
}

#portraitprogrammenu li a  {
   padding-left: 0px;
   padding-right: 0px;
   text-decoration: none;
   color: #FFFFFF;
   width: 100%;
   display: block;
}

#schoolbackground1xmedia  {
   background: url(external%20media/girlbackgroundf10.jpg) no-repeat;
   visibility: visible;
   position: absolute;
   left: 58px;
   top: 280px;
   z-index: 1;
   width: 366px;
   height: 459px;
}

#schoolbackground2xmedia  {
   background: url(external%20media/boybackgroundf10.jpg) no-repeat;
   visibility: visible;
   position: absolute;
   left: 444px;
   top: 280px;
   z-index: 7;
   width: 365px;
   height: 459px;
}

#id136schoolphotography  {
   background: url(backgroundmedia/id136schoolphotography.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 291px;
   top: 38px;
   z-index: 3;
   width: 346px;
   height: 154px;
}

#facebookbutton a:hover  {
   background-position: -29px 0%;
}

#portraitprogrammenu li  {
   width: 100%;
   display: block;
   margin: 0px;
}

#fallcolorbarbutton a  {
   background: url(backgroundmedia/fallcolorbarbutton.gif) no-repeat 0% 0px;
   display: block;
   height: 459px;
   width: 44px;
   font-size: 459px;
   line-height: 459px;
}

#id151japhotography p  {
   font: 20px/35px "Century Gothic";
   margin: 0px;
   color: #FFFFFF;
   letter-spacing: 26px;
   padding-left: 4px;
   text-indent: 2px;
   text-align: center;
}

#whyfacebookbutton a  {
   background: url(backgroundmedia/whyfacebookbutton.gif) no-repeat 0% 0px;
   display: block;
   height: 10px;
   width: 78px;
   font-size: 10px;
   line-height: 10px;
}

#portraitprogrammenu  {
   font: 12px/21px Verdana;
   margin: 0px;
   padding: 0px;
   list-style: none;
   text-align: center;
   text-indent: 3px;
   letter-spacing: -1px;
   color: #FFFFFF;
   visibility: hidden;
   position: absolute;
   left: 1px;
   top: 291px;
   z-index: 11;
   width: 149px;
}

#fallsettingtext p a  {
   text-decoration: none;
   color: #FFFFFF;
}

#id151japhotography  {
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 193px;
   z-index: 8;
   width: 848px;
}

#fallcolorbarbutton  {
   visibility: visible;
   position: absolute;
   left: 9px;
   top: 280px;
   z-index: 1;
   width: 44px;
   height: 459px;
}

#fallsettingtext p  {
   font: 12px/14px "Century Gothic";
   margin: 0px;
   padding-left: 4px;
   text-indent: 2px;
   text-align: center;
   color: #FFFFFF;
}

#whyfacebookbutton  {
   visibility: visible;
   position: absolute;
   left: 749px;
   top: 909px;
   z-index: 1;
   width: 78px;
   height: 10px;
}

#gallerybox3xmedia  {
   background: url(external%20media/gallerybox3.jpg) no-repeat;
   border: 1px solid #C12030;
   visibility: visible;
   margin-top: -1px;
   margin-left: -1px;
   position: absolute;
   left: 646px;
   top: 179px;
   z-index: 1;
   width: 204px;
   height: 370px;
}

#facebookbutton a  {
   background: url(backgroundmedia/facebookbutton.gif) no-repeat 0% 0px;
   display: block;
   height: 28px;
   width: 29px;
   font-size: 28px;
   line-height: 28px;
}

#fallsettingtext  {
   visibility: visible;
   position: absolute;
   left: 14px;
   top: 745px;
   z-index: 2;
   width: 751px;
}

#schoolmenu li a  {
   text-decoration: none;
   color: #FEFEFE;
   height: 100%;
   display: block;
}

#id143signature  {
   background: url(backgroundmedia/id143signature.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 343px;
   top: 153px;
   z-index: 7;
   width: 161px;
   height: 89px;
}

#pid9background  {
   margin: 0px auto 0px auto;
   height: 921px;
   width: 850px;
   position: relative;
   background-color: #000000;
}

#facebookbutton  {
   visibility: visible;
   position: absolute;
   left: 796px;
   top: 875px;
   z-index: 1;
   width: 29px;
   height: 28px;
}

#schoolmenu li  {
   height: 100%;
   display: block;
   float: left;
   margin: 0px;
}

#mouseoverg  {
   background: url(backgroundmedia/mouseoverg.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 588px;
   z-index: 2;
   width: 9px;
   height: 160px;
}

#schoolmenu  {
   font: 9px/54px Verdana;
   height: 54px;
   text-align: center;
   margin: 0px;
   padding: 0px;
   list-style: none;
   text-indent: 2px;
   color: #FEFEFE;
   position: absolute;
   left: 1px;
   top: 224px;
   z-index: 8;
   width: 850px;
}

#whitebar  {
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 2;
   width: 850px;
   height: 203px;
   background-color: #FFFFFF;
   background-image: none;
}

#layer13  {
   background: url(backgroundmedia/layer13.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 645px;
   top: 82px;
   z-index: 4;
   width: 102px;
   height: 292px;
}

#layer12  {
   background: url(backgroundmedia/layer12.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 710px;
   top: 67px;
   z-index: 5;
   width: 121px;
   height: 190px;
}

#layer10  {
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 226px;
   z-index: 2;
   width: 850px;
   height: 52px;
   background-color: #000000;
   background-image: none;
}

#layer16  {
   background: url(backgroundmedia/layer16.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 26px;
   top: 56px;
   z-index: 5;
   width: 92px;
   height: 216px;
}

#layer14  {
   background: url(backgroundmedia/layer14.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 582px;
   top: 51px;
   z-index: 6;
   width: 144px;
   height: 313px;
}

#layer15  {
   background: url(backgroundmedia/layer15.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 72px;
   top: 51px;
   z-index: 4;
   width: 87px;
   height: 188px;
}

#layer8  {
   background: url(backgroundmedia/layer8.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 201px;
   z-index: 3;
   width: 848px;
   height: 25px;
}

#green  {
   background: url(backgroundmedia/green.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 391px;
   top: 181px;
   z-index: 5;
   width: 65px;
   height: 65px;
}

#blue  {
   background: url(backgroundmedia/blue.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 440px;
   top: 181px;
   z-index: 6;
   width: 65px;
   height: 66px;
}

#red  {
   background: url(backgroundmedia/red.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 343px;
   top: 181px;
   z-index: 4;
   width: 65px;
   height: 66px;
}

html, body  {
   padding: 0px;
   margin: 0px;
   background-color: #000000;
}


