/* CSS Document */

body{
   background-color:#333333;
   }
   
#page{
   width: 700px;
   height:100%;
   margin: 50px auto 0px auto;
   }

#header{
   width: 700px;
   height: 60px;
   background-color:#3366CC;
   font-family: "Comic Sans MS", Geneva, Arial, Helvetica, sans-serif;
   font-size:42px;
   text-align:center;
   border-top-style:solid;
   border-top-color:#CCCCCC;
   border-top-width:2px;
   }

#iframe-history{
   overflow:auto;
   width:100%;
   height:400px;
   background-image:url(http://www.whittiercenter.org/image/junglegym-washout.jpg);
   }

#iframe-tenants{
   overflow:auto;
   width:100%;
   height:400px;
   background-image:url(http://www.whittiercenter.org/image/crafts-washout.jpg);
   }

#iframe-mission{
   overflow:auto;
   width:100%;
   height:400px;
   background-image:url(http://www.whittiercenter.org/image/artproject-washout.jpg);
   color:#000000;
   }

#washout-main{
   float:left;
   width: 700px;
   height: 400px;
   background-image:url(http://www.whittiercenter.org/image/whittier-washout.jpg);
   font-family:  Verdada, Tahoma, "Comic Sans MS", Geneva, Arial, Helvetica, sans-serif;
   text-align: center;
   color:#003399;
   }

#washout-history{
   float:left;
   width: 100%;
   height: 100%;
   font-family:  Verdada, Tahoma, "Comic Sans MS", Geneva, Arial, Helvetica, sans-serif;
   text-align: center;
   color:#000000;
   }

#washout-board{
   float:left;
   width: 700px;
   height: 400px;
   background-image:url(http://www.whittiercenter.org/image/teachers-washout.jpg);
   font-family:  Verdada, Tahoma, "Comic Sans MS", Geneva, Arial, Helvetica, sans-serif;
   text-align: center;
   color:#003399;
}

#washout-about{
   float:left;
   width: 700px;
   height: 400px;
   background-image:url(http://www.whittiercenter.org/image/cabin-washout.jpg);
   font-family:  Verdada, Tahoma, "Comic Sans MS", Geneva, Arial, Helvetica, sans-serif;
   text-align: center;
   color:#003399;
}

#washout-events{
   float:left;
   width: 700px;
   height: 400px;
   background-image:url(http://www.whittiercenter.org/image/maypoles-washout.jpg);
   font-family:  Verdada, Tahoma, "Comic Sans MS", Geneva, Arial, Helvetica, sans-serif;
   text-align: center;
   color:#003399;
}

#washout-calendar{
   float:left;
   width: 700px;
   height: 400px;
   background-image:url(http://www.whittiercenter.org/image/babychicks-washout.jpg);
   font-family:  Verdada, Tahoma, "Comic Sans MS", Geneva, Arial, Helvetica, sans-serif;
   text-align: center;
   color:#003399;
}
   
#washout-reunion{
   float:left;
   width: 700px;
   height: 400px;
   background-image:url(http://www.whittiercenter.org/image/EBdedication-washout.jpg);
   font-family:  Verdada, Tahoma, "Comic Sans MS", Geneva, Arial, Helvetica, sans-serif;
   text-align: center;
   color:#000000;
   }

#washout-centennial{
   float:left;
   width: 700px;
   height: 400px;
   background-image:url(http://www.whittiercenter.org/image/puppetshow-washout.jpg);
   font-family:  Verdada, Tahoma, "Comic Sans MS", Geneva, Arial, Helvetica, sans-serif;
   text-align: center;
   color:#003399;
   }

#washout-playground{
   float:left;
   width: 700px;
   height: 400px;
   background-image:url(http://www.whittiercenter.org/image/EBdedication-washout.jpg);
   font-family:  Verdada, Tahoma, "Comic Sans MS", Geneva, Arial, Helvetica, sans-serif;
   text-align: center;
   color:#003399;
   }

#washout-endowment{
   float:left;
   width: 700px;
   height: 400px;
   background-image:url(http://www.whittiercenter.org/image/leatherwork-washout.jpg);
   font-family:  Verdada, Tahoma, "Comic Sans MS", Geneva, Arial, Helvetica, sans-serif;
   text-align: center;
   color:#003399;
   }

#washout-cantata{
   float:left;
   width: 700px;
   height: 400px;
   background-image:url(http://www.whittiercenter.org/image/cantata-washout.jpg);
   font-family:  Verdada, Tahoma, "Comic Sans MS", Geneva, Arial, Helvetica, sans-serif;
   text-align: center;
   color:#000000;
   }

#dual-column{
   float:left;
   width:50%;
   height:100%;
   text-align:center;
   color:#000000;
}

#calendar{
   width:925px;
   height:100%;
   margin: 10px auto 20px auto;
   }

#calendar-day{
   float:left;
   width:130px;
   border-width:2px 1px 1px 1px;
   border-style:solid;
   border-color:#000000;
   text-align:center;
   color:#000099;
   background-color:#FFFF99;
   font-size:larger;
   }

#calendar-box{
   float:left;
   width:130px;
   height:290px;
   border-width:1px;
   border-style:solid;
   border-color:#000000;
   background-color:#FFFFFF;
   text-align:center;
   color:#000066;
   }
   
#calendar-date{
   float:left;
   width:25px;
   height:25px;
   border:none;
   background-color:#CCCCCC;
   color:#000099;
   font-weight:bold;
   font-size:large;
   }

