﻿
/*
 * BASICS       
 */

body
{
    font-weight: 400;
    font-family: "Open Sans";
    font-size: 13px;
    line-height: 20px;
    color: #666666;
    background: #f1f1f1;
}

a:hover
{
    text-decoration: underline;
}

h1, h2
{
    font-size: 18px;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 26px;
    margin: 0 0 15px;
    color: #375D81;
}

h4
{
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 20px;
    margin: 0 0 15px;
    color: #fff;
}

/*
 * PLATFORM       
 */

/* Large desktop */
@media (min-width: 1200px)
{
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px)
{
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px)
{
    .zone-header a.brand img
    {
        width: 30%;
    }

    .zone-header
    {
        padding: 0px 0px 5px 0px !important;
    }

    .zone-contact-box .widget-contact-box
    {
        float: none !important;
        padding: 3px;
        border-radius: 0px 0px 5px 5px;
    }

        .zone-contact-box .widget-contact-box p
        {
            line-height: normal;
        }

    .zone-top-navigation
    {
        float: none !important;
        margin-top: 10px;
    }

        .zone-top-navigation ul.menu-top-navigation
        {
            margin-bottom: 5px !important;
        }

        .zone-top-navigation .menu-top-navigation li
        {
            float: none !important;
            padding: 0 0 0 14px !important;
            background: #E1E6FA;
            margin-bottom: 4px;
        }

            .zone-top-navigation .menu-top-navigation li a
            {
                font-size: 14px;
                font-weight: bold;
            }
}

/* Landscape phones and down */
@media (max-width: 480px)
{
    .zone-header a.brand img
    {
        width: 50%;
    }

    .widget-contact-box, .zone-top-navigation .menu-top-navigation li, .zone-header, .zone-navigation .menu-main-menu li a, .zone-navigation .menu-main-menu .dropdown-menu li
    {
        text-align: center;
    }

    .nav .dropdown-toggle .caret
    {
        display: none;
    }

    .zone-navigation .menu-main-menu
    {
        height: auto !important;
    }

        .zone-navigation .menu-main-menu li
        {
            float: none !important;
            display: block;
        }

        .zone-navigation .menu-main-menu .dropdown-menu
        {
            float: none !important;
            position: relative !important;
            margin-left: 0px !important;
            box-shadow: none !important;
        }

            .zone-navigation .menu-main-menu .dropdown-menu li
            {
                border-top-color: #5C7C9B;
                border-top-style: solid;
                border-top-width: 1px;
            }

                .zone-navigation .menu-main-menu .dropdown-menu li a
                {
                    width: auto !important;
                }
}


/*
 * DETAILS       
 */
#MainContainer, #SubFooter
{
    padding: 0 20px;
    margin-top: 20px;
}

#MainContainer
{
    background: #fff;
    border: 1px solid #e1e1e1;
    box-shadow: 0 0 3px #eeeeee;
}

.zone-header
{
    padding: 20px 0px 20px 0px;
}

a.brand img
{
}

.zone-navigation .menu-main-menu
{
    background: #375D81;
    margin: 0 0 20px;
    overflow: visible;
}

.zone-navigation .menu-main-menu
{
    overflow: visible;
    height: 45px;
}

    .zone-navigation .menu-main-menu li
    {
        float: left;
        position: relative;
        z-index: 999;
    }

        .zone-navigation .menu-main-menu li a
        {
            display: block;
            color: #fff;
            line-height: 45px;
            padding: 0 17px;
            text-transform: uppercase;
            font-weight: 600;
        }

            .zone-navigation .menu-main-menu li a .caret
            {
                margin-top: 21px;
                margin-left: 10px;
                border-top-color: #5C7C9B;
                border-bottom-color: #5C7C9B;
            }


        .zone-navigation .menu-main-menu li:hover,.zone-navigation .menu-main-menu .dropdown-menu
        {
            background: #375D81 !important;
        }

    .zone-navigation .menu-main-menu .dropdown-menu
    {
        border-radius: 0 !important;
        margin-top: 0px;
        padding: 0px;
        border: none;
    }

        .zone-navigation .menu-main-menu .dropdown-menu li
        {
            border-bottom-color: #5C7C9B;
            border-bottom-style: solid;
            border-bottom-width: 1px;
        }

