html,body{margin:0;border:0;padding:0;height:100%;background-color:#f7f7f7;font-family:fira sans;font-weight:300;font-size:11pt}
#wrapper{width:100%;min-height:100%;margin:0 auto 6em;background-color:white}
#logoFr{float:left;display:inline-block;height:auto;cursor:pointer}
#logoCa{font-size:1.8em;font-style:italic;margin-top:0em;margin-left:40%;padding-top:0em}
#CaText{display:inline-block;vertical-align:top;margin:1.2em 3em auto;color:#2E353D}
#footer{width:100%;background:linear-gradient(to right,#0D3264,#00617D);color:white;font-size:1.1em;margin-top:.3em;padding-bottom:1em}
#header{position:relative;padding:1em 1em 0em 1em}
#weHire{position:absolute; top:2em; right:3em; z-index:99;}
@media only screen 
	and (min-width:320px)
	and (max-width:480px){
	html,body{font-size:1em}
	#logoFr{width:150px}
	#logoCa{font-size:1em;margin-left:0em}
	#logoCa img{width:18%;height:auto}
	#caText{margin:1.2em 0em}
}
@media only screen 
	and (min-width:481px)
	and (max-width:799px){
	#logoFr{width:180px}
	#logoCa{font-size:1.3em;margin-left:15%}
	#caText{margin:1.2em 1em}
}
@media only screen 
	and (min-width:800px)
	and (max-width:1099px){
	#logoFr{width:180px}
	#logoCa{font-size:1.5em}
	#caText{margin:1.2em 2em}
	#footer{width:800px}
}
@media only screen 
	and (min-width:1100px){
	#wrapper{width:1100px}
	#logoFr{width:250px}
	#footer{width:1100px}
}
#nav{width:100%;background:linear-gradient(to right,#0D3264,#00617D)}
#nav ul{font-size:1.1em;font-weight:500;padding:0.2em 0em 0.2em .3em}
#nav li{color:white}
#nav a:link,#nav a:hover,#nav a:visited{color:white; text-decoration:none}
@media only screen and (orientation:landscape){
	#header{height:8em}
	#logoFr{height:80%}
	#nav{margin-top:2em}
	#nav li{list-style:none;display:inline;border-left:1px solid white;padding:0em 0.5em 0em 0.5em}
	#caText{padding-top:1.5em}
	.footRow{display:inline-block;vertical-align:top;margin:1em 1em 0em 3em;}
	#footer{position:fixed;bottom:0}
	#footer .copy{font-size:.8em;margin-left:5em;text-align:right;vertical-align:bottom}
}
@media only screen and (orientation:portrait){
	#header{height:25em}
	#nav{margin-top:1em}
	#nav li{list-style:none;border-bottom:1px solid white;padding:.2em 0.5em 0.2em 0.5em}
	#logoFr{float:none;height:25%}
	#logoCa{margin:0em}
	#caText{margin:1.2em .2em}
	.footRow{margin:1em 1em 0em 0em;padding:1em}
	#footer{position:relative}
	#footer .copy{font-size:.8em;padding:1em;}
}
#content{height:auto;margin:0;padding:.5em;border:0;padding-bottom:3em;}
#maInfo{display:inline}
.stcTextDk{color:#0D3264}
.stcTextLi{color:#00617D}
.stcGray{color:#232E3B}
.sotecon{font-size:1.1em;color:#0D3264;font-weight:bold}
.smallText{font-size:.8em}
#footer a:link,#footer a:hover,#footer a:visited{color:white}
h1{font-size:1.3em;color:#0D3264}
h2{font-size:1.1em;color:#0D3264}
h3{font-size:1em;color:#00617D}
img{border:none}
.sbox{font-weight:400;font-style:italic;color:#0D3264}
@media print{#header,#tsContainer{display:none !important}}
@media screen{#tsContainer,#pHeader{display:none !important;position:absolute;top:0em}}