/* --------------------------
base styles 
-------------------------- */
body
{
    padding: 0;
    color: #000;
    background: #fff;
    text-align: center;
    width:100%;
    margin: auto;
    height: auto;
}

h1
{
    margin: 0;
    font-size: 1.5em;
    font-weight: 500;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size:26px;
    text-align: left;
    padding-left: -4cm
}

h2,h3
{
    font-family: cursive;
    margin: 0 0 1em;
    font-size: 1.6em;
    font-weight: bold;
    font-weight: 500;
}

p
{
    margin: 0 0 1.5em;
    line-height: 2.5;
    font-size: 2.3em;
    font-weight: bold;
    color: #000066;
}

head_img
{
float: center;
}

/* --------------------------
layout 
-------------------------- */
.link {
    text-decoration: none;
    font-size: 120%;
}
.link1 {
    text-decoration: none;
    font-size: 120%;
    color: #CCCC33;
}

.header
{
    background-color: #000099;
    padding: 0em;
    color:#CCFFCC;
}

.content { padding: 1em; }
.col1 { margin-bottom: 1em; }
.col2 { margin-bottom: 1em; }
.col3 { margin-bottom: 1em; }
.col4 { margin-bottom: 1em; }

/* --------------------------
wide screen 
-------------------------- */
@media all and (min-width:1025px)
{
#    .header { padding: 1em 3%; }
    .footer { padding: 3%; }
    
    .content
    {
        overflow: hidden;
        padding: 2em 0 1em;
        margin-left: 20%;
        width:80%;
    }
    
    .col1,.col2,.col3,.col4
    {
        float: left;
        margin-bottom: 1em;
        margin-left: 3%;
    }
    
    .col1 { width: 15%; }
    .col2 { width: 15%; }
    .col3 { width: 15%; }
    .col4 { width: 15%; }
    .footer {
        clear: both;
        #padding: 1em;
        background-color: #000066;
        color:#CCCC66;
        font-family: Monaco;
        text-align: left;
        #margin-left:50em;
        line-height: 1.5em;
        margin-bottom: 0;
    }
    .footerm {
        display: none;
    }
 #   .footer .span {text-align: right;float: right;}
div span:nth-of-type(1) { float:right }
div span:nth-of-type(2) { float:right }
}

/* --------------------------
mobile screen
-------------------------- */
@media (max-width:1024px)
{
    .footer { padding: 3%; }

    .footerm {
        clear: both;
        #padding: 1em;
        background-color: #000066;
        color:#CCC;
        text-align: center;
        line-height: 1.5em;
        margin-bottom: 0;
    }
    .footer {
        display: none;
    }
}