﻿body {
    padding:6px;
    font:1.5em/1.6 Arial, Helvetica, sans-serif;
    color:#000;
    background-color:#fff;
}
h1, h2, h3, h4, h5, h6 {
    margin-top:0;
}
#content .button a {
    font-weight:bold !important;
}
#wrapper {
	height:auto;
	position:relative;
	padding:0;
	margin:0 auto;
}
#footer	ul {
    list-style-type:none;
    padding:0;
    margin:0;
}
/* mobile */
@media (min-width:320px) {
    body {
        padding-top:0;
        margin-top:0;
    }
    @-moz-document url-prefix() { /* Disable mob scrollbar Firefox */
      html{
        scrollbar-width: none;
      }
    }
    html{
        font-size:62.5%;
    }
    #wrapper {
        border-top:12px solid #00245d;
    }
	#banner	{
		width:100%;
		height:50px;
		padding:0;
		margin:0;
	}
	#banner .title	{
        display:inline;
    }
	#banner h1	{
        width:auto;
        font-size:1.5em;
		line-height:1.1;
		margin-top:.5em;
		padding:0;
        color:#00245d;
	}
    #banner span {
        white-space:nowrap;
    }
    #mobilemenubutton	{
    	width:28px;
    	height:24px;
    	float:right;
    	margin-top:6px;
    	display:block;
    	cursor:pointer;
    }
	#lang, #homelink	{
		display:none;
	}
	#mainmenu	{
		width:100%;
		margin:0;
		padding:0;
        list-style-type:none;
        font-size:0px;
        display:none;
	}
	#mainmenu li	{
		width:calc(100% - 1em);
		height:auto;
		padding:.5em;
		margin-bottom:.25em;
		font-size:1.7rem;
		text-align:center;
		background-color:#00183d;
	}
	#mainmenu li, #mainmenu li a	{
		color:#fff;
	}
	#mainmenu .lfn {
        color:#8fa7cc;
    }
	#content	{
		width:calc(100% - 12px);
		float:left;
		margin:0;
	}
	#content h1	{
		font-size:1.5em;
		line-height:1.15;
		margin-top:.25em;
		padding:0;
		color:#00183d;
	}
	#content.faq h1	{
        margin-bottom:.5em;
    }
	#content h1 .pos	{
		font-size:.9em;
	}
    #content h2 {
        margin-top:0;
        font-size:1.5em;
        line-height:1.1;
        font-weight:normal;
        color:#00245d;
    }
    #content.crtdoc h2 {
        font-size:1.1em;
        line-height:1.25;
        font-weight:bold;
        color:#000;
    }
	#content p	{
		font-size:1em;
		line-height:1.35;
	}
    #content p.pdf {
        background:url(images/pdf-icon.png) no-repeat left;
        padding-left:40px;
        line-height:36px;
    }
	#content .subhead, #content .subhead2	{
		font-weight:bold;
		margin-bottom:0;
		color:#00183d;
	}
	#content .subhead2	{
		font-size:90%;
	}
	#content .hilite	{
		padding:.5em .67em 1em 1em;
		font-size:1em;
		line-height:1.3;
		background-color:#dae4f3;
	}
	#content ul, #content ol	{
		width:100%;
		margin:0;
		padding-left:1em;
	}
	#content ol	{
		padding-left:1.2em;
	}
	#content li	ul {
        list-style-type:disc;
    }
	#content li ol	{
		width:calc(100% - 1em);
        padding-left:1.4em;
    }
	#content li	{
		font-size:1em;
		line-height:1.33;
		margin:.25em 1em .25em 0;
	}
    #content.contact a, #content.crtdoc a {
        text-decoration:underline;
        color:#000;
    }
	#footer	{
		width:100%;
		float:left;
		padding:1.3em 0 1em 0;
		border-top:2px dotted gray;
        border-bottom:12px solid #00245d;
	}
	#footer .logo	{
		width:auto;
		height:48px;
        float:left;
        margin-bottom:1em;
	}
	#footer ul	{
        clear:both;
    }
	#footer a	{
		color:#00183d;
		text-decoration:underline;
	}
	#footer .social	{
		width:100%;
		margin-bottom:1em;
		text-align:center;
	}
    .twittericon, .facebookicon	{
        height:2em;
    	display:inline-block;
    	background-repeat:no-repeat;
    	background-size:contain;
    	border:0;
    }
	.twittericon	{
		width:2.4em;
        background-image:url('images/twitter-icon.gif');
	}
	.facebookicon	{
		width:2em;
        margin-right:1.5em;
    	background-image:url('images/facebook-icon.gif');
	}
	/* mobile portrait */
	@media screen and (orientation:portrait) {
	}
}
/* desktop */
@media screen and (min-width:1024px), print {
    @-moz-document url-prefix() { /* enable DT scrollbar Firefox */
        html{
            scrollbar-width:auto;
        }
    }
    html{
        font-size:53%;
    }
	body {
		width:100%;
		height:100%;
		margin:0;
		padding:0;
        background:#e6e6e6;
	}
	#wrapper {
		width:870px;
		height:auto;
		position:absolute;
		left:50%;
		margin:0 0 0 -435px;
        background:#fff;
        border:0;
        /*border:0px solid silver;
        border-width:0 1px 0 1px;
        transform-origin:top center;
        transform:scale(0.85, 0.85);*/
	}
	#banner	{
		width:100%;
		height:156px;
		padding:0;
		position:relative;
		float:left;
	}
	#banner .title	{
        width:564px;
        height:110px;
        position:absolute;
        left:254px;
        border-top:34px solid #00245d;
        border-bottom:1px dotted #000;
    }
	#banner h1	{
		padding:0;
		margin:36px 0 0 0;
		font-size:2.7em;
		line-height:1;
        word-spacing:-0.06em;
		text-align:left;
        color:#00245d;
	}
	#banner .fr	{
        word-spacing:-0.07em;
        letter-spacing:-0.01em;
    }
    #lang, #mainmenu {
        display:block;
    }
    #lang {
        width:130px;
        height:48px;
        border-radius:24px;
		position:absolute;
        left:42px;
        top:63px;
        padding-top:.44em;
        box-sizing:border-box;
        font-size:2em;
        line-height:1;
        text-align:center;
        color:#fff;
        background-color:#a6a6a6;
        cursor:pointer;
    }
    #mobilemenubutton	{
    	display:none;
    }
	#homelink	{
		height:1.1em;
		position:absolute;
        left:42px;
        top:150px;
		margin:0;
		padding-left:1.1em;
		font-size:1.2em;
		line-height:1;
		font-weight:bold;
        color:#000;
		background:url('images/homearrow.gif') no-repeat left .1em;
		background-size:auto .8em;
		cursor:pointer;
        display:block;
	}
	.home #homelink	{
        display:none;
    }
	#mainmenu	{
		width:172px;
        float:left;
		margin:0;
		padding:0 40px 0 42px;
        font-size:inherit;
	}
	#mainmenu li	{
		width:auto;
        height:auto;
        padding:.75em 0;
		margin:0;
		font-size:1.2em;
		line-height:1.2;
		font-weight:bold;
		text-align:left;
        text-transform:uppercase;
		border:0 dotted #000;
		border-width:0 0 1px 0;
		background-color:transparent;
	}
	#mainmenu .mobile	{
        display:none;
    }
	#mainmenu .topitem {
        border-top-width:1px;
    }
	#mainmenu li a	{
		text-align:left;
		color:#000;
	}
	#mainmenu .lfn {
        color:#000;
    }
	#mainmenu .lfn a {
        line-height:1.2;
        font-weight:normal;
        text-transform:none;
        color:#515151;
    }
	#mainmenu li a:hover {
        text-decoration:underline;
    }
	#content	{
		width:564px;
        min-height:440px;
		float:left;
		margin:0;
		padding-right:42px;
	}
	#content h1	{
		padding:0;
		margin:0 0 .33em 0;
		font-size:2.7em;
		line-height:1.1;
        word-spacing:-0.06em;
		text-align:left;
        color:#00245d;
	}
    .home #content a {
        text-decoration:underline;
    }
	#content.faq h1	{
        margin-bottom:.2em;
    }
    #content.crtdoc h1 {
        margin-bottom:.67em;
    }
	#content h1 .pos	{
		font-size:1.75rem;
		font-weight:normal;
		letter-spacing:0.02em;
		color:#464646;
	}
    #content h2 {
        font-size:2.2em;
    }
    #content.crtdoc h2 {
        font-size:1.3em;
        line-height:1.25em;
        font-weight:normal;
    }
	#content p	{
		font-size:1.2em;
		line-height:1.3;
		letter-spacing:0.03em;
	}
	#content p.indent	{
        margin-left:3em;
    }
    #content.documents p {
        margin:0 0 .67em 0;
    }
    #content.documents p a {
        text-decoration:underline;
    }
    #content p.pdf {
        background:url(images/pdf-icon.png) no-repeat left;
        padding-left:40px;
        line-height:36px;
    }
    #content p.form {
        background:url(images/form-icon.png) no-repeat left;
        background-size:contain;
        padding-left:36px;
        line-height:36px;
    }
    #content.contact a, #content.crtdoc a {
        text-decoration:none;
    }
    #content.faq a.update {
        font-weight:bold;
        text-decoration:underline;
    }
	#content ul, #content ol	{
		width:calc(100% - 1.6em);
		margin:.33em 0 .5em 0;
		padding-left:1.3em;
	}
	#content li	{
		font-size:1.2em;
		line-height:1.25;
		margin-bottom:.5em;
	}
	#content li p, #content li li {
        font-size:1em;
		line-height:1.25;
    }
    #content p, #content li {
        color: #262626;
    }
    #content div.buttonrow {
    	height:2em;
    	margin:.5em 0 1em 0;
    }
    #content h4.button {
    	width:150px;
    	padding:.5em 1em;
    	clear:none;
    	float:left;
    	margin:0 2em 0 0;
    	text-align:center;
    	letter-spacing:0.06em;
    	border-radius:1.3em;
    	background-color:#165d96;
    }
    #content h4.oout {
    	background-color:#b11a1a;
    }
    .fr #content h4.button {
    	width:300px;
    }
    .fr #content h4.oout {
    	width:230px;
    }
    #content h4.button a {
    	color:#fff;
    	text-decoration:none;
    }
    #footer	{
    	width:100%;
        height:172px;
    	position:relative;
    	clear:both;
    	float:left;
        margin-top:32px;
    	padding:0;
    	border:0;
    }
	#footer .logo	{
		width:auto;
		height:54px;
		position:absolute;
        left:42px;
	}
    #footer ul	{
        width:auto;
        position:absolute;
        top:80px;
        left:42px;
    	padding:0;
    	font-size:1em;
    	line-height:1.3em;
    	white-space:nowrap;
    	text-align:left;
    }
    #footer li.br {
        float:left;
    }
    #footer a	{
    	text-decoration:none;
    	color:#00183d;
    }
    #footer a:hover	{
    	text-decoration:underline;
    }
    #footer .social	{
    	position:absolute;
        display:block;
    	top:83px;
    	right:56px;
    }
    .twittericon, .facebookicon	{
    	height:20px;
    	float:right;
    	margin-left:13px;
    }
    .twittericon	{
    	width:27px;
    }
    .facebookicon	{
    	width:20px;
    }
    .twittericon:hover, .facebookicon:hover	{
    	text-decoration:none;
    }
	#content a	{
		font-weight:bold;
        color:#00245d;
    	text-decoration:none;
	}
	#footer a	{
		text-decoration:none;
		color:#000;
	}
	#content a:hover, #footer a:hover	{
		text-decoration:underline;
	}
	#content h3	{
        font-size:167%;
        font-weight:normal;
        color:#00245d;
    }
}

