/* /css/home.css */

#rightSide { float: right; width: 225px; background: #cfe6a5;  padding-bottom: 4000px; margin-bottom: -4000px; background-image:url("/images/zz_images/dot.png"); background-repeat:repeat-y; background-position:2px 0px; margin-right: 0px; }

/* HOME PAGE STYLING */
.mainKudos { font-style: italic; width: 180px; text-align: left; margin-left: 20px; padding: 20px 0px; color: #333; }
.homeText { text-align: justify; margin: 15px 0 15px 15px; float:left; font-size: 12px; line-height: 16px; color: #999; }
.homeText p { text-align: justify; } 
.homeText a { color: #666; padding: 0; }

.expanded { background-color: #FFF; border-bottom: 10px solid #999;  border-top: 10px solid #999; margin: 0;}
.expanded p { margin: 5px 20px; text-align: left; font-size: 11px; line-height: 14px; padding: 0;}

#bottom div.homeText a { padding: 0; margin: 0 }

.ideaTitle { color: #96000e; text-transform: uppercase; }
.ideaImage { margin-left: 5px; }
.mainHeading { font-size: 20px; padding-top: 0px; letter-spacing: 1px; padding-bottom: 0px; margin-left: 15px; text-align: center; font-weight: bold; color: #666; }
.mainHeading a { color: #666; }

#slideshow { width: 534px; height: 274px; text-align: center; }

#slidecontrols {margin: -10px 20px 10px 0px; padding: 0 0px; background: #cfe6a5; width: 555px; height: 35px; border-left: 10px solid #fff; position: relative; }
#nav, #pause, #pipe { display: inline-block; }
#nav { float: left; margin-left: 10px; }
#pipe, #pause { float: right; }
#pause { margin-right: 10px; }

#nav a { float: left; margin: -5px 3px 0 2px; }
#nav a:activeSlide { color: #000; }

#pauseButton, #pipe { font-size: 14px; line-height: 20px; letter-spacing: 3px; font-weight: bold; color: #FFF; background: none; border: 0; }
#pauseButton { width: 80px; }

/* HOME PAGE STYLING */

.pGrid { margin: 10px 0 0 10px; }
.pGrid li { list-style: none; display: block; float: left; text-align: center; margin-right: -10px; }
.pGrid li a.sqShadow { padding: 18px 0; display: block; background-color: transparent; background-image: url(/images/zz_images/square_shadow.png); width: 145px;  background-repeat: no-repeat; }
.pGrid li a, .pGrid li a:hover { text-decoration: none; color: #666; }
.pGrid li a.ulHov { font-weight: bold; font-size: 14px; letter-spacing: 1px; line-height: 15px; }
.pGrid li a.ulHov:hover { text-decoration: underline; }
.pGrid li p.box { background-color: #666; padding: 5px; width: 117px; margin: 0 0 -9px 9px; color: #FFF; }
.pGrid li p.box a { color: #FFF; font-weight: bold; font-size: 13px; letter-spacing: 1px; }