/* Start of CMSMS style sheet 'MX-5 Skjerm' */
@charset "utf-8";
/* CSS Document */

/* Reset styles - START - these will clear the different browser defaults for various margins, borders and such */

html, body, div, span, applet, object, iframe,  h1, h2, h3, h4, h5, h6, p, blockquote, pre,  a, abbr, acronym, address, big, cite, code,  del, dfn, em, font, img, ins, kbd, q, s, samp,  small, strike, strong, sub, sup, tt, var,  dl, dt, dd, ol, ul, li,  fieldset, form, label, legend,  table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */

:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
strong {
	font-weight: bold;
}
#rightTextContentAreaSplit ul {
	list-style: disc;
	margin-bottom: 10px;
	margin-left: 15px;
}
#rightTextContentAreaSplit ul li {
	font-size: 13px;
}
/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,  q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* Reset styles - END */

body {
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
background-color: #DDDDDD;
}
/* Clearfix style - START - Forces Firefox to expand divs when content is bigger than initial height. Must be applied as a class to the divs needing it */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility:hidden;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* Clearfix style - END */


td, font, div {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 135%;
	color: #000000;
}
ul{
list-style-type: outside;
list-style: disc;
margin-left: 13px;
margin-bottom: 10px;
}
li{
margin-bottom: 6px;
}
em{
font-style: italic;
}
a {
	color: #0066FF;
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
}
h1 {
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 150%;
	margin-bottom: 7px;
	color: #333;
	font-weight: normal;
}
h2 {
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 150%;
	color: #333;
	margin-top: 6px;
	font-weight: bold;
	text-transform: none;
	margin-bottom: 13px;
}
h2.frontHeaderWhite {
	font-size: 14px;
	line-height: 150%;
	color: #FFF;
	font-weight: normal;
	text-transform: none;
	margin-bottom: 13px;
}
h2.frontHeader {
	font-size: 14px;
	line-height: 150%;
	font-weight: normal;
	text-transform: none;
	margin-bottom: 13px;
}
h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	margin-bottom: 13px;
	font-weight: normal;
}
h4 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	line-height: 150%;
	font-weight: bold;
}
h4.frontNewsWhite, h4.frontNewsWhite a {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	line-height: 150%;
	font-weight: bold;
}
h4.frontNews, h4.frontNews a {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 150%;
	font-weight: bold;
	text-decoration: none;
}
h4.normalNews, h4.normalNews a {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444;
	line-height: 120%;
	font-weight: normal;
margin-top: 5px;
	text-decoration: none;
}
h5 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 150%;
	color: #666666;
	margin-bottom: 6px;
	font-weight: bold;
}
h5.frontNewsWhite, h5.frontNewsWhite a {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 150%;
	color: #FFFFFF;
	font-weight: normal;
}
h5.frontNews, h5.frontNews a {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 150%;
	color: #333333;
	font-weight: normal;
}
h5.normalNews, h5.normalNews a {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 130%;
	color: #4;
	font-weight: normal;
}
h6 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 4px;
	padding-bottom: 0px;
	line-height: 150%;
	color: #333;
	font-weight: normal;
	font-style: italic;
}
p {
	margin-bottom: 13px;
}
.menuDivider {
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom: 1px solid #FFFFFF;
}
input, select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	height: 18px;
	border: 1px solid #333333;
}
/* Main container styles - START - These are containers for the entire site design. Background is usually defined outside of these, and these contain the actual box of the main site. Usually the outer wrapper is just a box to properly position the site while the siteContainer keeps the main look of the box */

#outerWrapper {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	overflow: hidden;
	position: relative;