/* ALL */
/*#mainmenu	{
	list-style:none;
}
#mainmenu li	{
	line-height:1em;
	white-space:nowrap;
}
#mainmenu li.last	{
	border:0;
}
#mainmenu li a, #mainmenu li div	{
	font-size:1em;
	line-height:1em;
	font-weight:400;
	text-decoration:none;
	cursor:pointer;
}
#mainmenu ul	{
	padding:0;
	list-style:none;
	display:none;
}
#mainmenu li.showsub ul, #mainmenu li.mshowsub ul	{
	display:inline;
} */
.superscr	{
	position:relative;
	top:-.2em;
	font-size:85%;
}

/* BOILERPLATE */
ol.lca {
    list-style-type:lower-alpha;
}
a {
	text-decoration:none;
}
a.underline {
	text-decoration:underline !important;
}
.bold	{
	font-weight:bold;
}
.top0	{
	margin-top:0;
}
.bottom0	{
	margin-bottom:0;
}
.bottom5	{
	margin-bottom:.5em;
}
.bottom67	{
	margin-bottom:.67em;
}
.bottom1	{
	margin-bottom:1em;
}
.bottom2	{
	margin-bottom:2em;
}
.nowrap, .nobreak	{
	white-space:nowrap;
}
#content .bold {
	font-weight:bold;
}
#content .center	{
	text-align:center;
}
#content .left	{
	text-align:left;
}
#content .right	{
	text-align:right;
}
.red {
	color:red !important;
}
