@import url('https://fonts.googleapis.com/css?family=Cabin');

body
{ 
    font-size: 14px;
    color: #242627;
	background:url(/images/bg.jpg) top center no-repeat; 
	background-color:#073a61;
	background-attachment:fixed;
	font-family: Arial, Helvetica, sans-serif;
}

#wrapper
{
    margin: auto;
    width: 1000px;
}

#header
{
    background-image: url(/images/header2.png);
    width: auto;
    height: 140px;    
}

#topNav
{
	background-image: url(/images/topNavBG.jpg);
	background-repeat:repeat-x;
	height:46px;
	width:1000px;
	margin:20px 0 10px 0;
	font-family: 'Cabin', sans-serif;
}
#topNav ul
{
	line-height:46px;
	vertical-align:middle;
}
#topNav ul li
{
	display:inline;
	padding:0 93px 0 0;
}
#topNav ul li a
{
	color:#ded4db;
	font-size:17px;
	font-weight:bold;
}
#wrapper
{
    width: 1000px;    
	
}
#content
{    
    padding: 0 10px 10px 0px;   
	overflow:hidden;
    position:relative;
}
.contentWrapper
{
    background: rgba(7,58,97,0.5);    
}
#rightCol
{
    float:left;
    width:271px;
    margin:10px 0 0 10px;
}
#info
{
    height:268px;
}
#contact
{
    margin-top:10px;
    min-height:572px;
}
#addrSign
{
    width:100%;
    padding-bottom:10px;
    height:211px;
}
#addrSign img
{
   margin-left:20px;
}
#centerCol
{
    width:405px;
    float:left;
}
#rotateImgs
{
    background-image:url(/images/rotateBG.png);
    height:288px;
    width:100%;
    overflow:hidden;
}
#rotateImgs img
{
    margin:15px 0 0 15px;
}
#welcomeMsg
{
    min-height:572px;
}
#leftNav
{
    float: left;
    margin: 0 20px 20px 0;
	background-image: url(/images/leftNavBG.jpg);
	width:281px;
	color:#ffffff;
    height:100%;
    min-height:860px;
    font-family: TimesNewRoman, 'Times New Roman', Times, Baskerville, Georgia, serif;
}

#leftNav ul
{
    padding: 0px;
    margin: 0px;
}

#leftNav ul li{
    list-style: none;
    margin: 10px;
    padding: 5px;
    background-color:rgba(38,79,109,0.85);
    
}
#leftNav ul li a{
    color:#fbfcfc;
    font-size:20px;
    padding-left:15px;
    display:inline-block;
}

#nav ul {
    width:100%;
    margin:0 auto;
    padding:0;
    list-style:none;
    text-align:center;
    font-family: sans-serif; 
}
#nav li { 
    display:inline-block;
    width:13%;
    margin:0;
    padding:0;
}
#nav a {
    text-align:center;
    padding:5px 0 5px 0;
    margin:0; 
    display:block;
    color: #e73127;
}
#nav a:hover {     
    border:none;
    font-weight: bold;
}
#contentCol
{
    width:699px;
    float:left;
}
#contentArea
{
    background-color:#ffffff;
    padding:20px;
    margin:0px;
    min-height:810px;
}
#footer
{
    padding: 10px 25px;
    background: rgba(7,58,97,0.5);    
	color:#ffffff;
    text-align: center;    
    position: relative;    
}
#fullWidthCol
{
    width:1000px;
    float:left;
}
#pageTitle
{
    font-size:20px;
    line-height:30px;
    padding-bottom:10px;
}
.txtBackArea
{
    background-color:rgba(251,252,252,0.7);    
    padding:10px;
    width:100%;
}
@media print
{
    #header, #footer, #topNav, #pageTitle
    {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    body {
        min-height: 700px;
        background: none;
        -webkit-text-size-adjust: none;
        padding: 0;
        text-align: left;
        direction: ltr;
        margin: 0;
        color: black;
        font-family: TimesNewRoman, 'Times New Roman', Times, Baskerville, Georgia, serif;
    }

    #viewport {
        overflow: hidden;
        position: relative;
        width: 100%;
    }

    #mobileMenu {
        width: 190px;
        background: gray;
        min-height: 100%;
        position: absolute;
        overflow: hidden;
        left: -190px;
    }

        #mobileMenu > ul {
            padding: 0px;
            margin: 0px;
        }

            #mobileMenu > ul > li {
                list-style: none;
            }

        #mobileMenu ul li > a {
            list-style: none;
            display: block;
            padding: 0 10px 0 5px;
            line-height: 30px;
            color: #fdfdfd;
            text-decoration: none;
            text-shadow: 0px 1px 0px rgba(0,0,0, .35);
            border-bottom: solid #333 1px;
        }

    #headerMenu {
        color: White;
        vertical-align: top;
        background-color: #144d7a; /* header bg color */
        border-bottom: 3px solid #144d7a;
    }

    #btnToggleMenu {
        margin: 10px;
        border: 1px solid gray;
        border-radius: 5px;
        padding: 4px 5px 5px 4px;
        background-color: #a6c3cd; /* button bg color */
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }

    .toggleMenuDown {
        -moz-box-shadow: inset 0px 0px 7px #444;
        -webkit-box-shadow: inset 0px 0px 7px #444;
        box-shadow: inset 0px 0px 7px #444;
        border: 1px solid #555 !important;
    }
    #homeMenu
    {
        background-image:url(/images/mobile/homeImg.jpg);
        width:100%;
        min-height:450px;
        background-size:cover;
    }
    #homeMenu ul
    {
        padding-left:10px;
        padding-bottom:10px;
        font-family: 'Cabin Condensed', sans-serif;
    }   
        #homeMenu li {
                list-style: none;
                font-size: 20px;
                padding: 8px 0 4px 15px;
            }
                #homeMenu li a {
                    color: #48484a;
                }
    #contentWrap {
        position: relative;
        height: 100%;
        min-height: 700px;
        -webkit-box-shadow: -6px 0px 8px rgba(48, 50, 50, 0.5);
        -moz-box-shadow: -6px 0px 8px rgba(48, 50, 50, 0.5);
        box-shadow: -6px 0px 8px rgba(48, 50, 50, 0.5);
        -webkit-overflow-scrolling: touch;
    }

        #contentWrap.menuVisible, #mobileMenu.menuVisible {
            -webkit-transform: translateX(190px);
            transform: translateX(190px);
            -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
        }

    #homeContent {
        background: url(/images/mobile/home.jpg);
        background-size: contain;
        padding: 20px;
        border-bottom: 4px solid #0c374e;
    }

    #homeLinks {
        padding: 0;
        margin: 20px;
        border-top: 2px solid #0c374e;
        border-bottom: 2px solid #0c374e;
        font-family: 'Cabin Condensed', sans-serif;
    }

        #homeLinks li {
            list-style: none;
            font-size: 15px;
            padding: 4px 0 4px 15px;
        }

            #homeLinks li a {
                color: #48484a;
            }

    #content {
        background: white;
        padding: 10px;
        font-size:14px;
        color:#2e373e;
    }
}