/* CSS Document */
/* @author:Else Stork Høiem */

html { font-size: 75%;}
body { background: #fbfbf2 url(../images/page_back.gif) repeat-x fixed ;
	font-size: 1em; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #0E2C8E;
	margin: 0px;
	padding: 0px; }

.lciclear {display: block;height:0;clear:both;visibility:hidden;}

a:link, a:visited  { 
	text-decoration: none; 
	color: #7A7D55; }
	
a:hover, a:active { 
	text-decoration: underline; 
	color: #646729; }

.email {
	text-decoration: underline; 
	color: #646729; }

.required {
	color: #c03;
    font-size: 15px;
    font-weight: bold;
}


/* ===== HTML ELEMENTS  ===========*/
h1, h2, h3, h4, h5 {
	font-weight: normal ;
	padding: 0; margin: 0;
	clear: none;
}
h1 {font-size:1.5em; font-weight: normal; }
h2 {font-size:1.2em; font-weight: bold;  margin-top: 0.5em; margin-bottom: .1em; }
h3 {font-size:1.1em; font-weight: bold; margin-bottom: 0; margin-top: .3em; }
h4 {font-size:1.2em; font-weight: bold; clear: none; margin-bottom: 0.2em;}
h5 {font-size:1.0em; font-weight: bold; clear: none; margin-bottom: 0.2em;}

p { font-size: 1.0em;
	margin-top: 0; 
	text-align: justify;
	line-height: 130%; }

ul {margin-left: 1em;
	padding-left:.5em;}	

ul li {
	margin: 0;
	padding: 0;
	line-height: 1.4em;
	}
/* ===== MAIN PAGE LAYOUT ===========*/

#container { 
	width: 850px; /* wrap around whole page */
	padding: 0;  
	margin: 1.3em 1.3em 0 1.3em; 
	float:left;
	border: 1px solid #ffffff;}


#top { margin: 0 0 0 0; clear:both;}

#masthead_container {
	height: 28px; 	margin: 0; 
	padding: 0 0 .2em 0;
	background: #0038aa; 
	vertical-align: top; clear: both; 
}
#menu_container {
	width: 160px; /* 20% (of 850px) alt 160px , % are more flexible */
	float: left; 
	clear: left; 
	padding-top: 0.9em; }	
	
#president_logo {
	width: 160px; 
	float: left; 
	clear: left; 
	padding-top: 1em;
	
}	

div#president_logo .golden {
	color: #c18a1d;
	font-size:0.8em;
	
}

#content_container { /* wrap around content, not menu */
	width: 690px; /* 80% (of 850px) alt 690px , % are more flexible */
	float: left; 
	padding-top: 1.0em; 
	background: #F8F7EF;} 

#container_middle { /* wrap around middle column when there are two content columns */
	width: 490px; /* 70% (of 690px) alt 490px , % are more flexible */
	float: left; 
	margin: 0 0 0 0.5em;
	padding: 0.5em;
	clear: none;
	}
#container_right {  /* wrap around right column when there are two columns */
	width: 160px; /* 23% (of 690px) alt 160px , % are more flexible*/
	float: left;
	margin: 0.45em 0 1em 0em;
	padding: 0.5em;
	clear: none;
	}

#container_wide { /* another wrap for when you don't want the right column */
	width: 635px;
	float: left; 
	margin: 0 0 0 1em;
	padding: 0.5em;
	clear: none;
	}

/* =====  OTHER BANNER ELEMENTS ===========*/

#friendship {
	width: 210px; /* 24% (of 850px) alt 210px , % are more flexible */
	float: left; 
	margin: 0; 
	padding: 0.1em 0 0 0.5em; 
	text-align:left;
	color: #ffffff;
	font-size:1.3em; 
	}
#quicklinks {  
	width: 300px; /* 35% (of 850px) alt 300px , % are more flexible */
	float: left;
	margin:0; 
	margin: 0 0 0 10.5em;  
	padding: 0.3em 0 0 0.5em;
 
}