background-image:  url(images/body_top_bg.jpg);
background-position: top center;
background-repeat: repeat-x;
}
#wrapper{
	margin: 0 auto;
	padding: 0;
	width: 933px;
	overflow: hidden;
	text-align: center;
	background-image: url(images/bg-content-repeat.jpg);
	background-position: top center;
	background-repeat: repeat-y;
}
#aboveTop{
	margin: 0 auto;
	padding: 0;
	width: 933px;
	height: 111px;
	background-image: url(images/content-topbar.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
}
#siteContainer {
	margin: 0 auto;
	padding: 0;
	width: 913px;
	min-height: 624px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
}
#bottomContainer {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: 142px;
}
#bottomContainerMid {
	margin: 0 auto;
	position: relative;
	width: 896px;
	height: 127px;
	text-align: right;
	padding-top: 15px;
	padding-right: 15px;
	background-image: url(images/content-bottom.jpg);
	background-position: bottom center;
	background-repeat: no-repeat;
}
#bottomContainerLeft {
	position: absolute;	
	width: 768px;
	height: 735px;
	top: -595px;
	left: -768px;
	z-index: auto;
	overflow: hidden;
	background-image: url(images/content-bottom-left.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
}
#bottomContainerRight {
	position: absolute;	
	width: 768px;
	height: 735px;
	top: -595px;
	right: -768px;
	z-index: auto;
	overflow: hidden;
	background-image: url(images/content-bottom-right.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
}
#logoArea{
	float: left;
	margin-left: 9px;
	margin-top: 3px;
	width: 166px;
	height: 93px;
}
#logoText{
	float: left;
	margin-left: 20px;
	margin-top: 26px;
	width: 239px;
	height: 21px;
}
#menuArea{
	margin-top: 70px;
	margin-left: 16px;
	float: left;
	width: 724px;
	text-align: left;
}
#menuContainerLeft{
	float: left;
	width: 5px;
	height: 34px;
	background-image: url(images/menu-end-left.gif);
	background-repeat: no-repeat;
}
#menuContainerRight{
	float: left;
	width: 5px;
	height: 34px;
	background-image: url(images/menu-end-right.gif);
	background-repeat: no-repeat;
}
#menuContainer{
	float: left;
	height: 34px;
}
.menuItem{
	margin-right: 1px;
	float: left;
}
.menuItem.selected{
	margin-right: 1px;
	float: left;
}
.menuItemLeft{
	float: left;
	width: 10px;
	height: 34px;
	background-image: url(images/menu-normal-left.gif);
	background-repeat: no-repeat;
}
.menuItemMid{
	float: left;
	padding-top: 16px;
	padding-bottom: 4px;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	background-image: url(images/menu-normal-bg.gif);
	background-repeat: repeat-x;
}
.menuItemRight{
	float: left;
	width: 10px;
	height: 34px;
	background-image: url(images/menu-normal-right.gif);
	background-repeat: no-repeat;
}
.menuItemLeft.selected{
	float: left;
	width: 10px;
	height: 34px;
	background-image: url(images/menu-selected-left.gif);
	background-repeat: no-repeat;
}
.menuItemMid.selected{
	float: left;
	padding-top: 16px;
	padding-bottom: 4px;
	padding-left: 10px;
	padding-right: 10px;
	background-image: url(images/menu-selected-bg.gif);
	background-repeat: repeat-x;
}
.menuItemRight.selected{
	float: left;
	width: 10px;
	height: 34px;
	background-image: url(images/menu-selected-right.gif);
	background-repeat: no-repeat;
}
.menuItemMid a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

#contentContainer{

}
#frontTopContentContainer{

	float: left;
	width: 913px;
}
#frontBottomContentContainer{
	float: left;
	width: 913px;	
}
#mainContentContainer{
	float: left;
	width: 913px;
	margin-top: 1px;
	background-image: url(images/content_bg_leftboxfade.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	min-height: 680px;
}
#subMenuContainer{
	float: left;
	margin-top: 14px;
	margin-left: 20px;
	width: 145px;
}
#subMenuContainer ul{
margin:0;
	list-style-type: none;
	list-style-position: outside;
	margin-top: 5px;
}
#subMenuContainer ul li ul{
	margin-top: 0px;
	margin-bottom: 0px;
}
#subMenuContainer ul li ul li{
	margin-left: 14px;
	list-style-type: square;
	font-size: 11px;
}
#subMenuContainer li{
	float: left;
	width: 145px;
	margin-bottom: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
}

#subMenuContainer li a{
	text-decoration: none;
	color: #000000;
}
#subMenuContainer li a.selected{
font-weight: bold;
}

