﻿@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('open-sans-regular.eot'); 
  src: local(''),
       url('open-sans-regular.eot?#iefix') format('embedded-opentype'),
       url('open-sans-regular.woff2') format('woff2'),
       url('open-sans-regular.woff') format('woff'),
       url('open-sans-regular.ttf') format('truetype'),
       url('open-sans-regular.svg#OpenSans') format('svg');
}

html, body {
	margin:0;
	padding:0;
	height:100%;
	font-family:'Open Sans', sans-serif;
	font-size:100%;
	color: #000000;
	background-color:#FFFFFF;
}

/* ==================================== Button CSS Begins ====================================== */

.button-1 {
    display:inline-block;
    width:auto;
    height:40px;
    line-height:40px;
    padding:0px 20px;
    border:none;
    border-radius:4px;
    background:#4CAF50;
    font-family:'Open Sans', sans-serif;
    font-weight:600;
    font-size:1em;
    color:#fff;
    text-decoration:none;
    cursor: pointer;
}

.button-1:hover {
    background:#45a049;
    color:#fff;
}

/* ==================================== Button CSS Ends ======================================== */


/* ==================================== Containers CSS Begins ================================== */

#container-page {
    width:100%;
    min-height:100%;
    margin:0 auto;
    padding:0;
    text-align:center;
    background:#;
}

#container-header-1 {
    width:100%;
    height:100px;
    line-height:100px;
    margin:0;
    padding:0;
    background:#f2f2f2;
    border-bottom: 1px solid #939393;
}

#container-header-2 {
    width:100%;
    height:40px;
    line-height:40px;
    margin:0;
    padding:0;
    background:#f2f2f2;
    border-bottom: 1px solid #939393;
}

#container-navigation-1-outer {
    width:100%;
    height:40px;
    margin:0 auto;
    padding:0;
    text-align:center;
    background:#014FCC;
    background: -moz-linear-gradient(#014FCC 0%, #002868 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #014FCC), color-stop(100%, #002868));
    background: -webkit-linear-gradient(#014FCC 0%, #002868 100%);
    background: linear-gradient(#014FCC 0%, #002868 100%);
}

#container-navigation-1-inner {
    width:auto;
    height:auto;
    line-height:40px;
    margin:0 auto;
    padding:0;
    display: inline-block;
    border-left:1px solid #002868;
}


#container-content {
    width:100%;
    height:100%;
    max-width:1200px;
    margin:0 auto;
    padding:0;
    background:#FFFFFF;
}

#container-content-1 {
    width:96.8%;
    margin:0;
    padding:0 1.6% 0 1.6%;
    border:0;
    background:;
}

#container-content-2 {
    width:96.8%;
    margin:0;
    padding:0 1.6% 0 1.6%;
    border:0;
    background:;
}

#container-content-3 {
    width:96.8%;
    margin:0;
    padding:0 1.6% 0 1.6%;
    border:0;
    background:;
}

#container-footer-1 {
    width:100%;
    height:auto;
    margin:5px 0 0 0;
    padding:5px 0 5px 0;
    display:block;
    vertical-align:bottom;
    background:#F2F2F2;
    text-align:center;
    border-top:;
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box;
}

#container-footer-2 {
    width:100%;
    height:auto;
    line-height:;
    margin:5px 0 0 0;
    padding:5px 0 5px 0;
    display:block;
    vertical-align:bottom;
    background:#F2F2F2;
    text-align:center;
    border-top:;
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box;
}

#container-footer-3 {
    width:100%;
    height:auto;
    line-height:;
    margin:5px 0 0 0;
    padding:5px 0 5px 0;
    display:block;
    vertical-align:bottom;
    background:#F2F2F2;
    text-align:center;
    border-top:;
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box;
}

/* ==================================== Container CSS Endss ==================================== */


/* ==================================== H1 Tag and H2 through H6 Tags Begins =================== */

