body { 
        background: rgb(215,197,184);
    }    
    
    @font-face {
    font-family: klinic_slab_book;
    src: url('fonts/KlinicSlabBook_1.otf');
    }
    @font-face {
    font-family: klinic_slab_bold;
    src: url('fonts/KlinicSlabBold_1.otf');
    }
    @font-face {
    font-family: klinic_slab_bold_italic;
    src: url('fonts/KlinicSlabBoldIt_1.otf');
    }
    @font-face {
    font-family: klinic_slab_italic;
    src: url('fonts/KlinicSlabBookIt_1.otf');
    }
        p
    {
        font-family: klinic_slab_book; color: rgb(145, 17, 3)  
    }
        #p2
    {
        font-family: klinic_slab_book; color: white;
            background-color: rgb(95,20,19); 
            padding: 15px;
            text-align: center;
            line-height: 150%;
            width:70%;
    margin-left: auto;
    margin-right: auto;



    }   
        .p3
    {
        font-family: klinic_slab_italic; color: white;
        font-size: 150%;
            background-color: rgb(95,20,19); 
            padding: 15px;
            text-align: center;
            line-height: 200%;
            width:70%;
    margin-left: auto;
    margin-right: auto;


    }
        h1
    {
        font-family: klinic_slab_italic; color: white;   
            background-color: rgb(16,148,72);
            color: white;
            padding: 1%;
            text-align: center;
            letter-spacing: 8px;
            word-spacing: 10px;


    }
        h2
    {
        font-family: klinic_slab_bold_italic; color: rgb(14, 126, 0); font-size: 150%;   
            background-color: rgb(215,197,184);
            color: white;
            padding: 15px;
            text-align: center;

    }
        h3
    {
        font-family: klinic_slab_book; color: white;
            background-color: rgb(16,148,72);
            padding: 15px;
            text-align: center;

    }
        .hours
    {
        font-family: klinic_slab_bold_italic; color: white;
         font-size: 130%;   
            background-color: rgb(16,148,72);
            padding: 15px;
            text-align: center;

    }
        img.centered 
    {
    display: inline;
    margin-left: auto;
    margin-right: auto;
    z-index: -1;


    }
        img.centered2 
    {
    display: inline-block;
    margin-left: 5.5%;
 
    }
        img.centered3 
    {
    display: inline;
    margin-left: auto;
    margin-right: auto;
    padding-top: 3%;
    padding-bottom: 3%;
    border-top: 2px solid  rgb(95,20,19);
    border-bottom: 2px solid  rgb(95,20,19);

    }
        .centered4 
    {
    position: relative;
    padding-left: 5%;
    padding-right: 5%;


    }
        .centered5
    {
    position: absolute;
    top: 83%;
    right: 15%;
    left: 15%;
    }
        img.centered6
    {
    position: relative;
    padding-left: 5%;
    padding-right: 5%;
    margin-top: 3%;
    margin-bottom: 1%;
    transform: scaleY(-1);
    }
        img.leftsideflipped
    {
    display: inline;
    margin-left: 57px;
        transform: scaleX(-1);

    }   
        img.topsideflipped 
    {
        position: absolute;   
        margin-left: 57px;
        transform: scaleY(-1) scaleX(-1);


    }
    }
        img.toprightside
    {
         position: absolute;   
        margin-right: 0px;
        transform: scaleY(-1);
 
    }
    
.buttons1 {

        font-family: klinic_slab_bold; color: white; font-size: 100%;  
        position: static;
        margin-left: 100px;
        width: 100%;
        height: 100%;
        color: white;
        background: url('http://www.geocities.ws/eliquinn/GRA310/images/redhexbutton01.png') no-repeat;
    text-indent: 40px;
    
    }
.lowercolumn {
    column-count: 3;
    column-gap: 40px;

}
 


div#navcontainer
{

    border-top: solid 6px rgb(215,197,184);
    border-bottom: solid 6px rgb(215,197,184);
}

div#navcontainer ul
{
    font-family: klinic_slab_bold; color: white; font-size: 140%;
    text-shadow: 0px 2px 2px rgb(95,20,19);

    font-weight: bold;
    color: white;
    text-align: center;
    margin: 0;
    padding-bottom: 2px;
    padding-top: 5px;
}

div#navcontainer ul li
{
    display: inline;
    margin-left: 8px;
}

div#navcontainer ul li a
{
    padding: 15px 15px 15px 15px;
    color: white;
    text-decoration: none;
}

div#navcontainer ul li a:hover
{
    border-radius: 10px;
    background-color: #cf1f45;
    color: white;
}

#active a { 
    border-radius: 10px;
    background-color: rgb(16,148,72);
 
}

    
    .container {
    position: absolute;
}