#navlinks { 
	margin: 0; padding: 0em 1em;
	background: #0038aa; color: #FFF;
	text-align: right; 
}

#navlinks li {
	display: inline;
	margin-right: 0.5em; padding-right: 0.75em;
	border-right: 1px solid #99C;
	font-weight: bold;
}

#navlinks li.last {
	border-right: 0;
}

#navlinks a {
	color: #ffffff;
	font-weight: bold;
}
#search { 
	width: 200px; /* 25% (of 850px) alt 220px , % are more flexible */
	float: right;
	margin: 0;
	padding: 0.3em 0 0 0; 
	color: #FFF;  
	text-align: right; 
	font-weight: bold; 
}
#search form#lcisearch { margin: 0; padding: 0; height:25px; }
#search form#lcisearch input { margin-right:0.5em; font-size: .91em}

/* LOGIN */

#login { border: 1px solid #c98932; padding:0 .5em 0 .5em; margin: 0;}

div.left_login { margin: 0; padding: 0; height:25px; width: 40%; float: left}
div.right_login { margin-right:0.5em; font-size: .91em; width: 60%; float: right;}

	
/* ===== MIDDLE COLUMN ===========*/

/* MIDDLE COLUMN  */
.midten  { margin-bottom: 1.5em; font-size: 1em;} 

div.middlecolumn { margin-bottom: 10px;} 
div.middlecolumn_leadtext_rm {font-size: 1em}
div.middlecolumn_heading_rm {font-weight: bold;}
div.middlecolumn_heading {font-size: 1.7em; margin:0 0 0.4em 0;}
div.middlecolumn_leadtext {font-weight: normal; margin-bottom: 0.3em; color: #0E2C8E; }
div.middlecolumn_date { font-size: 1em;}
div.middlecolumn_newsheading  { font-size: 1em; margin-bottom: .2em; }

	
/* ===== RIGHT COLUMN ===========*/

div.rightcolumn { margin: 1em 0 0 0; overflow: hidden; clear: both; font-size: .91em;}
div.rightcolumn div.rightcolumn { font-size: 1em; } /* fix fontsize pga nesting weakness  */

.sidebar {
	font-size: .95em;
	margin: .5em 0em .5em .5em;
}

.border {border: 1px solid #c98932}

/* Heading */
div.rightcolumn_heading{ font-size: 1em; font-weight: bold; color:#000000; margin-bottom: .25em; padding-bottom: 0;}
div.rightcolumn_heading_rm { font-size:1em; font-weight: bold;} /* Read more heading */
div.rightcolumn_leadtext_rm { margin: 4px 0 0 0;}

/* Box right column with frame */
div.rightcolumn div.rightcolumn_frame {
 border:1px solid #c98932;
 padding: 2px 2px 2px 5px;
 margin: 4px 2px 4px 2px;
 overflow: hidden;
}
/* Box right column with frame and background colour */
div.rightcolumn_colour { 
 border:1px solid #c98932;
 margin: 0px 0px 0px 0px;
 background: #f8f2e4;
 overflow: hidden;}

#sidebar form, #sidebar div h3 {
	background: #9B96CA;
}

#sidebar form {
	margin: 0; padding: 0.8em;
}

#sidebar form .text {
	width: 9em;
}

#sidebar div {
	background: #3A3C2D; color: #FFF;
	padding: 0 1em 1em;
	margin-top: 0.75em;
}

#sidebar div h3 {
	font-size: 1.25em;
	margin: 0 -0.8em; padding: 0.4em 0.8em;
	text-transform: lowercase;
}

/* Images  */ 
div.imagetext{ color: #000000; font-size: 0.82em; margin:0.2em 0.2em 0.2em 0.2em; }
.nomarg { margin: 0; padding:0; }
.margleft {margin: 0.5em 0em 0.5em 1em;}
.margright {margin: 0.5em 1em 0.5em 0em;}

#colbar_image {
	float: none;
}

#colbar_image_pad {
	float:none;
	padding-left:15px;
}

div.right_image_fp { 
	padding:10px;
	float:right;
	margin-bottom:10px;
	vertical-align:middle;
	}
