/* 
		CSS Navigation Template for list based drop down navigation
		By Trond Ulseth - trond@idl.no
		   Jørgen Skogås - jorgen@idl.no
		Started 29th September 2009
		
		Goal:
					Standard formatting of content elements
		
		Change log:
					29th September 2009 - started this template
					
		Once implemented for a site this template should/could be edited, added to and deleted from.
		Coments can be deleted as well, but it's adviced not to.
		This template is based on the CSS for dropdown navigation in the FarCry pliant template.
		
		Table of Contents:					
*/

/* Overwrite global styles if needed
---------------------------------------------------------------------- */
	
/* some items need their margins and/or paddings */
p,
h1,
h2,
h3,
h4,
h5,
h6,
table {
	margin-bottom: 1em;
	}
	
ol, ul {
	margin: 0 0 1em 2em;
	clear: both;
}

	ul li,
	ol li {
		margin-bottom: 0.2em;
	}
	
	ul li {
		list-style-type: disc;
	}
	
	ol li {
		list-style-type: decimal;
	}

/* some global styles for links */



/* Typography
---------------------------------------------------------------------- */

/* sizes for the headers */
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	color:#00A651;
}

h1 {
	font-size: 13px;
	}
h2 {
	font-size: 12px;
	}
h3 {
	font-size: 11px;
	}


.importantText {
	font-weight: bold;
	border-bottom: dotted 1px #999;
	}

.smallerText {
	font-size: 0.8em;
	}

.quoteText {
	background-color: #ccc;
	font-size: 1.5em;
	width: 33%;
	margin: 0 1em 1em 0	;
	padding: 1em;
	display: block;
	float: left;
	clear: left;
	margin-bottom: 1em;
	}
	
/* Flash top
---------------------------------------------------------------------- */
.header {
	position: relative;
}
#flashy {
	position: absolute;
	top: 0px;
	right: 27px;
	height: 202px;
	width: 550px;
	overflow: hidden;
}

#slideFG {
	position: absolute;
	top: 0px;
	right: 417px;
	height: 202px;
	width: 160px;
	overflow: hidden;
	z-index:100;
	background-image:url(/wsimages/slideFG.png);
}

/* Images
---------------------------------------------------------------------- */
.bodyconten_txt img {
	padding: 0 1em 1em 0;
	float: left;
	clear: left;
}

.bodyconten_txt img.thumbnailImage {
	
}
.bodyconten_txt img.standardImage {
	
}

/* Tables
---------------------------------------------------------------------- */
table {
	width: 100%;
	clear: both;
}

	table td,
	table th {
		border: 1px solid #ff0000;
	}

	
/* Teasers
---------------------------------------------------------------------- */

div.homeTeaser {
	float:left;
	margin-top: 50px;
	margin-right: 13px;
}

	div.homeTeaser a.teaserHeader {
		display: block;
		height: 25px;
		width: 150px;
		background-color: #999;
		color: #FFF;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		font-family: "Times New Roman";
		font-size: 16px;
		padding-top:4px;
		-moz-box-shadow: 2px 2px 10px #333;
		-webkit-box-shadow: 10px 10px 10px #333;
		
	}

	div.homeTeaser .thumbnail img {
		padding:0px;
		border: none 0px;
		-moz-box-shadow: 2px 2px 10px #333;
		-webkit-box-shadow: 10px 10px 10px #333;
	}
	
div.normalTeaser {
	float:left;
	clear: both;
	width: 90%;
	border: solid 1px #999;
	margin-bottom: 15px;
	padding: 5px 5px 5px 50px;
	background: url(/wsimages/article_arrow.gif) no-repeat scroll 10px 6px;
}
	
	div.normalTeaser a.teaserHeader {
		font-family: "Times New Roman";
		font-size: 16px;
	}
	
	div.normalTeaser .thumbnail a img {
		float: right;
		padding:0px;
		border: none 0px;
	}
	
	div.normalTeaser p {
		margin-top: 5px;
	}
	
/* secondary nav
---------------------------------------------------------------------- */
	
	#secNav {
		list-style: url(/wsimages/secnav_arrow.gif) inside;
		font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		font-size: 14px;
		margin-top: 40px;
	}
	#secNav li {
		padding: 2px;
		margin: 2px;
	}
	#secNav a {
		color: #00A752;
		text-decoration: none;
		font-weight: bold;
		padding-left: 5px;
	}

	#secNav a:hover {
		color: #000000;
	}
	
	/* Image Gallery
	---------------------------------------------------------------------- */
	img.imageGalleryItem {
		padding: 5px;
		border:none;
		float: left;
		clear: none;
	}

		img.imageGalleryItem.first {
			margin-left: 0;
		}

		img#lightboxImage,
		#bottomNavClose img {
			clear: none;
			float: none;
			margin: 0;
			padding: 0;
		}
		/* For employee
		---------------------------------------------------------------------- */

		div.idlemployee {
			border-top:1px dotted #DBDBDA;
			float:left;
			height:105px;
			padding:5px;
			padding-bottom:10px;
			width:285px;
		}

		div.idlemployee img {
			margin-top:0;
			border:1px solid #EFEFEF;
			clear:right;
			float:right;
			padding:5px;
			z-index:1000;
		}