/* 
		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
---------------------------------------------------------------------- */
body {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 1.5;
	color: #444;
}
	
/* some items need their margins and/or paddings */
p,
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 */
a {
	color: #1c2764;
}

	a.readmore {
		white-space: pre;
	}

a:hover {
	color: #007dff;	
}


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

/* sizes for the headers */
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	color: #263577;
	font-weight: normal;
	margin-bottom: 0px;
}

h1 {
	font-size: 18px;
}
h2 {
	font-size: 16px;
}
h3 {
	font-size: 14px;
}
h4 {
	font-size: 13px;
}
h5 {
	font-size: 12px;
}
h6 {
	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;
}

/* Images
---------------------------------------------------------------------- */
img {
	margin: 0 15px 15px 0;
	float: left;
	clear: left;
}
	
	a.thumbnailImage img {
		margin: 0;
	}
	
		a.thumbnailImage {
			margin: 3px 15px 15px 0;
			border: 3px solid #dedede;
			float: left;
			clear: left;
		}
		
		a.thumbnailImage:hover {
			border: 3px solid #ccc;
		}

img.thumbnailImage {
	background: #fff url('../wsimages/thumbnail_bg.jpg') no-repeat;
	width: 264px;
	height: 109px;
	padding: 15px 15px 17px 15px;
	margin: 0 0 15px -10px;
	position: relative;
}
	
	div#rightColumn img.thumbnailImage {
		margin-bottom: 0px;
	}

img.standardImage {
	
}

/* Tables
---------------------------------------------------------------------- */
table {
	width: 100%;
	clear: both;
	border-collapse: collapse;
	border-top: 1px dotted #eee;
}

	table td,
	table th {
		border-bottom: 1px dotted #e2e2e2;
		padding: 2px;
	}