/****************************************************************/
/* Home Page Styles                                             */
/****************************************************************/

#rotateImage { height: 282px; width: 400px; float: left; visibility: hidden; margin-bottom: 25px; border: 1px solid #660000; }

#rotateContent { width: 248px; float: right; margin: 0px 0px 25px 2px; }
#rotateHeader { height: 26px; visibility: hidden; color: #A15454; font-weight: bold; font-size: .75em; } 
#rotateText { height: 222px; margin: 10px 10px 0px 0px; visibility: hidden; color: #686868; font-size: .7em; }

.rotateButton { height: 20px; width: 19px; margin: 7px 0px 0px 0px; cursor: pointer; }

#rotateButton1 { background: url('../shared/graphics/rotateButton1.gif') top left no-repeat; }
#rotateButton1:hover { background: url('../shared/graphics/rotateButton1-Over.gif') top left no-repeat; }
#rotateButton2 { background: url('../shared/graphics/rotateButton2.gif') top left no-repeat; }
#rotateButton2:hover { background: url('../shared/graphics/rotateButton2-Over.gif') top left no-repeat; }
#rotateButton3 { background: url('../shared/graphics/rotateButton3.gif') top left no-repeat; }
#rotateButton3:hover { background: url('../shared/graphics/rotateButton3-Over.gif') top left no-repeat; }
#rotateButton4 { background: url('../shared/graphics/rotateButton4.gif') top left no-repeat; }
#rotateButton4:hover { background: url('../shared/graphics/rotateButton4-Over.gif') top left no-repeat; }
#rotateButton5 { background: url('../shared/graphics/rotateButton5.gif') top left no-repeat; }
#rotateButton5:hover { background: url('../shared/graphics/rotateButton5-Over.gif') top left no-repeat; }
#rotateButton6 { background: url('../shared/graphics/rotateButton6.gif') top left no-repeat; }
#rotateButton6:hover { background: url('../shared/graphics/rotateButton6-Over.gif') top left no-repeat; }