/*CSS Document*/
/*contact Andrew Kerr at Outcrop Nunavut andrew@outcrop.com*/

/*------------------------------layout*/
#wrapper{
	width:768px;
	margin:auto;
	}
	#header {
		width:768px;
		height:285px;
		padding:0px;
		margin:0;
		}
		#tabs {
			position:absolute;			
			margin:215px 0px 0px 5px;
			padding:0;			
			text-align:center;			
			width:786px;
			}
			#tabs ul {
				margin:0px; padding:0;
				}
				#tabs ul li {
					float:left;
					border:0px solid #ffcc00;					
					list-style:none;
					padding:0 0px 0 0px;
					
					
					}

			#sub_navigation {
				clear:both;
				float:left;
				height:300px;
				margin-left:4px;
				margin-top:0;
				padding:0;
				position:relative;
				width:160px;
				}
				#sub_navigation ul {
					margin:10px; 
					padding-left:0px;
					}
					#sub_navigation li {
						list-style:none;
						}
						#sub_navigation li ul {
							margin:0px; 
							padding-left:0px;
							}
							#sub_navigation li ul li {
								list-style:none;
								padding-bottom:10px;
								padding-left:0px;
								}
				#language {padding-left:8px;}
		#content {
			width:500px;
			margin-left:160px; 	  
			padding:40px 40px 40px 40px; 
			}

	#footer {clear:both;}
		#logo {
			clear:both;
			float:left;
			margin-left:30px;
			padding-bottom:10px;
			position:relative;
			}
		#copyright {
			width:760px; 
			padding-top:5px;
			top:-160px; 
			}
			

/*------------------------------colour & background*/
body {
	background-color:#999999;
	}
	.inuktitut {font-family:Pigiarniq, Arial, Helvetica, sans-serif; word-spacing:0.25em;}
	#header {
		background-image:url(../img/header/header.jpg);
		background-repeat:no-repeat;
		}
		/*#tabs {
			background-image:url(../img/tabshade.jpg);
			background-repeat:repeat-y;
			background-position:top right;
			}*/
	#centre {
		background-image:url(../img/bodyshade.jpg); 
		background-repeat:repeat-y;
		background-position:top right;
		}
		#sub_navigation {
		background-image:url(../img/navgrade.jpg);
		background-repeat:no-repeat;
		}		
	#footer {
		background-color:#999999;
		background-image:url(../img/bodyshade.jpg); 
		background-repeat:repeat-y;
		background-position:top right;
		height:174px;
		}
			
/*-------------------------------typography*/
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	}
#tabs {color:#FFFFFF}
#sub_navigation ul {padding-bottom:3px;}
#sub_navigation li {
	font-size:12px; 
	font-weight:bold; 
	line-height:30px;
	}
#sub_navigation li ul li{
	font-size:10px; 
	font-weight:bold;
	line-height:14px;
	}
#language {font-size:11px; margin:3px;}
#content {font-size:12px; color:#000000;}
#copyright {font-size:9px; text-align:center;}
h1 {font-weight:bold; font-size:18px; color:#ff0000; margin:0; }
h2 {font-weight:bold; font-size:14px; color:#003366;}
h3 {font-weight:bold; font-size:12px; color:#003366;}
h4 {font-weight:bold; font-size:14px; color:#ffffff; margin:0; padding:0;}
p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px}






/*------------------------------link styles*/
#tabs  a:link {color:#ffffff; text-decoration:underline; margin:0; padding:0;}
#tabs a:visited {color:#ffffff; text-decoration:underline; margin:0; padding:0;}
#tabs a:hover {color:#ffffff; text-decoration:none; margin:0; padding:0;}

#sub_navigation li a{color: #ff0000; text-decoration:none;}
#sub_navigation li ul li a{color:#000000; text-decoration:underline;}
#sub_navigation li ul li a:hover{color:#000000; text-decoration:none;}

#language a:link {color:#000000; text-decoration:underline; font-weight:bold;}
#language a:visited {color:#000000; text-decoration:underline; font-weight:bold;}
#language a:hover {color:#000000; text-decoration:none; font-weight:bold;}

#content a:link {color:#003366; text-decoration:underline; font-weight:bold;}
#content a:visited {color:#003366; text-decoration:underline; font-weight:bold;}
#content a:hover {color:#003366; text-decoration:none; font-weight:bold;}

#copyright a:link {color:#000000; text-decoration:underline; font-weight:100;}
#copyright a:visited {color:#000000; text-decoration:none; font-weight:100;}
#copyright a:hover {color:#000000; text-decoration:none; font-weight:100;}