/*****************************************************/
/*   Author:  Morten Pelle Korsmo                    */
/*            pelle@blend.no                         */
/*   Version: 1.0                                    */
/*   Date:    4. mars 2007                       */
/*****************************************************/

* { margin: 0; padding: 0; color: #333; line-height: 1.4; }

HTML,BODY {
	color: #333;
	margin: 0px;
	padding: 0px;
	background: url(../images/SDK_gress_bkg.gif) no-repeat top center;
	background-color:	#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #878889;
	height:100%;
}

img { 
	behavior: url(iepngfix.htc); 
	}
.leftfloat {
	float: left;
	margin-right: 6px;
	width: 150px;
}


#wrap {
	width: 880px; 
	margin: 0px auto;
	
	/*height: 100% auto;*/
}
/*DIV {
	border: 1px solid red;
	}*/
/**************/
/*   HEADER   */
/**************/
/*#header-section {
	margin: 0px;
	padding: 0px;
	border-top:8px solid #ffffff;
	border-bottom:8px solid #ffffff;	
	background-color: #83b819;
	background-image:url(../images/bg_top.png);
}*/

#header {
	width: 872px;
	height: 102px;
	/*float:left;*/
	margin: 0px;
	padding: 0px;
	margin-top: 10px;
}

/*#header-right {
	background-color: #83b819;
	background-image:url(../images/bg_top.png);
	height: 73px;
	margin: 0px;
	padding: 0px;
}*/

#navcol {
	font-size:11px;
	padding: 0px;
	width: 151px; 
	overflow: hidden;
	float:left;
}

#bglcol {
	margin: 0px;
	padding: 0px;
	background-image: url(../images/bg_main.png);
	background-repeat: repeat-y;/* no-repeat;*/
	/*background-position: left bottom;*/
	height: 100% auto;
	behavior: url(iepngfix.htc); 	
}

#hline {
	background-image: url(/images/hline.png);
	background-repeat: repeat-x;
	height: 14px;
	behavior: url(iepngfix.htc); 	
}
#vline {
	background-image: url(/images/vline.png);
	background-repeat: repeat-y;
	width: 28px;
	height: 100%;
	behavior: url(iepngfix.htc); 	
}

#imgbox {
	width: 110px;
	overflow: hidden;
	margin-right: 10px;
}
#bg2col {
		margin: 0px;
    padding: 0px;
		background-image: url(../images/bg_2colmain.png);
    background-repeat: repeat-y;
		background-position: right bottom;
		height: 100% auto;
		behavior: url(iepngfix.htc); 			
}

#main {
	padding:0px;
	margin: 0px 180px 0px 170px; /* top,right,bottom,left*/
	/*border: 1px solid red;*/
}

#sidecol {
	padding: 0px;
	margin: 0px 0px 0px 0px; /* top,right,bottom,left*/
	width: 165px;
	float:right;
	color: #318925;
	/*border: 1px solid red;*/
}

/*******************/
/***   GENERAL   ***/
/*******************/
H1 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:21px;
	color: #f29400;
	font-style: italic;
}

H2 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:20px;	
	color: #f29400;	
	font-style: italic;	
}

H3 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:14px;	
	color: #f29400;
	font-variant:inherit;	
}

/*A {
	color: #83b819;
	text-decoration: underline;
}
*/
A {
	COLOR: #f29400;
}
A.active {
	COLOR: #83b819;
}
A.visited {
	COLOR: #83b819;
}
A:hover {
	COLOR: #83b819; 
}


INPUT {
	border: solid 1px #d0d0d0;
}

TEXTAREA {
	width : 350px; 
	border: solid 1px #d0d0d0;
}

/*****************/
/*   MAIN MENU   */
/*****************/
.mainmenu {
	font-family:Arial, Helvetica, sans-serif;	
	border: 0px;
	font-weight: bold;
	background-color: #eeebe8;
	border-right: 7px solid #ffffff;
	background-image: url(../images/bg_mainmenu.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	
	list-style-type: none;
	margin: 5px 0;
	padding: 0;
	width: 170px;
	/*border-bottom-width: 0;*/
	
}

.mainmenu li ul{
list-style-type:none;
text-indent:10px;
}

.mainmenu li a{
/*background: white url(media/glossyback.gif) repeat-x bottom left;*/
background-color:#83b819;
color: white;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;
border-bottom: 1px dashed #C7DC98;	
	padding-left:12px;
	padding-top:4px;
	padding-bottom:4px;	
}

* html .mainmenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 160px;
}

