body
{
}
.boldText
{
    font-weight:bold;
    font-family: Arial;
    font-size:smaller;
    color:Black;
}
.boldTextLarge
{
    font-weight:bold;
    font-family: Arial;
    font-size:large;
    color:Black;
}
.boldTextXLarge
{
    font-weight:bold;
    font-family: Arial;
    font-size:x-large;
    color:Black;
}
.boldTextXXLarge
{
    font-weight:bold;
    font-family: Arial;
    font-size:xx-large;
    color:Black;
}
.boldTextWhite
{
    font-weight:bold;
    font-family: Arial;
    font-size:smaller;
    color:White;
}
.boldBigTextWhite
{
    font-weight:bold;
    font-family: Arial;
    font-size: x-large;
    color:White;
}

.normalTextWhite
{
    font-weight:normal;
    font-family: Arial;
    font-size:smaller;
    color:White;
}

.boldRed
{
    font-weight:bold;
    font-family: Arial;
    font-size:x-large;
    color:Red;
}
.boldPink
{
    font-weight:bold;
    font-family: Arial;
    font-size:x-large;
    color: #FCCACD;
}
.smallWhiteShadow
{
    Font-Size:Small;
    Color :White;
    font-weight:bold;
    text-shadow: black 1px 1px;
    opacity:1;
    filter:alpha(opacity=100);
}
.mediumWhiteShadow
{
    Font-Size:Medium;
    Color :White;
    font-weight:bold;
    text-shadow: black 1px 1px;
    
}
.book
{

 width:auto;
 height: auto;
 position:relative;
float:left;
vertical-align:top;
}
.list
{
 background-color:Maroon;
/* background-image: url('http://www.memphisemmaus.org/scrapbook/images/cloud.jpg'); */
 width:90px;
 height:570px;
 position:relative;
 top:10px;
 left:5px;
 vertical-align:top; 
 text-align:center;
 float:left;
}
.leftside
{
  
  width: 550px;
  height: 650px;
  background-color:Gray; 
  object-fit:cover;
  background-image: url('https://www.memphisemmaus.org/scrapbook/images/leftside.jpg');
  text-align:center;
  vertical-align:top;
  
}
.rightside {
    width: 550px;
    height: 650px;
    background-color: Gray;
    object-fit: cover;
    background-image: url('https://www.memphisemmaus.org/scrapbook/images/rightside.jpg');
    text-align: center;
    vertical-align: top;
}
.spline{
    
    width:49px;
    vertical-align:top; 

}
.copyright
{
 position:absolute;
 left:440px;
 top:590px;
 color:White;

}
.crossTDdown
    {
    height: 678px;
    width: 54px;
    background: -webkit-linear-gradient(white, transparent); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, transparent); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, transparent); /* For Firefox 3.6 to 15 */
    background: linear-gradient(white, transparent); /* Standard syntax */
}
.crossTDright
    {
    height: 53px;
    width: 827px;
    text-align:center;
    vertical-align:middle;
    background: -webkit-linear-gradient(left, white , transparent); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, white, transparent); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, white, transparent); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, white , transparent); /* Standard syntax */
    }
.style12
{
    color: #FFFFFF;
    font-size: xx-large;
    font-family: "Lucida Calligraphy";
    text-shadow: black 2px 2px;
    
}
       .roundButton
        {
         background-color:White;
	     border-radius: 15px;
        moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        padding: 5px; 
        vertical-align:middle;
        color:White;
        font-weight:500;
        }
.tdBlkWht
{
 color:White;
 background-color:Black;
 font-family:Arial;
 font-size:medium;
 text-align:left;    
}
.tdAquaBlk
{
 color:Black;
 background-color:Aqua;
 font-family:Arial;
 font-size:larger;
 text-align:left;   
}
.tdPinkBlk
{
 color:Black;
 background-color:#FFD1E4;
 font-family:Arial;
 font-size:large;
 text-align:left;   

}
.tdWhtBlk
{
 color:Black;
 background-color:#ffffff;
 font-family:Arial;
 font-size:large;
 text-align:left;   

}

