/* dark maroon color #390215 */
/* original pink color #9a1b49 */
body {
	 text-align:center;
	 font-family: "Tw Cen MT", Arial, Helvetica, sans-serif;
     background-color: transparent;
     background-image:url('images/backtile.jpg');
}

#container { 
           display:block; /* activates width and height in FF */
           margin-top:45px;
		   margin-left:auto;
		   margin-right:auto;
           width:1000px;
           height:622px;
           background-color:#FFFFFF;           
}  
#container2 { 
           display:block; /* activates width and height in FF */
           margin-top:45px;
		   margin-left:auto;
		   margin-right:auto;
           width:1000px;
           height:622px;
           background-color:#FFFFFF;
}                       
#leftcol { 
         display:block; /* activates width and height in FF */
         height:622px;
         width:190px;
		 float: left;
         margin-left:-10px; /* overlap over left side of container */
		 background-image:url('images/leftimage.gif');
         z-index:4;
}        
#rightcol {              /* right green with tear column */
         display:block;
         height:622px;
         width:43px;
		 float: right;
         margin-right:-35px; /* overlap over right side of container */
		 background-image:url('images/rightimage.gif');
         z-index:2;
}
#rightcoltext {color: #FFFFFF; line-height: 150%; padding-right:15px; padding-left:15px;}
#rightcoltext2 {color: #FFFFFF; line-height: 150%; padding-right:10px; padding-left:10px;}
#header { 
        clear:both;
        float:right;
        margin-right:8px;
        margin-top:-622px;
        z-index:3;
}
#header2 { 
        clear:both;
        display:block;  
        font-family:'Tw Cen MT';
        color:#ffffff; 
        font-size:16px;
        text-align:center;
        padding-top:9px;      /* use these two to adjust vertical alignment of text */ 
        padding-bottom:1px;   /* use these two to adjust vertical alignment of text */
        padding-right:5px;
        margin-right:8px;
        height:35px;  
        letter-spacing:1.2px;  
        position:relative;
        width:807px;                 /* need to match width of header picture */
		float: right;
    	background-color:#9a1b49;
        margin-top:-496px;           /* provides 5px white gap  */
        z-index:3;        
}
#header3 { 
        clear:both;
        float:left;  /* changed in syle_IE */
        margin-left:180px;  /* changed in syle_IE */
        display:block;  
        font-family:'Tw Cen MT';
        color:#ffffff; 
        font-size:16px;
        text-align:center;
        padding-top:7px;      /* use these two to adjust vertical alignment of text */ 
        padding-bottom:3px;   /* use these two to adjust vertical alignment of text */
        height:35px;  
        letter-spacing:1.1px;  
        position:relative;
        width:812px;                 /* need to match width of header picture */
    	background-color:#9a1b49;
        margin-top:-622px;           /* provides 5px white gap  */
        z-index:3;        
}
#main-area { 
     clear:both;
 	 float: left;
     margin-left:186px;
     margin-top:-447px;
     height:440px;
     width: 624px;                /* need to match width of header picture */
}     
#main-area2 {                  /* used for directions and chalkboard */
     position:relative;
     background-color:#000000;
     float: left;
     margin-left:186px;
     margin-top:-447px;
     text-align:left;
     height:442px;
     width: 624px;                /* need to match width of header picture */
     z-index:1;
}
#main-area3 {                  /* used for chalkboards */
     position:relative;
     background-color:#000000;
 	 float: left;
     margin-left:186px;
     margin-top:-572px;
     text-align:left;
     height:567px;
     width: 664px;                /* need to match width of header picture */
     z-index:1;
}
#chalktable {
    display:block;
    position:relative;
    margin-left:50px;
    height:440px;
}
#rightsubcol { 
     width: 173px; 
     margin-top:-447px;
     height:444px;
     margin-right:6px;
     padding-left:5px;
     padding-right:5px;
	 float: right; 
     font-family:'Goudy Old Style';
     font-weight: 700;
     font-size:18px;
     color:#ffffff;
}
#rightsubcol3 { 
     clear:both;   /* changed in syle_IE */
     width: 132px; 
     margin-top:-572px;
     height:572px;
     margin-right:9px;
     padding-left:5px;
     padding-right:5px;
	 float: right; 
     font-family:'Goudy Old Style';
     font-weight: 700;
     font-size:18px;
     color:#ffffff;
}
#blocktopgooglecalendar {
     position:relative; 
     margin-top:-4px; 
     height:9px; 
     background-color:#ffffff; 
     z-index:5;
 }
#footer { 
      position:relative;
      display:block;
      width: 812px; 
      float:right;
      margin-right:8px;
      margin-top:-30px;
      font-family:'Tw Cen MT'; 
      color:#ffffff; 
      font-size:20px;
      text-align:center;
      z-index:101;
      height:30px;
      background-color:#9a1b49;
}
#footer2 {   /* was used for footer on directions and chalkboard */
      position:relative;
      display:block;
      width: 812px; 
      float:right;
      margin-right:8px;
      margin-top:-15px;
      z-index:101;
      height:0px;
      background-color:#390215;
}
.headtext {
      font-size:22px;
      color:#acdd00;
       }
/*  Menu formatting use for flyouts too */
.glossymenu, .glossymenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 150px; /*WIDTH OF MAIN MENU ITEMS*/
border: 1px solid black;
}

.glossymenu li{
position: relative;
}

.glossymenu li a{
display: block;
width: auto;
padding: 5px 0;
padding-left: 10px;
text-decoration: none;
}

.glossymenu li ul{ /*SUB MENU STYLE*/
position: absolute;
width: 150px; /*WIDTH OF SUB MENU ITEMS*/
left: 0;
top: 0;
display: none;
}

.glossymenu li ul li{
float: left;
}

.glossymenu li ul a{
width: 150px; /*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */
}

.glossymenu .arrowdiv{
position: absolute;
right: 2px;
background: transparent url(arrow.gif) no-repeat center right;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}

.glossymenu li a:hover{
background-image: url(glossyback2.gif);
}

/* Holly Hack for IE \*/
* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }
/* End */