/* The multi column layout for the home page, possibly others */

.mainheading { text-align:center; }
.firstcolumn { width:50%; padding-right:20px; vertical-align:top; }
.secondcolumn { width:50%; vertical-align:top; }



/* classes for special events */

.specialevent {
  background-image: url(./images/specialevent.png);
  background-color: transparent;
  background-repeat:no-repeat; 
  width:300px;
  height:300px;
  padding:1em 0.5em;

}

/* classes for diary elements */
.diarypage {
  background-image: url(images/paper.png);
  background-color: transparent;
  background-repeat:repeat; 
  width:500px;
  border:2px solid black;

}

.diarytitle {
  font-family: "Times New Roman", serif;
  font-size:32pt;
  font-style:italic;
  font-weight: bold;
  /* line-height:0.3em; */
  padding: .5em ;
}
.diarypage H1 {
  font-family: "Times New Roman", serif;
  font-size:30px;
  font-style:italic;
  font-weight: bold;
  line-height:0.3em;
}

.diaryentry {
  width: 100% ;
  border-top: 1px solid black ;
}

.diarydate {
  font-family: "Times New Roman", serif;
  font-size: 20pt ;
  font-style: italic;
  font-weight: bold;
  width: 70px ;
  text-align: center ;
}

.diaryday {
  font-family: "Times New Roman", serif;
  font-size: 14pt ;
  font-style: italic;
  font-weight: bold;
  height: 60% ;
}

.diaryweek {
  font-family: "Times New Roman", serif;
  font-size: 8pt ;
  font-style: italic;
  font-weight: bold;
}

.diarypage H3 {
  font-family: "Times New Roman", serif;
  font-size:12px;
  font-style:italic;
  font-weight: bold;
     padding-top:0pt; padding-bottom:0pt;
     padding-right:0pt; padding-left:0pt;
}

.diarynotes {
  font-family: "Times New Roman", serif;
  font-size: 12pt ;
  font-style: italic;
  font-weight: bold;
  width: 70px ;
  height: 60px ;
  text-align: center ;
}

/* Paragraph styles for the popup info */

.maininfo P {
     text-align: justify;
     font-style: italic
}

.addinfo P {
     text-align: center
}

.warninfo {
     text-align: center;
     color: #DF1A1A;
     font-weight: bold;
     font-style: italic;
     text-decoration: underline
}

.closeinfo {
     text-align: right;
     color: #FF0000;
     font-size: 10px
}

/*****************************************
 * Transitional Styles
 *   These styles are defined for events
 *   Diary until the php version is
 *   implemented.
 *****************************************/
 
 .eventperiod {
     width: 100%;
      background-color:#EEEEFF;
     /* border widths */
     border-top-width: 5pt; border-bottom-width:5pt; 
     border-right-width:5pt; border-left-width:5pt;
     /* border style and color */
     border-style:outset; border-color:blue;
     /* paddings */
     padding-top:5pt; padding-bottom:5pt;
     padding-right:5pt; padding-left:5pt;
     font-family: Verdana, Arial, sans-serif;
 }
 /* lo and hi-lights in event table */
.eventlo TD {
     background-image: url('images/aqua.gif')
}

.eventhi TD {
     background-image: url('images/mint.gif')
}


.specialevent 
{
	width:100%;
	background-image:none;
	height:20pt;
}

.clublinks { font-family:Sans-Serif; }
.btntd { vertical-align:bottom; width:120px; height:28px; text-align:center; background-image:url( images/linkbutton.png );
         background-repeat:no-repeat; color:Blue; line-height:28px; }
.btntd:visited { width:120px; height:28px; text-align:center; background-image:url( images/linkbutton.png );
                 background-repeat:no-repeat; color:Blue; }
.btntd:hover { background-image:url( images/linkbutton2.png ); background-repeat:no-repeat;
               width:120px; height:28px; color:Blue; text-align:center; }
.linkbtn { text-decoration:none; height:28px; }
.linktitle { font-family:Arial, Sans-Serif; text-align:center; font-size:10pt; }

/* Menu styles */

.menubar {position:absolute; 
          top:160px;
          width:750px;
          background-color:White;
          margin:auto;
          height:36px;
         }
          

       
 .menuItem { background-image:url(images/yellow.png); position:absolute; width:116px; height:32px;
             text-align:center; vertical-align:middle; 
             font-family: Arial, Sans-Serif; font-size:10pt; font-weight:bold;
             text-decoration:none;
             color:#000000;
             line-height:32px; 
            }
 
 .menuItem:hover { background-image:url(images/orange.png);
                   color:Navy;
                  }
 
 
 .menuHome{ top:0px; left:0px; }
 .menuAbout { top:0px; left:116px; }
 .menuClubSite { top:0px; left:232px; }
 .menuDiary { top:0px; left:348px; }
 .menuMembers { top:0px; left:464px; }
 .menuJoinUs { top:0px; left:580px; }
 .menuLinks { top:0px; left:696px; }
 
 .afterMenu { margin-top:35px; 
              background-color:white;
			 background-image :none;
			}
 
  .menuSide { 
             font-family: Arial, Sans-Serif; font-size:10pt; font-weight:bold;
             text-decoration:none;
             color:#000000;
            }
 
 .menuSide:hover { background-color:#F0F8FF;
                   color:#0093DD;
                   font-family: Arial, Sans-Serif; font-size:10pt; font-weight:bold;
				   text-decoration:underline;
                  }
                  
.bodynew {
font-size:10pt; font-family: verdana, arial, sans-serif;
position:absolute;left:1cm;top:200px; width:880px;
margin-right:1cm; }

.centre {
    text-align: center;
}