a:link
{
 color: White; 
 font-weight:bold; 
  
}
a:visited
{
 color: White; 
 font-weight:bold; 
  
}
a.ovalbuttonBlue{
background: transparent url('images/butBlue.png') no-repeat top left;
display: block;
color: White;
float: left;
font:  normal 20px Tahoma bold; /* Change 13px as desired */
line-height: 72px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 82px; /* Height of button background height */
width: 280px;
padding-left: 11px; /* Width of left menu image */
padding-top:30px;
text-decoration: none;
text-align:center;
vertical-align:middle;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url('media/oval-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}
.adminButton {
    background-color:#3B98B8;
    color:#082129;
    box-shadow:3px 3px 3px black;
    }
.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}
.team
{
 border: solid 1px black;
 font-family:Arial;
 width: 100%;
  outline: solid 1px black;           
    
    
}
.teaminput
{
 border: solid 1px black;
 font-family:Arial;
 
          
}
.shadowbox
{
    border-right: solid 1px black;
    border-bottom: solid 1px black;
    border-left: solid 1px white;
    border-top: solid 1px white; 
    border-radius: 6px;
}
.images
{
     border-right: solid 1px black;
    border-bottom: solid 1px black;
    border-left: solid 1px white;
    border-top: solid 1px white; 
    border-raduis:6px;
    width: 95%;
    height:75%;

}
.ChrysalisMain
{
    background-color: #d1c3c3;
    border-right: solid 2px black;
    border-bottom: solid 2px black;
    border-left: solid 2px white;
    border-top: solid 2px white; 
    background-image: url('../images/butterflies.jpg');
    width:950px;
    height:700px;
    border-radius: 16px;        
           
}
.textBox800
{
 width:65%;

     border-right: solid 2px black;
    border-bottom: solid 2px black;
    border-left: solid 2px white;
    border-top: solid 2px white; 

 border-radius:15px;
 background:rgba(108,136,186,0.8);
 
 padding:  10px 10px 10px 10px;

}
.textBox400
{
 width:65%;

     border-right: solid 2px black;
    border-bottom: solid 2px black;
    border-left: solid 2px white;
    border-top: solid 2px white; 

 border-radius:5px;
 background:rgba(108,136,186,0.7);
 
 padding:  10px 10px 10px 10px;

}
.textBox300
{
 width:95%;
 height:100%;
     border-right: solid 2px black;
    border-bottom: solid 2px black;
    border-left: solid 2px white;
    border-top: solid 2px white; 

 border-radius:10px;
    background:rgba(108,136,186,0.6);
 
 padding:  10px 10px 10px 10px;
}
.GrayBox
{
    background-color: #d1c3c3;
   border: solid 2px black;
 
            text-align:center;
            vertical-align:middle;
            margin: 5px 5px 5px 5px;
             width:850px;
             height:25px;
             font-family:Arial;
           
}
.bodybox
{
   background-color: #89cc34; 
            color: black;
            border: solid 1px black;
            
            
            margin: 5px 5px 5px 5px;
             width:460px;
          
             font-family:Arial;
    height: 100%;
}
.whiteBox
{
    background-color: #ffffff;
            color: black;
            border: solid 1px black;
            text-align:center;
            vertical-align:middle;
            margin: 5px 5px 5px 5px;
             width:860px;
          
             font-family:Arial;
    height: 1800px;
}
.whiteBoxLarge
{
    background-color: #ffffff;
            color: black;
            border: solid 2px black;
            text-align:center;
            vertical-align:middle;
            margin: 5px 5px 5px 5px;
            width:1000px;
            font-family:Arial;
           
}

.someBox
{
        position:relative;
        top:-200px;
        left:-50px;
        height:auto;
        border: solid 1px black;
        text-align:center;
        vertical-align:middle;
        margin: 5px 5px 5px 5px;
        width:600px;
        background-color:White;  
        font-family:Arial;
        z-index:99;
        
}
.whiteBoxLeft
{
    background-color: #ffffff;
            color: black;
           
            text-align:left;
            
             margin: 2px 2px 2px 2px;
             width:850px;
           padding:  3px 3px 3px 4px;
             font-family:Arial;
             font-size:11pt;
           
}
.whiteBoxCenter
{
    background-color: #ffffff;
            color: black;
           
            text-align:center;
            
            margin: 2px 2px 2px 2px;
             width:850px;
          padding: 3px 3px 3px 4px;
             font-family:Arial;
             font-size:small;
           
}

.inputBox
{
        background-color:white;
        color: black;
        border-bottom: solid 1px black; 
        border-left: none;
        border-right: none;
        border-top: none;
        font-family:Arial;
        font-size:smaller;
margin-bottom: 0px;
}
.textboxes
{
        background-color: white;
        color: black;
        border: groove 10px #C9EBA9;
        text-align:left;
        margin: 15px 15px 15px 15px;
        padding: 10px 10px 10px 10px;
        border-radius:10px;             
}
.textboxesblack
{       position: fixed;
    top: 30%;
    left: 50%;
    width: 50%;
    height: auto;
    margin: -100px 0 0 -25%;
       display:none;
       
        background-color: white;
        color: black;
        border: groove 10px #C9EBA9;
        text-align:left;
        
        padding: 10px 10px 10px 10px;
        border-radius:10px;             
        box-shadow:black 6px 6px 6px;
       z-index:9999;
}
.textboxeshome
{           position:relative;
            background-color: Transparent;
            color: black;
            text-align:left;
            height:auto;
            margin: 15px 15px 15px 15px;
            padding: 10px 10px 10px 10px;
            display:block;
                         
}
.mainDiv
{
            border-style: groove; 
            border-color: #ffffff;
            border-width:6px; 
            border-radius: 16px;
            height: auto; 
            width: 1024px; 
            background-color:Transparent;
}
.roundedbuttons
{
    border-right: solid 2px black;
    border-bottom: solid 2px black;
    border-left: solid 2px white;
    border-top: solid 2px white; 
    font-size:medium;
    font-family:Arial Narrow;
    border-radius:6px;
    height: 23px;
    width: 250px;
    vertical-align:middle; 
}
.roundedBox1
{
    border-right: solid 1px black;
    border-bottom: solid 1px black;
    border-left: solid 1px white;
    border-top: solid 1px white; 
    border-radius:6px;
    height: 100px;
    width: 100%;
    background:rgba(108,136,186,0.6);

}
.roundedBox2
{
    border-right: solid 1px black;
    border-bottom: solid 1px black;
    border-left: solid 1px white;
    border-top: solid 1px white; 
    border-radius:6px;
    height: 100px;
    width: 100%;
     background:rgba(108,136,186,0.6);

}
.leftPanel
{
    background-color:Gray;
    float:left;
    top:100px;
    left:5px;  
    border: ridge 6px red;   
    padding: 4px 4px 4px 4px;
}
.rightPanel
{
 background-color:White;    
 top: 100px;
 float:left;
 border: ridge 6px red;
 padding: 4px 4px 4px 4px;
}
.rightPanelList
{
 background-color:white;    
 padding: 4px 4px 4px 4px;
 height: 270px;
  font-size:x-small;
  width:170px;
   
}
.choicePanel
{
 background-color:Gray;    
 top: 100px;
 float:LEFT;
 border: ridge 6px red;
 padding: 4px 4px 4px 4px;
}
.header
{
    background-color:Gray;
    border: ridge 6px red;
    border-radius:6px;
    height:40px;
    width:865px;
    padding: 4px 4px 4px 4px;
}
.inputPanel
{
    float:left;
    background-color:Gray;
    border: ridge 6px red;
    border-radius:6px;
    height:180px;
    width:685px;
    padding: 4px 4px 4px 4px;
}