/*-------------------------------------------------------

	doc title: stylesheet
	filename: primary.css
	author: JBMoss Ltd - http://www.jbmoss.com
	developer: JBMoss Ltd - DPETRIE
	date: 15/07/2009
	
	-----------------------
	
	1. master reset
	2. typography
	3. listography
	4. base structure
	5. navigation
	6. page specific structure
	7. images
	8. tables
	9. forms
	
	
-------------------------------------------------------*/




										/* ---------- 1. master reset ---------- */ 

* {
	padding			: 0;
	margin			: 0;
	border			: 0px solid red;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address, ul, ol {
	margin			: 0.6em 3%;
}
li, dd {
	margin-left		: 5%;
}
fieldset {
	padding			: .5em;
}

a {
	text-decoration	: none;
	outline			: none;
	
}

.clr {
	clear:both;
	height:0;
	width:0;
	padding:0;
	margin:0;
}

* { behavior: url(iepngfix.htc) }

										/* ---------- 2. typography ---------- */ 

p {
	color:#005485;
}
	p a {
		color:#005485;
		text-decoration:underline;
	}
	p a:hover {}
	
	
p.map_ti {
	color:#00B0BA;
	text-transform:uppercase;
	font-size:1.1em;
	font-weight:bold;
}	

p.mapl {
	color:#00B0BA;
	text-transform:uppercase;
	font-size:0.85em;
}
	
h1 {
	display:block;
	height:100px;
	width:209px;
	background:url(../images/tlnlc_logo.jpg) no-repeat;
	text-indent:-9000px;
}


	h1 a {}
	h1 a:hover {}
	
h2 {}
	h2 a {}
	h2 a:hover {}
	
h3 {}
	h3 a {}
	h3 a:hover {}
	
h4 {
	color:#00B0BA;
	font-size:1.6em;
}
	h4 a {color:#00B0BA;}
	h4 a:hover {}

h5 {}
	h5 a {}
	h5 a:hover {}
	

										/* ---------- 3. listography ---------- */ 
										
#div-content ul,  #div-content ol {
	margin-top:10px;
	color:#005485;
}
#div-content ul li {
	padding:3px 0;	
	list-style-image:url(../images/list_img.jpg);
}
#div-content ol li {
	padding:3px 0;
}
										
										
										/* ---------- 4. base structure ---------- */ 

html {
}
body {
	font-size		: 80%;
	font-family		: Arial, Helvetica, sans-serif;
	background		: #fff;
}


#div-wrap {
	position		: relative;
}

	#div-brd-top {
		position:relative;
		width:100%;
		background:#00B0BA;
		height:10px;
	}
	#div-brd-btn {
		position:relative;
		width:100%;
		background:#00B0BA;
		height:10px;
		margin-top:10px;
	}
	
	
	
	#div-top {
		position:relative;
		width:800px;
		margin:0 auto;
		padding-top:15px;
		height:105px;
	}
		#div-nav {
			position:absolute;
			bottom:0;
			left:0;
			padding-left:10px;
		}
		
		#div-logo {
			position:absolute;
			top:0;
			right:0;
			height:100px;
		}
		
		
	#div-mid-wrap {
		position:relative;
		width:100%;
		background:#00B0BA;
		margin-top:10px;
		border-bottom:10px solid #00B0BA;
	}	
		#div-snav {
			position:relative;
			width:790px;
			margin:0 auto;
			height:30px;
			padding-left:10px;
		}
		#div-mid-banner {
			position:relative;
			width:800px;
			height:302px;
			margin:0 auto;
			background:#005485;
		}
		
		
	#div-main {
		position:relative;
		width:800px;
		margin:0 auto;
		padding-bottom:20px;
	}
		#div-aside {
			position:relative;
			float:left;
			width:230px;
		}
			#hp #div-aside {
				width:400px;
			}
		#div-content {
			position:relative;
			float:right;
			width:570px;
			padding-top:7px;
		}
			#hp #div-content {
				width:400px;
				padding-top:3px;
			}
		
	#div-footer {
		position:relative;
		color:#00B0BA;
		padding:3px 0;
		width:800px;
		margin:3px auto;
		font-size:0.8em;
	}	
		#div-footer a {
			color:#00B0BA;
			padding-right:5px;
		}
		#div-footer a:hover {
			color:#005485;
		}
		
		#div-fl {
			position:relative;
			float:left;
		}
		#div-fr {
			position:relative;
			float:right;
		}
		#div-footer #div-fr a {
			padding-right:0;
		}


										/* ---------- 5. navigation ---------- */ 
										
#div-nav a {
	color:#00B0BA;
	font-size:0.85em;
	line-height:2em;
	padding-right:10px;
}										
#div-nav a:hover {
	color:#005485;
	font-weight:bold;
}
#div-nav .on {
	color:#005485;
	font-weight:bold;
}



#div-snav a {
	color:#fff;
	font-size:0.875em;
	padding-right:10px;
	line-height:30px;
	text-transform:uppercase;
}										
#div-snav a:hover {
	color:#005485;
	font-weight:bold;
}
#div-snav .on {
	color:#005485;
	font-weight:bold;
}
										/* ---------- 6. page specific structure ---------- */ 
										

										/* ---------- 7. images ---------- */ 
										
.t_img {
	margin-left:9px;
}
										

										/* ---------- 8. tables ---------- */ 
										
										
										/* ---------- 9. forms ---------- */ 