/*################################################################################################
--------------------------------------------------------------------------------------------------
>> This is the new css for RapSohD. I hope it meets with your approval :-)
--------------------------------------------------------------------------------------------------
################################################################################################*/


body, div, p, th, td, li, dd 
  { 
   margin: 0px 2px 3px 1px; 
   font-family: Arial, Helvetica, sans-serif; 
   font-size: 12px;
   text-align: justify;
   color: #435AA9;
   vertical-align: top;
/*   list-style-type: square; */
   } 
body {background-color: #F0F2F9; } 

p {margin-top: .5em;     /* what might this be doing exactly? */
   text-align: justify;
   }
input, textarea, select { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #435AA9; background-color: #F0F2F9; }
.form { background-color: #F0F2F9; Color: #435AA9; font-size: 10px; }
.form2 { background-color: #F0F2F9; Color: #435AA9; font-size: 10px; }
.formbutton { background-color: #F0F2F9; color: #435AA9; font-size: 9px; font-weight: bold;}
.formlabel {color: #9f0000; font-size: 10px; text-align: center; font-weight: bold; }

   
.leftspine {
    background-color: #FF5A4A;
    background-image: url("images/sidebar.jpg");
 /*   filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#f0f2f9', startColorstr='#FF5A4A', gradientType='1'); */
	vertical-align: top; 
	text-align: center;
    }  
.leftspine p {
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px;
    color: #435AA9;
    text-align: center;
    font-weight: bold;
    }
	
.mainbody {
    width: 760px;
	vertical-align: top;
	}
	
.toppleft {
    width: 151px;
	height: 129px;
    background-image: url("images/toppleft.jpg");
	text-align: center;
	vertical-align: middle;
	}

.english {
    text-align: center;
	font-size: 14px; 	
	font-weight : bold;
    color: #FF6347;
    }
.english a {
    color: #FF6347;
	text-decoration: none;
	}
.english a:hover {
/*	font-size: 14px; */
	font-style: italic;
	}
	
.french {
    text-align: center;
	font-size: 14px; 	
	font-weight : bold;
    color: #DEDEF7;  /*light blue-grey like page background */
    }
.french a {
    color: #DEDEF7;  /*light blue-grey like page background */
	text-decoration: none;
	}

.french a:hover {
/*	font-size: 14px; */
	font-style: italic;
	}
	
.toppcontact {
    width: 437px;
	height: 70px;
	vertical-align: top;
	}	
	
.companyname {
 	height:59px;  
 	background-image: url("images/logo.jpg");  
	background-repeat:no-repeat; 
	vertical-align: middle; 
	text-align: center;
	font-family: Accent, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bolder;
	color: #FF5A4A;
    }
	
.toppright {
    width: 172px;
	height: 129px;
	vertical-align: middle;
	}
	
.navhead {
    width: 151px;
	height: 24px;
/*    background-image: url("images/heading2.jpg");  /
	background-image: url("images/meny.gif"); 
	vertical-align: middle;
    text-align: center;
	font-weight : bold;
    color: white;
    }
	
.msghead {
    width: 172px;
    height: 24px;
/*	background-image: url("images/heading2.jpg"); */
	background-image: url("images/meny.gif"); 
	vertical-align: middle;
    text-align: center;
	font-weight : bold;
    color: white;
    }
	
/*################################################################################################
--------------------------------------------------------------------------------------------------
>> Menu System 
--------------------------------------------------------------------------------------------------
################################################################################################*/

/*================================================================================
>> General
================================================================================*/
/* This cell contains the main menu links */
.menu {
/*	width: 437px;*/
    width: 609px; 
	height: 26px; 
	background-image: url("images/meny.gif"); 
/*    background-image: url("images/heading2.jpg");  */
	vertical-align: middle;
	text-align: center;
	font-size: 12px;
	color: white;
    font-weight: bold;
}
.menu  a {
    color: white;
	text-decoration: none;
}
.menu a:hover {
	color: #FF6347;
	text-decoration: none;
}

/*################################################################################################
--------------------------------------------------------------------------------------------------
>> SUB Menu System
--------------------------------------------------------------------------------------------------
################################################################################################*/

/*================================================================================
>> General
================================================================================*/

.submenu {
	background-color: #FAEED4;
/*	background-color: #DEDEF6; */

	vertical-align: top;
	text-align: left;
    padding-top: 5px;
	padding-right: 10px;
    padding-bottom: 5px;
	padding-left: 48px;
	font-size: 9pt; 
	font-weight: bold;

}
.submenu a {
	font-size: 9pt;
	color: #435AA9; 
	text-decoration: none;
}
.submenu a:hover {
	color: #FF6347;
	text-decoration: none;
}
/*
//=============================
// RIGHT / LEFT: newsbox
//=============================
*/

.leftside {
	background-color: #FCF7EC;
	text-align: left;
	vertical-align: top;
	padding-top: 2px;
	padding-bottom: 2px; 
   }

.newsbox {
	background-color: #FCF7EC;
	text-align: left;
	vertical-align: top;
	padding-top: 2px;
	padding-bottom: 2px; 
   }

.newsbox p {
	font-size: 9px;
	color: #435AA9;
	text-align: left;
	padding-bottom: 2px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
}


.newsbox h4 {
	text-align:center;
	font-size: 14pt;
	font-weight: bolder;
	color: #435AA9;
   }
.newsbox h5 {
	text-align:center;
	font-size: 10pt;
	font-weight: bold;
	color: #435AA9;
   }

.newsbox h5 a {
	text-align:center;
	font-size: 10pt;
	font-weight: bold;
	color: #FF6347;
	text-decoration: none;
   }
.newsbox h5 a:hover {
	text-align:center;
	font-size: 10pt;
	font-weight: bold;
	color: #435AA9;
	text-decoration: none;
   }


.newsbox a {
	color: #FF6347;
	font-size: 9px;
	text-decoration: none;
}

.newsbox a:hover {
	color: #435AA9;
	font-size: 9px;
	text-decoration: none;
   }

/*
//=============================
// promobox and promobox header
//=============================
*/
.promotab {
    width: 437px;
	}
	
.promobox  {
    background-color: #F0F2F9;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: top;
}
.promobox  h2 {
	text-align:center;
	font-size: 12px;
	font-weight: bold;
	color: #FF6347;
}

.promobox  p {
    text-align: justify;
	font-size: 12px; 
	font-weight: normal;
	color: #435AA9;
}

.promobox a {
	color: #FF6347;
	text-decoration: none;
    }
	
.promobox a:hover {
	color: #435AA9;
	font-style: italic;
	text-decoration: none;
   }


.notice {
    height: 21px;
    background-color: #D8DDF0;
    text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight : bold;
    color: #FF6347;
	vertical-align: middle;
    }
	
.notice h1 {font-size: 14pt;}
.notice h2,h3,h4 {font-size: 12pt; margin: 0; padding: 0;}

.notice a {
    color: #FF6347;
	text-decoration: none;
    }
.notice a:hover {
    color: #435AA9;
	text-decoration: none;
    }
	
.notice2 {
    width: 100%;
    height: 21px;
    background-color: #D8DDF0;
    text-align: center;
	font-family: Arial, Helvetica, sans-serif;
    color: #435AA9;
	font-weight: bolder;
	font-size: 14pt;
	vertical-align: middle;
    }
.notice2 h1 {font-size: 14pt;}
.notice2 h2,h3,h4 {font-size: 12pt; margin: 0; padding: 0;}

/*
//=============================
// CONTENTBOX
//=============================
*/

.maincontent {
	font-size: 12px;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
	text-align: justify;
	vertical-align:top;
    }
	
.maincontent h1 {
    text-align: center;
	font-size: 14pt;
	font-weight: bolder;
    }
.maincontent h2,h3,h4 {
    text-align: center;
	font-size: 12pt;
	font-weight: bolder;
    }
	
.maincontent h5 {
    text-align: center;
	font-size: 11pt;
	font-weight: bold;
    }
	
.maincontent p {
    text-align: justify; 
	font-weight: normal;
    }
	
.maincontent a {
	color: #FF6347;
	font-weight: bold;
	text-decoration: none;
	}

.maincontent a:hover {
	text-decoration: none;
	color: #435AA9;

	}
	
	
.imagecaption {
    text-align: center;
    font-size: 8pt;
    }

.imagecaption a {
	color: #435AA9;
	text-decoration: none;
	}

.imagecaption a:hover {
	color: #FF6347;
	font-style: italic;
	text-decoration: none;
	}

.citation {
	font-size: 12px; 
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
	text-align: justify;
	vertical-align:top;
    }
	
.citation p {
	font-size: 12px; 
    text-align: justify; 
	font-weight: normal;
	font-style: italic;
    }
	
	
.citation h4 {
    text-align: center;
	font-size: 14pt;
	font-weight: bolder;
    }
.citation h5 {
    text-align: center;
	font-size: 13pt;
	font-weight: bold;
	font-style: italic;
    }

/*
//=============================
// the bottom of the page
//=============================
*/
.bottomleft {
    width: 151px;
	height: 27px;
    background-image: url("images/bunn1.jpg");
	color: #ffffff;
	}
	
.bottomleft a {color: #ffffff; text-decoration: none;}
.bottomleft a:hover {color: #FF6347; text-decoration: none;}

.bottomcenter {
    width: 437px;
	height: 27px;
    background-image: url("images/bunn2.jpg");
	}

.bottomright {
    width: 172px;
	height: 27px;
    background-image: url("images/bunn3.jpg");
	text-align: center;
	vertical-align: bottom;
	}

/*
//=============================
// copyright: copyright text
//=============================
*/
.copyright {
    width: 588px;
	height: 16px;
	background-image:url(images/bottom4.jpg);
	background-repeat:no-repeat;
	text-align:left;
    }

.copyright a {
	color: #FF6347;
	text-decoration: none;
    }
.copyright a:hover {
	color: #435AA9;
	text-decoration: none;
    }

/*
//=============================
// the very last bit of css to finish it all off :-)
//=============================
*/	
.lastbit {
    width: 172px;
	height: 16px;
    background-image: url("images/bottom4a.jpg");
	}