ul.nav li.dropdown:hover ul.dropdown-menu
{
    display: block;
}

a.menu:after, .dropdown-toggle:after
{
    content: none;
}

.zone-navigation .menu-main-menu .dropdown-menu li a
{
   
    padding-left: 16px;
}

.zone-navigation .menu-main-menu .dropdown-menu li:hover a
{
    text-decoration: underline !important;
}

.zone-navigation .widget-menu-widget nav .menu-main-menu li a:hover, .zone-navigation .widget-menu-widget nav .menu-main-menu li.active
{
    background: #4C7296;
    text-decoration: none;
}

.zone-navigation .widget-menu-widget nav .menu-main-menu li.active a {
    background: #4C7296 !important;
}


.zone-navigation .widget-menu-widget nav .menu-main-menu li.active a {
    
}

#footer
{
    background: #375D81;
    color: #c7e2eb;
    overflow: auto;
    font-weight: 400;
    margin-bottom: 20px;
}

    #footer .widget
    {
        margin: 0px;
        padding: 9px 12px 4px 12px;
    }

        #footer .widget a, #footer .widget p, #footer .widget span
        {
            color: #c7e2eb;
            font-size: 13px !important;
        }

            #footer .widget a:hover
            {
                background: none;
                text-decoration: underline;
            }

        #footer .widget h4
        {
            padding: 0 0 10px 0;
            color: #fff;
            font-size: 14px;
            margin: 0px;
        }

        #footer .widget .menu
        {
            margin-top: 2px;
        }

            #footer .widget .menu li
            {
            }

#SubFooter
{
}

    #SubFooter .left
    {
    }

        #SubFooter .left span
        {
            float: left;
            margin-right: 3px;
        }

            #SubFooter .left span.poweredBy
            {
                margin-right: 25px;
            }

        #SubFooter .left .widget-sub-footer, #SubFooter .left .widget-sub-footer nav
        {
        }

    #SubFooter .right
    {
        text-align: right;
    }

.zone-top-navigation
{
    float: right;
    clear: right;
    font-size: 12px;
    line-height: 34px;
}

    .zone-top-navigation .menu-top-navigation li
    {
        float: left;
        padding: 0 0 0 10px;
    }

    .zone-top-navigation .menu-top-navigation a
    {
        color: #666;
    }

        .zone-top-navigation .menu-top-navigation a:hover
        {
            text-decoration: underline;
            background: none;
        }

.zone-contact-box
{
}

    .zone-contact-box .widget-contact-box
    {
        float: right;
        padding: 0 15px;
        line-height: 39px;
        background: #f1f1f1;
        border-radius: 0 0 3px 3px;
        color: #787878;
        margin: 0;
        border-radius:0px 0px 0px 5px
    }

        .zone-contact-box .widget-contact-box p
        {
            margin-bottom: 0px;
        }

#SubFooter
{
}

    #SubFooter .zone-sub-footer
    {
    }

        #SubFooter .zone-sub-footer.widget-sub-footer
        {
        }


.zone-aside-second
{
    margin-top: 5px;
}

    .zone-aside-second .widget-aside-second
    {
        background: #E1E6FA;
        padding: 15px;
        margin-bottom: 20px;
    }
	
 .tablediv{
	display:inline;
	position:relative;
	float:left;
	background-color:#eee;
	font-size: 15.0pt; 

}
	  
 td{
	  border: solid;
	  padding: 5px;
}

IMG.centred{
    display: block;
    margin-left: auto;
    margin-right: auto 
}