﻿body {
     
}

#OuterDiv {
     width:770px;
     margin:0 auto;
     background:#ffffff;
     height: 943px;
}
            
div#header {
     height:140px;
     position:relative;
    top: 0px;
    left: 39px;
    width: 698px;
}     
        
div#LogoDiv {
     border-style: none;
     position:absolute;
     margin: 0 auto;
     top:-1px;
     display: block;
     width: 687px;
     height: 144px;
     left: 6px;
     text-align:center; 
}     

#OuterDiv div#MiddleContent {
     width:700px;
     margin:0 auto;
     background:#ffffff;
     height: 721px;
}

#MiddleContent div#MenuDiv {

     width: 155px;
     height: 620px;
     margin-left:0px;
     background-color: #0071c1;
     color: #fffdff; 
     float:left;
     font-family: "Comic Sans MS", sans-serif;
     font-size:medium; 
     padding-left: 5px;
     line-height: 2em; 
     padding-top:100px;
     
}
            
            
div#MenuDiv a:link, div#MenuDiv a:visited {             
    font-family: "Comic Sans MS", sans-serif;
    color: #fffdff;
    text-decoration: none;
}

div#MenuDiv a:hover, div#MenuDiv a:active {             
    font-family: "Comic Sans MS", sans-serif;
    color: #ffd243;
    text-decoration: none;
}

div#MenuDiv  a.current {
            cursor: default ;
            color: #fffdff;
            
            }

div#MenuDiv #A1 {
        color: white; 
            }


#MiddleContent div#ContentDiv {
     background-color:#ffd243;
     width:539px;
     height:720px;
     float:left;
     
 
}

#NewBackground {
     background-image:url('graphics/erielanesbackground_2.jpg');
     background-repeat: no-repeat;
     background-position:center;
    height: 606px;
}
/*#background-tjk {
    background-color:Purple;
}
*/


#ContentBlock1Title {
         margin-top: 3px;
         font-family: "Comic Sans MS", sans-serif;
         font-size:xx-large;
         color: Red;
         text-align:center;
         height: 100px;
         text-decoration: none;
}

#ContentBlock1Title a:link, #ContectBlockSmall1 a:visited {             
    color: red;
    text-decoration: none;
}

#ContentBlock1Title a:hover, #ContectBlockSmall1 a:active {             
    color:blue ;
    text-decoration: none;
}



#ContentBlock2 {
         font-family: "Comic Sans MS", sans-serif;
         color:Maroon;
         text-align:center;
         font-size:large;
    height: 290px;
}

#MiddleArea {
    font-family: "Comic Sans MS", Sans-Serif;
}

#ContentBlockBig {
        background-color: #91b509;
        width: 219px;
        height: 140px;
        color: white;
        margin-left: 25px;
        text-align:center;
        font-size:medium;
        line-height: 20px;
        float:left;
        padding:5px 0 0 5px;
}

#ContentBlockBig a:link, #ContentBlockBig a:visited {             
    color: white;
    text-decoration: none;
}

#ContentBlockBig a:hover, #ContentBlockBig a:active {             
    color: red;
    text-decoration: none;
}

#ContectBlockSmall1 {
    width: 247px;
    margin-left: 271px;
    background-color: #033102;
    color: Blue;
    text-align:center;
    font-size: 13px;
    font-weight: bold; 
    letter-spacing: .5ex;
    height: 38px;
    padding-top:1px;
}

#ContectBlockSmall1 a:link, #ContectBlockSmall1 a:visited {             
    color: white;
    text-decoration: none;
}

#ContectBlockSmall1 a:hover, #ContectBlockSmall1 a:active {             
    color:Lime ;
    text-decoration: none;
}

#ContectBlockSmall2 {
    width: 247px;
    height: 20px;
    margin-left: 271px;
    background-color: #6c2488;
    color: White;
    text-align:center;
    font-size: 13px;
    font-weight:bold;
    letter-spacing: .5ex;
    height: 38px;
    padding-top:1px;
    padding-bottom:5px;
    margin-top:10px;
}

#ContectBlockSmall2 a:link, #ContectBlockSmall2 a:visited {             
    color: White;
    text-decoration: none;
}

#ContectBlockSmall2 a:hover, #ContectBlockSmall2 a:active {             
    color: red;
    text-decoration: none;
}


#ContectBlockSmall3 {
    width: 247px;
    height: 20px;
    margin-left: 271px;
    /*background-color: #92d14f;
    color: Black; */
    background-color:#be3812;
    color: White;
    text-align:center;
    font-size: 13px;
    font-weight:bold;
    letter-spacing: .5ex;
    height: 38px;
    padding-top:1px;
    padding-bottom:5px;
    margin-top:10px;

/* use the logic below for opacity 
    for IE 
  filter:alpha(opacity=80);
    CSS3 standard  
  opacity:0.8;
  */  
}

#ContectBlockSmall3 a:link, #ContectBlockSmall3 a:visited {             
    color: White;
    text-decoration: none;
}

#ContectBlockSmall3 a:hover, #ContectBlockSmall3 a:active {             
    color: black;
    text-decoration: none;
}

#ContentBlockLastComment {
    margin-top: 10px;
    text-align:center;
    height: 36px;
    margin-bottom: 0px;
}

#OuterDiv div#FooterID {
     width: 700px;
     margin:1px auto 0 auto;
     background-color : #92d14f;
     color: #0d0010;
     text-align:center;
}

#LoginBox{
     width:353px;
     height: 167px;
     color: Black;
     margin-left: 92px;
     text-align:center;
     
}

#login1 {
     
}


#Thankyou1 {
     text-align:center;
     font-family:"Trebuchet MS", Sans-Serif;
     font-weight:bolder;  
     height:717px;
      font-style:italic;
}

div#HomePageImage {
     top:50px;
    width: 515px;
    padding-left:50;
    margin-right:30px;
    height: 552px;
}
       
       
 /* Corporate Events */
 
 #Corporate_Events_Text_1 {
     text-align:center;
     font-family:Calibri;
     font-size:10;
     padding-top:5px;   
 }
 
 #Corporate_Events_Text_1 a:link, #Corporate_Events_Text_1 a:active {             
    color: black;
    text-decoration: none;
}

#Corporate_Events_Text_1 a:hover, #Corporate_Events_Text_1 a:visited {             
    color: Blue;
    text-decoration: none;
}

.Corporate_Events_Image {
     float:left;
    height: 129px;
    width: 147px;
}

.Corporate_Events_Title_1 {
     text-align:center;
    height: 160px;
}

#Corporate_Events_Fundraising_Image {
     float:right;
    width: 111px;
}

.School_Bowling_1 {
     float:left;
    width: 63px;
}

.School_Bowling_2 {
     float:right;
    width: 91px;
    height: 134px;
}