.h1, h2, h3, h4, h5, h6 {
	font-family:'Open Sans', sans-serif;
	font-size:1.375em;/*22px*/
	font-weight:600;/*Bold*/
	letter-spacing:normal;
	text-align:left;
	color:#27706E;
	line-height:1.5;
	margin:0.5em 0 0 0;
}

/* ==================================== H1 Tag and H2 through H6 Tags Ends ===================== */


/* ==================================== HR CSS Begins ========================================== */

hr.hr-1 {
    height:1px;
    width:100%;
    margin:.5em 0 0 0;
    padding:0;
    border:0;
    color:#909090;
    background:#909090;
}

hr.hr-2 {
    height:1px;
    width:auto;
    margin:0.5em 0 0.5em 0;
    padding:0;
    border:0;
    color:#909090;
    background:#909090;
}

/* ==================================== HR CSS Ends ============================================ */


/* ==================================== Image CSS Begins ======================================= */

.img-logo-1 {
    position:absolute;
    left:20px;
    top:10px;
    width:100%;
    max-width:327px;
    height:auto;
    display:block;
    vertical-align:bottom;
    margin:0 auto;
    border:0;
    border-radius:0;
}

.img-logo-2 {
    position:absolute;
    left:20px;
    top:0;
    width:100%;
    max-width:191px;
    height:auto;
    display:block;
    vertical-align:bottom;
    margin:0 auto;
    border:0;
    border-radius:0;
}

/* ==================================== Image CSS Ends ======================================= */


/* ==================================== Links CSS Begins ======================================= */

.a-1:link { color:#BF0A30; text-decoration:none; }
.a-1:active { color:#BF0A30; text-decoration:none; }
.a-1:visited { color:#BF0A30; text-decoration:none; }
.a-1:hover { color:#282828; text-decoration:none; }

.a-logo:link { text-decoration:none; }

/* ==================================== Links CSS Ends ========================================= */


/*===================================== Menu 1 Begins ===========================================*/

#menu-1 {
}
#menu-1 > ul {
    display:block;
    position:absolute;
    right:0;
    width:100px;
    height:100px;
    line-height:50px;
    margin:0 auto;
    padding:0;
    background:#f2f2f2;
    list-style:none;
} 
#menu-1 > ul > li {
    display:block;
    margin:0;
    padding:0;
    float:left;
    position:relative;
}
#menu-1 > ul > li:last-child {
    width:100px;
    text-align:center;
    position:absolute;
    right:0;
}
#menu-1 > ul > li > a {
    height:100px;
    line-height:100px;
    display:block;
    position:relative;
}
 
/*----------Drop Down Menu Begins----------*/

#menu-1 ul ul {
    display: none;
    list-style:none;
    background: #FFFFFF;
    border-bottom:1px solid #939393;
    border-left:1px solid #939393;
    border-radius:0 0 0 .5em;
    padding:0 0 5px 5px;
    position: absolute;
    top:100px;
    left:auto;
    right:0;
    width:250px;
    z-index: 1;
}
#menu-1 ul ul li {
    background: #f2f2f2;
    margin:5px 0 0 0;
    padding:0;
}
#menu-1 ul ul li a {
    line-height:40px;
    display:block;
    margin:0;
    padding:0 10px 0 10px;
    font-family:'Open Sans', sans-serif;
    font-size:1em;/*16px*/
    font-weight:400;/*Normal*/
    color:#787878;
    text-align:left;
    text-decoration:none;
}
#menu-1 ul ul li a:hover {
    background:#939393;
    color:#ffffff;
    cursor: pointer;
}

.container-menu-icon-1 {
    display:block;
    position:absolute;
    top:34px;
    right:34px;
    width:30px;
    height:30px;
    border:1px solid #BF0A30;/* == with border the block is 32px x 32px == */
    border-radius:.375em;
}

