@import url("stylecommon.css");
@import url("styleorganisecommon.css");   


.box{
        
        float:left;
        background-color: var(--seccol);
        //border-bottom-style:ridge;
        //border-bottom-width: 2px;
        //border-bottom-color: black;
        width:250px;
        height:450px; 
        margin-top:20px;
        background-color: var(--topcol);
        padding:10px;

    }


.boxcard,.boxbook,.boxalbum{
        
        float:left;
        background-color: var(--seccol);
        border-bottom-style:none;
        border-bottom-width: 1px;
        border-bottom-color: var(--topcol);
        margin-right:2%;
        margin-left:2%;
        width:92%;
        border:0px;
        border-radius: 3px;

    }

 .boxalbum{
        padding-left:5px;
        margin-top: 20px;
        width:260px;
        height:300px;
        overflow-y:auto;
	   
    }

.boxideas{
       
        height:200px;
        width:200px;
     
    }


.notnav{
    color:#888888;
}

.content{
    overflow-x:hidden;
}



 
.bigheading{
    width:100%;
    height:auto;
    background-color:white;
    clear:both;
}



.page{
    display:none;
}

.flip-card {
       
        width:28%;
	height:400px;
       
    }

#addstuff, #addidea{
    
    margin-left:10px;
    width:260px;
    height:650px;
}

#addstuff, #edithere, #photoalbum{
        float:left;
        display:inline;
    }
    
    
#edithere, #photoalbum{
        
        width:calc(95% - 260px);
    }
    
#mylocator, #mylevel{
	display:none;
}

textarea,input{
        width:98%;
    }
 
input[type='submit']{
        margin-left: 2px;
    }