div.left_image_fp { 
	padding:10px;
	float:left;
	margin-bottom:10px;
	vertical-align:middle;
	}
div.right_image { 
	border:1px;
	border-style:solid;
	border-color:#0038aa;
	padding:10px;
	float:right;
	margin-bottom:10px;
	margin-left: 10px;
	margin-top:10px;
	vertical-align:middle;
	}
div.right_image_wo_frame { 
	padding:10px;
	float:right;
	margin-bottom:10px;
	margin-left: 10px;
	margin-top:10px;
	vertical-align:middle;
	}
div.left_image { 
	border:1px;
	border-style:solid;
	border-color:#0038aa;
	padding:10px;
	float:left;
	margin-bottom:10px;
	margin-right:10px;
	margin-top:10px;
	vertical-align:middle;	}
	
div.left_image_wo_frame { 
	padding:10px;
	float:left;
	margin-bottom:10px;
	margin-right:10px;
	margin-top:10px;
	vertical-align:middle;	}
/* ===== LISTS =========== */

#lci-menus img {
	margin-right: 4px;}	

#actual_dates ul {
	margin-left: 1em;
	padding-left:.5em;}	

#actual_dates ul li {
	margin: 0;
	list-style:square outside;
	color: #0E2C8E;
	line-height: 1.6em;
	padding: 0;}

div.middlecolumn ul { list-style: square outside; 
	padding-left: 2em; margin:0; margin-left: .8em; } 
	
div.president_logo_tiny ul{
	padding-left: 2em;
	padding-bottom:2em; 
	margin:0; margin-left: .8em;
	list-style-image: url(../images/css_img/colour_tiny.jpg);
} 

div.middlecolumn li { padding-left: 0.8em; }
div.rightcolumn ul { margin: 0 0 .5em .8em; padding:0;}
div.rightcolumn ul li { list-style: square outside; margin: 0 0 0 .5em; padding-left: 0 } 
div.rightcolumn li { margin-left: 0.8em; padding-left: 0; }
div.rightcolumn ol { margin: 0 0 .5em 1.5em; padding:0;}
div.rightcolumn ol li { margin: 0 0 0 .5em; padding-left: 0em; }

/* ===== OTHERS STYLES =========== */

/* justify left image without floatingt */
div.image_nofloating_text {
	text-align:left; 
	overflow:hidden; 
	margin: 0;} 