img.menu-icon-1 {
    display:block;
    width:24px;
    height:24px;
    position: relative;
    top:3px;
    left:3px;
}

/*===================================== Menu 1 Ends =============================================*/


/*===================================== Menu 2 Begins ===========================================*/

#menu-2 {
}
#menu-2 > ul {
    display:block;
    position:absolute;
    right:0;
    width:100px;
    height:40px;
    line-height:50px;
    margin:0 auto;
    padding:0;
    background:#f2f2f2;
    list-style:none;
} 
#menu-2 > ul > li {
    display:block;
    margin:0;
    padding:0;
    float:left;
    position:relative;
}
#menu-2 > ul > li:last-child {
    width:100px;
    text-align:center;
    position:absolute;
    right:0;
}
#menu-2 > ul > li > a {
    height:40px;
    line-height:40px;
    display:block;
    position:relative;
}
 
/*----------Drop Down Menu Begins----------*/

#menu-2 ul ul {
    display: none;
    list-style:none;
    background: #FFFFFF;
    border-bottom:1px solid #939393;
    border-left:1px solid #939393;
    border-radius:0 0 0 .5em;
    padding:0 0 5px 5px;
    position: absolute;
    top:40px;
    left:auto;
    right:0;
    width:250px;
    z-index: 1;
}
#menu-2 ul ul li {
    background: #f2f2f2;
    margin:5px 0 0 0;
    padding:0;
}
#menu-2 ul ul li a {
    line-height:40px;
    display:block;
    margin:0;
    padding:0 10px 0 10px;
    font-family:'Open Sans', sans-serif;
    font-size:1em;/*16px*/
    font-weight:400;/*Normal*/
    color:#787878;
    text-align:left;
    text-decoration:none;
}
#menu-2 ul ul li a:hover {
    background:#939393;
    color:#ffffff;
    cursor: pointer;
}

.container-menu-icon-2 {
    display:block;
    position:absolute;
    top:4px;
    right:34px;
    width:30px;
    height:30px;
    border:1px solid #BF0A30;/* == with border the block is 32px x 32px == */
    border-radius:.375em;
}

img.menu-icon-2 {
    display:block;
    width:24px;
    height:24px;
    position: relative;
    top:3px;
    left:3px;
}

/*===================================== Menu 2 Ends =============================================*/


/* ==================================== Paragraph CSS Begins =================================== */

.p-1 {
	font-family:'Open Sans', sans-serif;
	font-size:.9375em;/*15px*/
	font-weight:400;/*Normal*/
	text-align:left;
	color:#282828;
	line-height:1.5;
	margin:0.5em 0 0.5em 0;
}

.p-1-center {
	font-family:'Open Sans', sans-serif;
	font-size:.9375em;/*15px*/
	font-weight:400;/*Normal*/
	text-align:center;
	color:#282828;
	line-height:1.5;
	margin:0.5em 0 0.5em 0;
}

.p-1-footer-center {
	font-family:'Open Sans', sans-serif;
	font-size:.9375em;/*15px*/
	font-weight:400;/*Normal*/
	text-align:center;
	color:#282828;
	line-height:;
	margin:none;
}

.p-2 {
	font-family:'Open Sans', sans-serif;
	font-size:1.375em;/*22px*/
	font-weight:600;/*Normal*/
	font-style:italic;
	text-align:left;
	color:#002868;
	line-height:1.5;
	margin:0.5em 0 0.5em 0;
}

/* ==================================== Paragraph CSS Ends ===================================== */


/*===================================== UL CSS Begins ===========================================*/

ul.ul-1 {
	font-family:'Open Sans', sans-serif;
	font-size:.9375em;/*15px*/
	font-weight:400;/*Normal*/
	text-align:left;
	color: #282828;
	line-height:;
	margin:5px 0 5px 0;
	padding-left:1em;
	list-style-type:square;
	list-style-position:outside;
}

/*===================================== UL CSS Ends =============================================*/

