@charset "UTF-8";
/* CSS Document */

/* Show/No Show web 001 pad 010 Phone 100 */
    .show001 { display:none; }
    .show100 { display:block; }
    .show101 { display:block; }
    .show010 { display:none; }
    .show011 { display:none; }
    .show110 { display:block; }

/* Float Boxs web 3 pad 2 Phone 1 */
    .box211, .box221, .box311, .box321, .box421, .box531, .pageBOX {
        width:98%;
        margin:0 0 15px 0.5%;;
        vertical-align: text-top;
        display:inline-block;
    }

    .pageIMGright {
        float: none;
        width:60%;
        margin:0 0 15px 20%;
        vertical-align: text-top;
        display:inline-block;
    }

/* Blog Page Wrapper */
    .blogPageWRAP { text-align: center; }

/* Blog Page Links */
    a.blogPageLINKS {
        font-size: 16px;
        text-decoration: none;
        color: #ceddf7;
        background-color: #002173;
        margin: 0 5px 7px 0;
        padding: 5px 8px;
        width: 234px;
        display: inline-block;
    }
    a.blogPageLINKS:hover {
        color: #002173;
        background-color: #85ae11;
    }

@media only screen and (min-width: 481px) {

/* Show/No Show web 001 pad 010 Phone 100 */
    .show001 { display:none; }
    .show100 { display:none; }
    .show101 { display:none; }
    .show010 { display:block; }
    .show011 { display:block; }
    .show110 { display:block; }

/* Float Boxs web 3 pad 2 Phone 1 */
    .box221, .box321, .box421 { width:48.5%; }
    .box211, .box311, .pageBOX {
        width:98.5%;
        margin:0 0 15px 0.5%;
        vertical-align: text-top;
        display:inline-block;
    }
    .box531 { width:32%; }

    .pageIMGright {
        float: none;
        width:80%;
        margin:0 0 15px 10%;
        vertical-align: text-top;
        display:inline-block;
    }
    
}



@media only screen and (min-width: 769px) {

/* Show/No Show web 001 pad 010 Phone 100 */
    .show001 { display:block; }
    .show100 { display:none; }
    .show101 { display:block; }
    .show010 { display:none; }
    .show011 { display:block; }
    .show110 { display:none; }

/* Float Boxs web 3 pad 2 Phone 1 */
    .pageBOX { 
        width:90%;
        margin:0 0 15px 5%;
        vertical-align: text-top;
        display:inline-block;
    }
    .box211, .box221 { width:49%; }
    .box311, .box321 { width:32%; }
    .box421 { width:24%; }
    .box531 { width:19%; }

    .pageIMGright {
        float: right;
        width:44%;
        margin:5px 0 15px 15px;
        vertical-align: text-top;
        display:inline-block;
    }
    
}