/* web font setup for Nunacom so sylabics work */
@font-face {
    font-family: 'nunacom';
    src: url('/font/nunacom.eot');
    src: local('nunacom'), local('Nunacom'), url('/font/nunacom.woff') format('woff'), url('/font/nunacom.ttf') format('truetype'), url('/font/nunacom.svg#webfont') format('svg');
}

body, table, tr, td, p, h1, h2, h3, h4 {font-family: nunacom, Arial, Helvetica, sans-serif;}
a { color: #1580D4; text-decoration: none; border-bottom: 1px dotted #24679B; }
a:hover { text-decoration: none; color: #4594D2; border-bottom: 1px dashed #24679B; }
.subtitle { border-bottom: 1px solid #24679B; padding-top: 5px }
.main {font-size: 14px;font-weight: normal; margin: 0px; padding: 0px; margin-top: 15px}
td.main {padding: 5px}
p, p.main { padding-top: 5px; padding-bottom: 5px; margin: 0px }
.main-sml {font-size: 12px;font-weight: normal;}
.copyright {font-size: xx-small}
.title1, h1 {font-size: 24px; font-weight: bold;color:#336699;}
.title2, h2 {font-size: 18px;font-weight: bold;color:#D97B00;}
.title3, h3 {font-size: 16px;font-weight: bold;color:#000000}
.title4, h4 {font-size: 16px;font-weight: bold;color:#336699}
h1, h2, h3, h4 { padding-left: 0xp; padding-right: 0px; padding-top: 5px; padding-bottom: 5px; margin: 0px }
.title {font-size: 14px;font-weight: bold;}
.english {font-family: Arial, Helvetica, sans-serif;}
.inuk {font-family: nunacom, Arial, Helvetica, sans-serif;}
.description {font-size: 14px;font-weight: normal;}
.grey-text {color:#999999;}
.blue {background-color:#336699; font-size: 12px; padding: 2px}
.blue a {color: #FFFFFF; text-decoration: underline; font-weight: normal }
.blue a:hover { text-decoration: none; font-weight: normal }
.pic-border{color:#333333;border: 1px  solid;margin: 5px;}
hr {color:#FF9900; background-color: #FF9900; border: none; margin-top: 3px; margin-bottom: 3px; margin-left: 0px; margin-right: 0px; padding: 0px; height: 1px; }
#top_menu {
	background: #7A2011;
	border-left: 1px solid #24679B;
	border-right: 1px solid #24679B;
	border-bottom: 1px solid #24679B;
	padding: 3px;
}
#top_menu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	background: none;
}
#top_menu li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	padding-right: 10px;
	float: left;
}
#top_menu li a, #top_menu li a:visited, #top_menu li a:active {
	display: block;
	color: #ffffff;
	text-decoration: none;
	border: none;
	font-size: 12px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 3px;
	padding-bottom: 1px;
	font-weight: normal;
	line-height: 14px;
}
#top_menu li a:hover {
	background: #336699;
}
a.entry {background:#336699; color: #ffffff; text-decoration: underline; display: block; width: 192px; padding-left: 5px;}
a.entry:hover, a.entry_hover {color:#336699; background: #ffffff; text-decoration: none; width: 192px; padding-left: 5px;}
.pagetitle {color: #FF9900; font-size: 42px; font-style: italic; padding-bottom: 15px }
.left_bar {font-size: 12px; font-weight: normal; color: #ffffff;}
select.formbox
{
	background-color: #FFFFFF;
	border: 1px solid #336699;
	color: #336699;
}
input.formbox, textarea.formbox
{
	background-color: #FFFFFF;
	border: 1px solid #336699;
	width: 95%;
	color: #336699;
}
.small
{
	font-size: 10px;
}
.medium
{
	font-size: 12px;
}
.cell_shaded {
	background-color: #D1DFEB;
	font-size: 14px;
}
#easy_step a.es_btn {
	border: none;
}

a.newsletter-iu{
	display:block;
	width:170px;
	height:200px;
	border:none;
	text-decoration:none;
	background:url(../images/ATQnews-iu.jpg) no-repeat 0 0;
	}
	
a.newsletter-iu:hover{
	background-position:0 -200px;
	}
	
a.career-inuk{
	display:block;
	width:170px;
	height:50px;
	background:url(../images/career-posted-inuk.jpg) no-repeat 0 0;
	text-decoration:none;
	border:none;
	margin:2px 0 0 0;
}

a.career-inuk:hover{
	background-position:0 -50px;
}