/* CSS Document */

body{
   background-color:#5B3272;
   }
   
#page{
   width:900px;
   height:100%;
   margin:15px auto 0px auto;
   color:#FFFFFF;
   font-size:15px;
   font-family: Arial, Verdana, "sans serif";
   }
   
#leftsidebar{
   width:282px;
   height:853px;
   background-repeat:no-repeat;
   background-image:url(http://www.whittiercenter.org/playground/images/NavBarLeft.gif);
   float:left;
   text-align:center;
   }

#header{
   width: 618px;
   float:left;
   }

#page-content{
   width:618px;
   float:left;
   color:#FFFFFF;
   font-size:15px;
   padding:0px;
   margin:0px;
   }

#page-content-left{
   width:458px;
   height:100%;
   float:left;
   padding-right:10px;
   font-size:15px;
   color:#FFFFFF;
   }

#right-menu{
   width:136px;
   border-left-width:4px;
   border-left-style:solid;
   border-left-color:#F99D1C;
   height:100%;
   float:right;
   color:#FFFFFF;
   padding:20px 0px 0px 10px;
   }

.menu{
   padding:5px;
   margin:0px;
   }

.menu a:link{
   font-size:16px;
   font-weight:bold;
   color:#5B3272;
   text-decoration:none;
   padding:5px;
   }

.menu a:visited{
   font-size:16px;
   color:#5B3272;
   text-decoration:none;
   font-weight:bold;
   padding:5px;
   margin:0px;
   }

/* the old menu text color was #191970; */

.menu a:hover{
   font-size:16px;
   color:#FFFFFF;
   text-decoration:none;
   font-weight:bold;
   background-color:#75CFEA;
   padding:5px;
   margin:0px;
   }

.page-link a:link{
   color:#FFFFFF;
   text-decoration:none;
   }

.page-link a:visited{
   color:#FFFFFF;
   text-decoration:none;
   }

.page-link a:hover{
   color:#FFF570;
   text-decoration:underline;
   }

.yellow-page-link a:link{
   color:#FFF570;
   text-decoration:none;
   }

.yellow-page-link a:visited{
   color:#FFF570;
   text-decoration:none;
   }

.yellow-page-link a:hover{
   color:#FFFFFF;
   text-decoration:none;
   }

.comment-link a:link{
   color:#FFF570;
   text-decoration:none;
   }

.comment-link a:visited{
   color:#FFF570;
   text-decoration:none;
   }

.comment-link a:hover{
   color:#FFFFFF;
   text-decoration:none;
   }

.blogger-labels a:link{
   color:#FFF570;
   text-decoration:none;
   }

.blogger-labels a:visited{
   color:#FFF570;
   text-decoration:none;
   }

.blogger-labels a:hover{
   color:#FFFFFF;
   text-decoration:none;
   }

.right-menu a:link{
   color:#FFF570;
   text-decoration:none;
   font-size:12px;
   }

.right-menu a:visited{
   color:#FFF570;
   text-decoration:none;
   font-size:12px;
   }

.right-menu a:hover{
   color:#FFF570;
   text-decoration:underline;
   font-size:12px;
   }

#link-bar{
   color:#FFFFFF;
   background-color:#F99D1C;
   text-decoration:none;
   font-size:12px;
   font-weight:bold;
   padding: 5px 0px 5px 0px;
   }

#link-bar:hover{
   color:#5B3272;
   background-color:#FFF570;
   text-decoration:none;
   font-size:12px;
   font-weight:bold;
   }

.link-button{
   color:#FFFFFF;
   background-color:#F99D1C;
   text-decoration:none;
   font-size:12px;
   font-weight:bold;
   padding: 5px 0px 5px 0px;
   }

.link-button:hover{
   color:#5B3272;
   background-color:#FFF570;
   text-decoration:none;
   font-size:12px;
   font-weight:bold;
   }

.faq{
   color:#FFF570;
   font-weight:bold;
   font-size:larger;
   }

.yellow{
  color:#FFF570;
  }

img.green-border{
   border-color:#B3D335;
   border-width:5px;
   border-style:solid;
   }

img.rightgreen{
   float:right;
   border-color:#B3D335;
   border-width:5px;
   border-style:solid;
   padding:0px;
   margin:10px;
   }

img.leftgreen{
   float:left;
   border-color:#B3D335;
   border-width:5px;
   border-style:solid;
   padding:0px;
   margin:10px;
   }