﻿/* body *****************************************************************/
body {
  font-family: arial, verdana, sans-serif;
  font-size: 0.6875em;
  margin-top: 0;
  margin-left: 0;
  text-align: center; /* for IE */
  color: #302c2b;
  background: #cbc6c3 url(../Graphics/background.gif) 0 0 repeat-x;
}

/* basic elements *****************************************************************/
a {color: #01649b; text-decoration: none;}
a:hover {text-decoration: underline;}
p, h4, ul, ol {font-family: verdana, sans-serif;}   
h3 {font-family: arial, verdana, sans-serif; font-weight: bold; font-size: 14px;}   
.clear {clear: both;}

/* mainContainer *****************************************************************/
.mainContainer 
{
  width: 990px;
  margin: 0 auto;   /* align for good browsers */
  text-align: left;
}

/* language *****************************************************************/  
.languageBar {height: 21px; text-align: left;}
.languageSelect {float: right; padding: 3px 5px 0 0;}
.languageSelect span {font-weight: bold;}
.languageSelect a {color: #302c2b; text-decoration: underline;}
.languageFlags {background-color: #ffffff; float: right; padding: 2px 12px 1px 9px;  }  
.languageFlags a {padding-left: 5px;}
.languageCorner {float: right; height: 21px; width: 3px;}  
.languageCorner img {padding-top: 18px;}


/* page *****************************************************************/
.page {overflow: visible; /*min-height: 500px;*/ background: #ffffff url(../Graphics/cornerTL.gif) 0 0 no-repeat;}  


/* HEADER *****************************************************************/  
.logo {float: left;}
.logoLO {padding: 26px 10px 6px 23px;}
.logoLandsorganisasjonen {padding: 0 0 21px 0;}

.menuTop {float: right; width: 600px; padding: 12px 12px 0 0;}
.menuText {float: right; padding-top: 5px;}
.menuText a {color: #302c2b; padding: 0 8px 0 8px;}

.menuTopRight {float: right;}
.search {float: right; width: 270px;}  

.searchField {float: right; width: 181px; padding: 0px 5px 0 0;}
.searchTextField {float: right; height: 18px; width: 150px; font-size:12px; padding: 3px 0 0 3px;}
.searchButton {float: right;}

.menuBottomRight {float: right; padding-top: 21px;}

/* menuMain ****/  
.menuMain {width: 989px; font-weight: bold; font-size: 12px; overflow: hidden; /*ADDED STYLE:*/background: url(../Graphics/BG.gif) 0 2px repeat-x; padding-top: 2px;/*END ADDED STYLE*/}
.mainMenu ul {height: 33px; color: #ffffff;}
.menuMain a {color: #ffffff;}
.menuMain li {float: left; line-height: 37px;}
.mmButton {float: left; background: url(../Graphics/BG.gif) 0 0  no-repeat; text-align: center; font-family: arial;}
.mmButtonStart  {float: left; background: url(../Graphics/BG.gif) -2px 0  no-repeat; text-align: center; font-family: arial;}
.mmButtonEnd {float: left; background: url(../Graphics/BG.gif) 0 0  no-repeat; text-align: center; font-family: arial;}  
.mmButton:hover {background: url(../Graphics/BG-MO.gif) 0 0  no-repeat; color: #d40005; text-decoration: none;}  
.mmButtonStart:hover {background: url(../Graphics/BG-MO.gif) -2px 0  no-repeat; color: #d40005; text-decoration: none;}  
.mmButtonEnd:hover {background: url(../Graphics/BG-MO.gif) 0 0  no-repeat; color: #d40005; text-decoration: none;}     
.mmButtonSelected {float: left; background: url(../Graphics/BG-MO.gif) -2px 0  no-repeat; text-align: center; font-family: arial;}
.mmButtonStartSelected {float: left; background: url(../Graphics/BG-MO.gif) -2px 0  no-repeat; text-align: center; font-family: arial;}
a.mmButtonSelected, a.mmButtonStartSelected  {color: #d40005; text-decoration: none;}

#mmBubble{
	width: 167px; height: 38px;
	background: url('mainMenu/bubble.gif') 0 0 no-repeat;
	position:absolute;
	display:none;
}

/* BLACKBOX & GREYBOX *****************************************************************/   
/* blackBox */   
.blackBox {color: #ffffff; background-color: #282320; width: 100%; overflow: hidden; font-size: 12px; padding-bottom: 32px;}
.blackBoxPadding {min-height: 200px;}
.blackBox .divider {padding: 3px 0 0 0;}
.blackBox a {color: #ffffff;}
.blackBox ul {font-family: arial, verdana, sans-serif;}
.blackBox .dottedDivider {border-bottom: 1px #7c746f dotted; width: 100%; padding-bottom: 5px;}  
.blackBox .mostRead {float: left; padding: 24px 0 0 15px; width: 309px;}  
.blackBox .mostRead ul {padding-top: 10px; list-style-image: url(blackBox/bullet.gif); padding-left: 20px;}  
.blackBox .links {float: left; padding: 24px 0 0 15px; width: 309px;}
.blackBox .links ul {padding-top: 10px; list-style-image: url(blackBox/bullet.gif); padding-left: 20px;}    
.blackBox .quote {float: left; padding: 24px 0 0 15px; width: 309px;}    
.blackBox .quote .divider {padding: 3px 0 5px 0;}  
.blackBox .quoteText {padding: 8px 8px 10px 10px; line-height: 20px;}
.blackBox .quoteSource {padding: 15px 8px 10px 10px; font-style: italic;}

/* greyBox */   
.greyBox {color: #ffffff; background-color: #635856; width: 100%; height: 35px;}
.greyBox p {padding: 9px 0 0 16px; font-family: arial, verdana, sans-serif;}
.greyBox a {color: #ffffff;}