/* Date and author */
div.author { font-size: 1em; font-style:italic; color: #54573C;}	

/* Sitemap,  */
div.sitemap { font-size: 0.75em; text-align: left; float: left; margin-left: 3em;}

/* ===== LINKS ===========*/ 
/* really there are too many definitions here... should simplify */
/*  Read more, link */
a.rightcolumn_readmore { font-style:normal; color: #0e2c8e;}
a.middlecolumn_readmore{ font-style: normal; color: #0e2c8e; text-decoration: none;}

/*  dates, link */
#actual_dates a:link, #actual_dates a:visited {color: #0E2C8E; text-decoration: none;}
#actual_dates a:hover, #actual_dates a:active {color: #7A7D55;}

/* hyperlinks in body */
div.middlecolumn a:link,
div.middlecolumn a:active {color:#7a96bf; text-decoration: underline;}
div.middlecolumn a:visited {color: #0e2c8e; text-decoration: underline;}
div.middlecolumn a:hover {text-decoration: underline;}

/* colours to title-links */
div.middlecolumn_newsheading a:link,
div.middlecolumn_newsheading a:visited,
div.middlecolumn_newsheading a:active { font-weight: bold; color: #0e2c8e; text-decoration: none;}
div.middlecolumn_newsheading a:hover { color:#7a96bf; text-decoration: underline; } 

/* read more news,  title as link*/ 
div.middlecolumn_heading_rm a:link, 
div.middlecolumn_heading_rm a:visited, 
div.middlecolumn_heading_rm a:hover, 
div.middlecolumn_heading_rm a:active { color: #0e2c8e; text-decoration: none;}

div.middlecolumn .red , div.middlecolumn .green, div.middlecolumn .blue, div.middlecolumn .light_blue, div.middlecolumn .orange, div.middlecolumn .redorange, div.middlecolumn .cerise, div.middlecolumn .grey, div.middlecolumn .lilla {
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
}
div.middlecolumn .red {
	color: red;
}
div.middlecolumn .green {
	color: green;
}
div.middlecolumn .blue {
	color: #0018cc;
}
div.middlecolumn .light_blue {
	color: #29bddb;
}
div.middlecolumn .grey {
	color: #FFFFFF;
	background-color:#999999;
	margin-left:80px;
	width:250px;
	font-size: 1.1em;
}
div.middlecolumn .orange {
	color: #cc9900;
}
div.middlecolumn .cerise {
	background-color: #ff00d8;
	color: 	#000000;
	font-size: 1.1em;
	width:300px;
	margin-left:80px;
}
div.middlecolumn .redorange {
	color: #ff6600;
}
div.middlecolumn .lilla {
	color: #9000cc;
}


/* same right column and middle */
div.rightcolumn a:link, 
div.rightcolumn a:active {color: #0e2c8e;}
div.rightcolumn a:visited,
div.rightcolumn a:hover {color: #676767; text-decoration: none;}

/* Tables */
table.form {
    width: 100%;
}
table.form col {
    width: 50%;
}
td.label {
    text-align: left;
    vertical-align: top;
    font-weight: bold;
}
td.label * {
    vertical-align: left;
}
input.i {
    width: 80px;
    height: 18px;
    padding: 2px 0 0 4px;
    background: url('../images/input.png') no-repeat;
}	

.listetabell {
	border: 1px solid rgb(200, 200, 200);
	vertical-align: top;
	border-collapse: collapse;
	width:673px;
}

.listetabell th {
	border: 1px solid rgb(200, 200, 200);
	vertical-align: top;
	border-collapse: collapse;
}

.listetabell td {
	border: 1px solid rgb(200, 200, 200);
	vertical-align: top;
	border-collapse: collapse;
}
.listetabell a:visited {
	textdecoration: underline;
	color: #7A7D55;
}
.listetabell a:link, a:hover, a:active {
	textdecoration: underline;
}

/* Fieldset and legend */

div#innerbody {
    max-width: 1000px;
    min-width: 790px;
    margin: auto;
    padding: 10px;
}
div#innerbody > p * {
    font-size: 13px;
    vertical-align: middle;
}
div#innerbody span.required {
    color: #c03;
    font-size: 24px;
    font-weight: bold;
}
div.column1 {
    float: left;
    width: 49%;
}
div.column2 {
    position: relative;
    width: 49%;
    margin-left: 50%;
}

fieldset {
    border: 1px solid #ccc;
    background-color: #f1f2ea;
}
legend {
    color: #c98932;
    font-weight: bold;
    font-size: 13px;
}
table.form {
    width: 100%;
}
table.form col {
    width: 50%;
}
td.label {
    text-align: right;
    vertical-align: top;
    font-weight: bold;
}
td.label * {
    vertical-align: middle;
}
div#innerbody input.i,
div#innerbody input.a,
div#innerbody textarea {
    border: 0px solid transparent;
    font: 14px Arial, Helvetica, sans-serif;
}
div#innerbody input.i {
    width: 196px;
    height: 18px;
    padding: 2px 0 0 4px;
    background: url('{$static_dir}/images/css_img/input.png') no-repeat;
}
div#innerbody input.a {
    width: 39px;
    height: 18px;
    padding: 2px 0 0 4px;
    background: url('{$static_dir}/images/css_img/input-a.png') no-repeat;
}
div#innerbody textarea {
    padding: 2px;
    height: 96px;
    width: 236px;
    background: url('{$static_dir}/images/css_img/textarea.png') no-repeat;
}
div.buttons {
    clear: both;
    overflow: auto;
}
div.buttons a {
    float: left;
}
div.buttons input {
    float: right;
}

/* president introduction */