a:link { text-decoration: none; color:#186AAF;  }
a:visited { text-decoration: none; color:#186AAF;  }
a:active { text-decoration: none; color:#186AAF;  }
a:hover { text-decoration: none; color: #186AAF; text-decoration: underline;  }

a.navi:link {font-size : 10px; text-decoration: none; color:#666666; font-weight : bold; }
a.navi:visited {font-size : 10px; text-decoration: none; color:#666666; font-weight : bold;}
a.navi:active {font-size : 10px; text-decoration: none; color:#666666; font-weight : bold; }
a.navi:hover {font-size : 10px; text-decoration: none; color: #666666; font-weight : bold; }

a.sub:link {font-size : 12px; text-decoration: none; color:#333333; font-weight : bold;}
a.sub:visited {font-size : 12px; text-decoration: none; color:#333333; font-weight : bold;}
a.sub:active {font-size : 12px; text-decoration: none; color:#333333; font-weight : bold;}
a.sub:hover {font-size : 12px; text-decoration: none; color: #333333; font-weight : bold;}

body {	text-align:center; font-family: verdana, arial; font-size: 11px;
	background-color: #F2F7EF;}
img {border: 0px;}

h1 {font-family: verdana, arial sans-serif; font-size: 11px; color: #333333; 
font-weight: bold; margin-bottom: 4px;}

h2 {font-family: verdana, arial sans-serif; font-size: 11px; color: #333333; 
font-weight: bold; margin-bottom: 4px;}

h3 {font-family: verdana, arial sans-serif; font-size: 11px; color: #333333; 
font-weight: bold; margin-bottom: 4px;} 


/* -- classes menu -- */
.yellow {font-weight: bold; color: orange}
.green {font-weight: bold; color: green}
.red {font-weight: bold; color: red}

.floatright {float: right; margin-left: 5px; margin-top: 5px; margin-bottom: 5px;}

.floatleft {float: left; margin-right: 5px; margin-top: 5px; margin-bottom: 5px;}

.newshead {font-family: verdana, arial sans-serif; font-size: 11px; color: #333333; 
	font-weight: bold; margin-bottom: 4px;}

.rightside {font-family: verdana, arial sans-serif; font-size: 11px; color: #333333; 
	text-align: left; font-weight: bold; margin-bottom: 4px;}

/* clears all container boxes, for the structure of the page to show right */

.all {clear: both;} 


#topbar{border-top: solid green 0px; height: 90px; margin: 0px; padding: 0px;}

#GIsearch{position: relative; top: -100px; left: 700px; width: 250px;}

/* her starter kolonner */
div#container {	width: 800px;
		margin-right:auto;
		margin-left: auto;
		margin-top: 10px; 
		margin-bottom: 50px;
		padding-bottom: 30px;
		text-align:left;
		border: solid #cccccc 1px;
		border-right: solid #C0C5BC 2px;
		border-bottom: solid #C0C5BC 2px;
		background-color: #ffffff;
		}


div#col1 {width: 150px; background-color: ffffff; float: left;  margin-top: 70px; 
margin-left: 5px; border: solid orange 0px;}  

div#col2 {width: 350px; background-color: #ffffff; float: left; margin-left: 10px; margin-top: 30px;
	border: solid orange 0px; text-align: left;}

div#col2ab {width: 275px; background-color: #ffffff; float: left; 
	border: solid red 0px; }  

div#col2a {width: 210px; background-color: #ffffff; float: left; 
	margin-top: 20px; border-top: dotted #c5c7ca 0px; border-bottom: dotted #c5c7ca 0px;
	padding-top: 5px; padding-bottom: 5px;}

div#col2b {width: 10px; background-color: #ffffff; border: solid orange 0px; float: left; 
	margin-top: 20px; margin-left: 10px;
	border-top: dotted #c5c7ca 0px; border-bottom: dotted #c5c7ca 0px;
	padding-top: 5px; padding-bottom: 5px;}

div#col2c {width: 450px; background-color: #ffffff; float: left; 
	margin-top: 10px; border-bottom: dotted #c5c7ca 0px;
	border: solid blue 0px; }  

div#bottom {width: 450px; background-color: #E5F1D8; float: left; font-size: 10px;
	border: solid #cccccc 1px;
	margin-top: 10px; padding: 5px;} 

div#col3 {width: 250px; color: #666666; background-color: #ffffff; 
	text-align: left; border: solid red 0px; float: left; margin-left: 30px; margin-top: 45px;}  


/* vertical menu item */
.vlevel1 a {
color : #669933; 
font-size : 10px; 
font-weight : bold; 
text-decoration : none; 
text-align : left; 
width : 150px; 
display : block; 
border : 0px solid #d8d8e3; 
background-color : #ffffff; 
padding-left : 15px; 
padding-top : 2px; 
padding-bottom : 2px; 
margin-top : 1px; 
margin-bottom : 1px; 
} 

.vlevel1 a:hover, a.active {
border : 0px solid #669933; 
background-color : #ffffff; 
background-image : url(http://www.udzungwa.org/images/green-dot.gif); 
background-repeat : no-repeat; 
background-position : center left; 
margin-top : 1px; 
margin-bottom : 1px; 
} 


/* vertical sub-menu item */

.vlevel2 a {
color : #666666; 
font-size : 10px; 
font-weight : bold; 
text-decoration : none; 
text-align : left; 
width : 150px; 
display : block; 
border : 0px solid #d8d8e3; 
background-color : #ffffff; 
padding-left : 12px; 
padding-top : 2px; 
padding-bottom : 2px; 
margin-top : 1px; 
margin-bottom : 1px; 
} 

.vlevel2 a:hover, a.active {
border : 0px solid #666666; 
background-color : #ffffff; 
background-image : url(http://superbios/glykaemisk/www/images/green-dot.gif); 
background-repeat : no-repeat; 
background-position : center left; 
margin-top : 1px; 
margin-bottom : 1px; 
}