#subMenuContainer li a.activeparent{
	color: #990000;
font-weight: bold;
}
#subMenuContainer li.activeparent ul{
	margin-top: 0px;
	margin-bottom: 0px;
}
#subMenuContainer li.activeparent ul li{
	margin-left: 14px;
	list-style-type: square;
}
#subMenuContainer li.activeparent ul li a{
	font-size: 11px;
}
#newsContainer{
	float: left;
	margin-top: 15px;
	margin-left: 20px;
	margin-right: 20px;
	width: 145px;
}
#breadCrumbContainer{
	float: left;
	margin-left: 60px;
	margin-right: 60px;
	margin-top: 14px;
	width: 604px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
#mainContentBox{
	float: left; 
	margin-top: 20px;
	margin-left: 60px;
	margin-right: 60px;
	width: 604px;
}
#mainContentBox img{
margin-bottom: 10px;
}
#mainContentBox p img{
margin-bottom: 10px;
}
#frontTopContentContainer{
	float: left;
	width: 913px;
}
#frontBottomContentContainer{
	float: left;
	width: 913px;
	margin-top: 1px;
	min-height: 350px;
	background-color: #FFFFFF;
	background-image: url(images/bg-front-content.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}
.leftContentContainer{
	float: left;
	width: 186px;
}
.rightContentContainer{
	float: left;
	width: 727px;	
}
#frontBoxNews{
	float: left;
	width: 165px;
	padding: 10px;
	min-height: 257px;
}
#frontImageContainer{
	float: left;
	margin-left: 1px;
	margin-top: 1px;
	width: 724px;
	min-height: 277px;
}
.boxRedFade{
	margin-left: 1px;
	margin-top: 1px;
	background-image: url(images/box-bg-redfade.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #790000;
}
#frontHorizontalLine{
	float: left;
	margin-top: 1px;
	width: 913px;
	height: 7px;
	background-color: #333333;
}
#frontBottomLeftContent{
	float: left;
	margin-left: 1px;
	width: 165px;
	margin-top: 10px;
	padding: 10px;
}
#frontBottomMidContent{
	float: left;
	width: 496px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-left: 22px;
	padding-right: 22px;
}
#frontBottomRightContent{
	float: left;
	margin-left: 1px;
	width: 163px;
	margin-top: 10px;
	padding: 10px;
}
ul.newsSummary{
	float: left;
	list-style-type: none;
	margin-left: 0px;
	margin-top: 25px;
	margin-bottom: 25px;
	padding-top: 25px;
	border-top: 1px dotted #CCC;
}
ul.newsSummary li{
	float: left;
	margin-bottom: 10px;
	padding: 3px;
}
ul.newsSummary li p img{
	float: left;
margin-top: 10px;
	margin-bottom: 10px;
}
#NewsPostDetailTitle{
margin: 0;
padding: 0;
}
#NewsPostDetailSummary {
float: left;
font-size: 12px;
margin-bottom: 5px;
}
#NewsPostDetailCategory {
float: left;
font-size: 10px;
  font-style: italic;
width: 300px;
text-align: right;
margin-bottom: 5px;
}

#NewsPostDetailContent {
float: left;
width: 100%;
  margin-bottom: 25px;
  line-height: 150%;
  }

#NewsPostDetailAuthor {
float: left;
font-size: 10px;
width: 300px;
  font-style: italic;
margin-bottom: 5px;
}
#NewsPostDetailPrintLink {
float: left;
width: 100%;
}
#NewsPostDetailReturnLink {
float: left;
width: 100%;
}
div.blimedlem{
float: left;
width: 600px;
}
div.blimedlem div{
float: left;
margin-bottom: 5px;
}
div.blimedlem div label{
float: left;
width: 200px;
}
div.blimedlem div input{
width: 350px;
margin-left: 25px;
border: 1px solid #999;
background-color: #F7F7F7;
}
div.blimedlem div textarea{
width: 350px;
margin-left: 25px;
border: 1px solid #999;
background-color: #F7F7F7;
}
div.blimedlem div input.fbsubmit{
width: 100px;
margin-top: 15px;
}
/* End of 'MX-5 Skjerm' */