/* 
		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 {
	    background:#ccc url(../wsimages/bg.png) 50% 0 repeat-x;
	    font-family:Arial, Helvetica, sans-serif;
	    line-height:150%;
	    color:#333333;
	    font-size:12px;
	}
	
/* 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 */
a {
    color:#3764aa;
    text-decoration:none;
}

a:hover {
    text-decoration:underline;
}


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

/* header elements */
h1, h2, h3, h4, h5, h6 {
    font-family:Georgia, "Times New Roman", Times, serif;
    font-weight:normal;
    line-height:100%;
    color:#000;
    margin:0 0 15px 0;
}

h1 {
    font-size:22px;
    color:#003366;
}

h2 {
    font-size:18px;
    color:#003366;
}

h3 {
    font-size:16px;
    color:#003366;
}

h4 {
    font-size:14px;
    color:#003366;
}

h5 {
    font-size:12px;
    color:#003366;
}

h6 {
    font-size:11px;
    color:#003366;
}
.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
---------------------------------------------------------------------- */
/* alignments */
img.alignleft {
    float:left;
    margin:0 10px 0 0;
}

img.alignright {
    float:right;
    margin:0 0 0 10px;
}

img {
	padding: 0 1em 1em 0;
	float: left;

}

img.thumbnailImage {
	
}
img.standardImage {
	
}

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

	table td,
	table th {
		border: 1px dotted #C7BFBE;
		borde
		font-size:11px;
		padding:6px;
	}
	
	table tr.oddRow {
		background-color: #fafcf6;
	}
	
	table td h3 {
		color: #003366;
		margin-bottom:5px;
	}
	
	table img {
		float: none;
	}
	
	/* Image Gallery
	---------------------------------------------------------------------- */
	img.imageGalleryItem {
		padding: 5px;
		float: left;
		clear: none;
	}

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

		img#lightboxImage,
		#bottomNavClose img {
			clear: none;
			float: none;
			margin: 0;
			padding: 0;
		}
	
		/* -----------------------------------------------------------------------------
											Skjemabygger
		----------------------------------------------------------------------------- */
				form
					{
					border: solid 3px #ccc;
					padding: 10px 10px 10px 0;
					width:91%;
					margin-bottom: 15px;
					}



				form fieldset
					{
					border: none;
					border-bottom: solid 1px #ccc;
					padding: 0px 0px 10px 10px;
					margin: 0;
					}


					form fieldset.w33percent
						{
						width: 144px;
						display: table-cell;
						}

					form fieldset.w50percent
						{
						width: 218px;
						display: table-cell;
						}

					fieldset.w66percent
						{
						width: 298px;
						display: table-cell;
						}

					/* WIDE */

					body.rightColumnWide form fieldset.w33percent
						{
						width: 236px;
						display: table-cell;
						}

					body.rightColumnWide form fieldset.w50percent
						{
						width: 357px;
						display: table-cell;
						}

					body.rightColumnWide form fieldset.w66percent
						{
						width: 482px;
						display: table-cell;
						}

				form fieldset label
					{
					font-weight: bold;
					clear: both;
					display: block;
					}

				form fieldset input.text
					{
					display: block;
					width: 450px;
					padding: 2px;
					margin: 0px;
					}


					 form fieldset.w33percent input.text
					 	{
						width: 138px;
						}

					form fieldset.w50percent input.text
					 	{
						width: 209px;
						}

					 form fieldset.w66percent input.text
					 	{
						width: 292px;
						}
						
							form fieldset textarea
								{
								width:500px;
								height:150px;
								}