* { 
    margin    : 0;
    padding   : 0;
    box-sizing: border-box;
}

html, body {
    height    : 100%;
    background: #fff;
}

body {
	font      : 11px Arial, Helvetica, Sans-Serif;
	color     : #333;
    background: #ffffff url('/assets/img/background_sm.gif') repeat-x scroll top;
}

#container {
    display       : flex;
    flex-direction: column;
    width         : 100%;
    max-width     : 950px;
    min-width     : 950px;
    margin        : 0 auto;
    padding       : 55px 0 10px;
}

#top-shadow {
	display         : flex;
	flex-direction  : row;
	justify-content : flex-end;
	align-items     : flex-start;
	background-image: url('/assets/img/background_tp.png');
	width           : 100%;
	height          : 40px;
}

#top-shadow ul li {
    display        : inline-block;
    list-style-type: none;
    font-size      : 12px;
    margin         : 0px auto;
    padding        : 5px 7px;
}

#top-shadow ul li a:link,
#top-shadow ul li a:active,
#top-shadow ul li a:visited {
    display        : inline-block;
    color          : #fff;
    font-size      : 14px;
    font-weight    : 600;
    text-decoration: none;
    padding        : 3px 10px;
    border-radius  : 4px;
    background     : linear-gradient(180deg,rgba(82, 160, 213, 1) 0%, rgba(156, 196, 229, 1) 100%);
}

#main-content {
    position           : relative;
    background-color   : #fff;
    background-image   : radial-gradient(circle,rgba(255, 255, 255, 1) 0%, rgba(218, 228, 239, 0.5) 100%);
    background-position: bottom;
    background-repeat  : no-repeat;
    border             : 5px solid #ebebeb;
}

.inner-content {
    position      : relative;
    display       : flex;
    flex-direction: column;
    justify-items : flex-start;
    align-items   : flex-start;
    padding       : 0;
}

.inner-content header {
    position       : relative;
    display        : flex;
    flex-direction : row;
    flex-wrap      : nowrap;
    align-items    : flex-start;
    justify-content: space-between;
    width          : 100%;
}

header > a {
    display    : inline-block;
    width      : 278px;
    height     : 144px;
    margin-top : -70px;
    margin-left: 10px;
}

img.logo {
}

header nav#logo-nav {
    margin-top: 5px;
}

header nav#logo-nav li {
    display        : inline-block;
    list-style-type: none;
    margin         : 0px auto;
    padding        : 5px 7px;
}

header nav#logo-nav li:last-of-type {
    padding-right: 15px;
}

header nav#logo-nav a:link,
header nav#logo-nav a:active,
header nav#logo-nav a:visited {
    font-size      : 14px;
    font-weight    : 600;
    color          : #4067a2;
    text-decoration: none;
    padding        : 5px;
    display        : inline-block;
    border-radius  : 4px;
}

header nav#logo-nav a:hover,
header nav#logo-nav a:active:hover, 
header nav#logo-nav a:visited:hover { 
    color          : #fff;
    text-decoration: none;
    background     : linear-gradient(180deg,rgba(82, 160, 213, 1) 0%, rgba(156, 196, 229, 1) 100%);
}

nav#main-nav {
    display    : flex;
    align-items: center;
    width      : 100%;
    height     : 45px;
}

nav#main-nav li {
    display        : inline-block;
    list-style-type: none;
    margin         : 0px auto;
    padding        : 7px;
}

nav#main-nav a:link,
nav#main-nav a:active,
nav#main-nav a:visited {
	font-family    : Inter, sans-serif !important;
	font-size      : 12px;
	color          : #314f7f;
	text-decoration: none;
}

#tag-line {
    display        : flex;
    flex-direction : row;
    justify-content: flex-end;
    align-items    : center;
    width          : 100%;
    height         : 47px;
}

#tag-line img {
    margin-right: 15px;
}

#bottom-shadow {
	display         : flex;
	flex-direction  : row;
	justify-content : flex-end;
	align-items     : center;
	background-image: url('/assets/img/background_btm.png');
	width           : 100%;
	height          : 40px;
}

#bottom-shadow ul li {
    display        : inline-block;
    list-style-type: none;
    font-size      : 12px;
    margin         : 0px auto;
    padding        : 0 7px;
    border-right   : 1px solid #333;
}

#bottom-shadow ul li:last-of-type {
    border-right   : none;
}

#bottom-shadow ul li a:link,
#bottom-shadow ul li a:active,
#bottom-shadow ul li a:visited {
    color: rgba(8, 31, 101, 1);
    text-decoration: none;
}

#bottom-shadow ul li a:hover {
    text-decoration: underline;
}

footer {
    display          : flex;
    flex-direction   : column;
    flex-wrap        : nowrap;
    justify-content  : center;
    align-items      : flex-start;
    margin           : 0;
    padding          : 0;
    width            : 100%;
    height           : 92px;
    background-image : url('/assets/img/background_footer.gif');
    background-repeat: repeat-x;
    font             : 12px Verdana, sans-serif;
    color            : #fff;
}

footer .inner-footer {
    display       : flex;
    flex-direction: column;
    width         : 100%;
    max-width     : 950px;
    min-width     : 950px;
    margin        : auto;
}

.inner-footer ul li {
    display        : inline-block;
    list-style-type: none;
    font-size      : 12px;
    margin         : 0px auto;
    padding        : 0 7px 0 2px;
    border-right   : 1px solid #fff;
}

.inner-footer ul li:first-of-type {
    padding-left: 0;
}

.inner-footer ul li:last-of-type {
    border-right   : none;
}

.inner-footer ul li a:link,
.inner-footer ul li a:active,
.inner-footer ul li a:visited {
    font-weight: 500;
    font-variation-settings: "wght" 500, "opsz" 14;
    color: #ffffff;
    text-decoration: none;
    letter-spacing: 0;
}

.inner-footer ul li a:hover {
    color: #666;
    text-decoration: underline;
}

.inner-footer p {
    margin: 5px 0;
}