/* 
    Document   : dSSs
    Created on : May 17, 2023, 5:34:17 PM
    Author     : Brian
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}

    body {
        padding: 0px;
        /*margin: 0px;*/
        width: 100vw;
        height: 100vh;
        overflow-x: hidden;
        overflow-y: hidden;
        font-size: 2.0vh;
        line-height: 1;
    }

        #frame {
            display: inline-block;
            width: 100%;
            height: 100%;
            overflow: hidden; /*for id*/
            background-color: #25826C;/*DARK GREEN*/

        }
            #page {
                display: inline-block;
                /*float: left;*/
                width: 98%;
                height: 99%;
                margin-left: 1%;
                margin-bottom: 1%;
                margin-right: 1%;
                /*margin: auto;*/
                /*overflow: hidden; for ie*/
                /*height: 1080px;*/
                /*background-color: green;*/
                /*min-width: 900px;*/
            /*    padding-right: 5%;
                padding-left: 5%;*/
                font-family: 'Droid Sans','Trebuchet MS',Tahoma,Arial,sans-serif; 
                color: #131515;
                /*padding-bottom: 200px;*/
                background-color: #daead4;
                
            }
            
                #mainAreaA {
                    /*Area for the page inc LB, MB, RB but not header or nav areas*/
                    /*z-index: 1;*/
                    /*float: left;*/
                    display: inline-block;
/*                    display: inline;*/
                    /*position: relative;*/
                    width: 100%;
                    /*height: 90%;*/
                    height: 90%;                   
/*                    width: 90%;
                margin-left: 5%;
                    height: 78%;*/
                    /*overflow: hidden;*/
                    overflow-y: scroll;
                    overflow-x: scroll;
/*background-color: red;*/
background-color: #daead4;
                }

                    #pageContainer {
                        /*ALL PAGES ARE INCLUDED INSIDE OF THIS CONTAINER IN INDEX*/
                        display: inline-block;
                        /*float: left;*/
                        
/*background-color: #daead4;*/
/*background-color: red;*/
                        
/*                        width: 100%;
                        height: 100%;*/
                    }
                    
                    
                    
                    
/*PAGES PAGES PAGES*/
/*PAGES PAGES PAGES*/

            .generalPage {
                /*GENERAL INCLUDE PAGE -  COLORS*/
                background-color: #F4EFF0;
            }

            .maIncludePage {
                display: inline-block;
                width: 100%;
                height: 100%;

            }

            .mbIncludePageGen {
                /*THE GENERAL STYLE FOR ANY PAGE INCLUDED AS MB*/
                /*display: inline-block;*/
                float: left;
                /*height: 100%;*/
            }
                .mbIncludePage {
                    /*settings for mb if no L/R box*/
                    width: 100%;
                    height: 100%;
                    
                    
                    
                }
                .mbIncludePageL {
                    /*settings for mb if only L box*/
                    width: 80%;/*LB is 20%*/
                    
                }
                .mbIncludePageR {
                    /*settings for mb if only R box*/
                    width: 80%;/*RB is 30%*/
                    
                }
                .mbIncludePageLR {
                    /*settings for mb if L AND R box*/
                    width: 60%;/*???*/
                    
                }
                
                #rightBox {
                    float: left;
                }
                    .rbIncludePageGen {
                        /*display: inline-block;*/
                        width: 20%;
                        height: 100%;
/*background-color: red;*/
                    }