#link-bar{
   color:#FFFF00;
   background-color:#003399;
   text-decoration:none;
   font-size:13px;
   font-weight:bold;
   padding: 5px 0px 5px 0px;
   margin: 5px 0px 5px 0px;
   float:left;
   }
   
.header-links a:link{
   text-decoration:none;
   font-weight:bold;
   color:#FFFF00;
   }

.header-links a:visited{
   text-decoration:none;
   font-weight:bold;
   color:#FFFF00;
   }
   
.header-links a:hover{
   text-decoration:none;
   font-weight:bold;
   color:#FFFFFF;
   }
   
.page-links a:link{
   color:#003399;
   font-weight:normal;
   text-decoration:none;
}

.page-links a:visited{
   color:#003399;
   font-weight:normal;
   text-decoration:none;
}

.page-links a:hover{
   color:#003399;
   font-weight:normal;
   text-decoration:underline;
}
   
.page-header{
   float:none;
   padding:3px 0px 1px 0px;
   margin:0px;
   color:#3366CC;
   font-size:28px;
   font-weight:bold;
}

.page-content{
   float:none;
   font-size:medium;
   padding:2px 0px 0px 2px;
}

.page-content-left{
   font-weight:bold;
   text-align:left;
   font-size:14px;
   padding:2px 2px 0px 4px;
}

.tenant-name a:link{
   font-size:16px;
   color:#003399;
   font-weight:bold;
   text-decoration:underline;
}

.tenant-name a:visited{
   font-size:16px;
   color:#003399;
   font-weight:bold;
   text-decoration:underline;
}

.tenant-name a:hover{
   font-size:16px;
   color:#FF0000;
   background-color:#FFFFFF;
   text-decoration:none;
   
}

.tenant-description{
   color:#000000;
   font-size:14px;
   font-weight:bold;
   padding:2px 10px 0px 10px;
   text-align:left;
}

.img-floatleft{
   float:left;
   padding:10px;
   }

.list-content{
   float:none;
   font-size:medium;
   padding: 0px;
   margin: none;
}

.mission-text{
   font-size:14px;
   font-weight:bold;
   padding:2px 10px 0px 10px;
   text-align:left;
   }

.month-links a:link{
   color:#FFFFFF;
   font-weight:normal;
   text-decoration:none;
   }

.month-links a:visited{
   color:#FFFFFF;
   font-weight:normal;
   text-decoration:none;
   }

.month-links a:hover{
   color:#FFFF00;
   font-weight:normal;
   text-decoration:none;
   }

.calendar-links a:link{
   color:#000066;
   font-weight:normal;
   text-decoration:none;
   }

.calendar-links a:visited{
   color:#000066;
   font-weight:normal;
   text-decoration:none;
   }

.calendar-links a:hover{
   color:#000066;
   font-weight:normal;
   background-color:#FFFF99;
   text-decoration:underline;
   }


.month-style{
   float:center;
   text-align:center;
   font-size:72px;
   font-weight:bold;
   color:#FFFFFF;
   padding: 0px 0px 15px 0px;
   margin:0px;
}

.calendar-date-content{
   float:none;
   padding:0px;
   margin:0px;
   }

.calendar-content{
   float:none;
   font-size:small;
   padding: 5px 5px 5px 5px;
   margin: 0px;
   }

#popupmenu {
   width:700px;
   background-color:#3366CC;
   float:left;
   border-bottom:2px solid #CCCCCC;
   font-size:14px;
   font-family: Verdada, Tahoma, "comic sans ms";
   }

#popupmenu ul.dropdown,
#popupmenu ul.dropdown li,
#popupmenu ul.dropdown ul {
   list-style: none;
   margin: 0;
   padding: 0;
   }

#popupmenu ul.dropdown {
   z-index: 7;
   float: left;
   font-weight: bold;
   }

#popupmenu ul.dropdown li {
   float: left;
   vertical-align: middle;
   color: #FFFF00;
   background-color:#3366CC;
   }

#popupmenu ul.dropdown li:hover {
   position: relative;
   z-index: 9;
   cursor: default;
   background-color:#3399FF;
   }

#popupmenu ul.dropdown ul {
   visibility: hidden;
   position: absolute;
   top: 100%;
   left: 0;
   z-index: 8;
   }

#popupmenu ul.dropdown ul li {
   font-weight: normal;
   border-bottom:1px solid #CCCCCC;
   }

#popupmenu ul.dropdown li:hover > ul {
   visibility: visible;
   }

#popupmenu ul.dropdown ul {
   top: auto !important;
   bottom: 100%;
   }

#popupmenu ul.dropdown a:link,
#popupmenu ul.dropdown a:visited {
   float:left;
   color: #FFFF00;
   text-decoration: none;
   padding:5px 10px;
   }

#popupmenu ul.dropdown ul li a:link,
#popupmenu ul.dropdown ul li a:visited {
   float:left;
   color: #FFFF00;
   text-decoration: none;
   width:90px;
   padding:2px 10px;
   }

#popupmenu ul.dropdown a:hover {
   color: #FFFFFF;
   }

#popupmenu ul.dropdown a:active {
   color: #5B3272;
   }

#popupmenu ul.dropdown ul li a:hover {
   color: #FFFFFF;
   }

#popupmenu ul.dropdown ul li a:active {
   color: #5B3272;
   }