.mainmenu li a:visited, .mainmenu li a:active{
color: white;
}

.mainmenu li a:hover{
	background-color:#A1C653;
	color: #419223;	
	
}




.menuitem {
	font-family:Arial, Helvetica, sans-serif;	
	text-transform:uppercase;
	text-decoration: none;
	border-bottom: 1px solid #FFFFFF;
	padding-left:12px;
	padding-top:4px;
	padding-bottom:4px;	
	background-color:#83b819;
	color:#FFF;
}

a.menuitem  {
	color: #FFF;	
	text-decoration: none;
}
a:hover.menuitem  {
	color: #419223;	
/*	background-color:#9dc648;*/
	text-decoration: none;
/*	background-color:#9dc648;	*/
background-color:red;

}
.subitem {
	font-family:Arial, Helvetica, sans-serif;	
	border-bottom: 1px solid #FFFFFF;
	padding-left:12px;
	padding-top:2px;
	padding-bottom:2px;	
	background-color:#83b819;
	color:#FFF;
}

.subitem a {
	color: #FFF;	
	text-decoration: none;
	border:none;
}

.subitem a:hover {
	color: #419223;	
	background-color:#9dc648;
	text-decoration: none;
}

/********************/
/***  INTERFACE   ***/
/********************/
#rightbox{
	background: #eaf2d9;
	color: #419223;
	width: 165px;
	margin: 0px 0px 6px 0px; /*top,right,bottom,left*/
	/*border: 1px solid red;*/
}

#rightcolumn {
	padding: 0px 10px 0px 10px; /*top,right,bottom,left*/
	margin:0px;
	font-size:11px;
	color: #419223;
}	

#rightcolumn strong {
	color: #419223;
}	

#rightbox_orange{
	background: #f29300;
	color: #FFF;
	width: 165px;
}
#rightcolumn_white {
	padding: 0px 10px 0px 10px; /*top,right,bottom,left*/
	font-size:11px;
	color: #FFF;
}	

#rightcolumn_white strong {
	color: #FFF;
}	

#articlearea	{
	margin: 0px; /*20px 35px 30px 35px; // top,right,bottom,left*/
	overflow: hidden;
	width:520px;
}

#boxleft {
	width: 250px;
	float: left;
	padding-right: 20px;
	background-image:url(../images/vline.png);
	background-repeat:repeat-y;
	background-position:right;
	vertical-align:middle;
	font-size:11px;
	/*border: 1px solid red;*/
}

#boxright {
	width: 240px; 
	float: right;
	margin: 0px;
	font-size:11px; 		
	/*border: 1px solid green;*/
}

.searchinput{
	border: 0px none;
	width: 90px;
	height: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 9px;		
}

.searchbutton{
	border: 0px none;
	height: 16px;
	padding:2px;
	background-color: #790016;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 9px;	
	font-weight: bold;
}

.button{
	border: 0px none;
	padding:2px;
	background-color: #83b819;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 9px;	
	font-weight: bold;
}

.logininput{
	border: 0px none;
	width: 120px;
	height: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 9px;	
}

.articleimg	{
	float: left;
	margin-right:10px;
	border: 1px solid #FFFFFF;
}

.thmbimg	{
border: 1px solid #FFFFFF;
margin-bottom: 5px;
margin-right: 10px;
}


#bgarticle {
    margin: 0px;
    padding: 0px;
		background-image: url(../images/bg_1colmain.png);
    background-repeat: repeat-y;
		background-position: right bottom;
}
.clear{
	clear:both;
	overflow:hidden;
	margin: 0px;
	padding: 0px;
	display:block;
	height: 1px;
	}

/*******************/
/***   FOOTER    ***/
/*******************/
#footer {
	font-family: Verdana, Arial, sans-serif;
	background-color:#FFFFFF;
	text-align: center;
	padding-top: 4px;
	padding-bottom: 4px;
	color:#666666;
	font-size:9px;
	clear: both;
}
.articlelist {
	border-top-style: dashed;
	border-top-color: #999999;
	border-top-width: 1px;
	margin-top: 10px;
	padding-top: 10px;
	;
	width: 500px;

}
hr {
	border: 1px dashed #999999;
	margin: 10px 0px 10px 0px;
	clear: both;
}