/* GENERAL fonts */

BODY {
	margin: 0 0 0 0;
	background-color: #f6f5a5;
}

P, OL, UL, DIV, H1, H2 {
	font-family: verdana, arial;
	font-size: 12px;
}
H1 { font-size: 16px; }
H2 { font-size: 14px; }
P, H1, H2 {margin: 0px 0px 5px 0px;}

#wholepage {width: 800px;}

#header {
	width:100%; 
	height: 100px; 
	background-repeat: no-repeat; 
	background-position: left; 
	background-image: url('nn2.gif');
	background-color: #f6f5a5;
	border-bottom: dotted 1px #999999;
        padding-bottom: 20px;
	}

#middle {
	width: 100%;
	}

#footer {
	border-top: dotted 1px #999999;
	width: 100%;
	}
#footer P {
	font-size: 10px;
	text-align: center;
}

p.bodytext {
        text-align: justify;
        padding: 1mm;
        line-height: 1.5;
}


#leftside {
	vertical-align: top; 
	width: 180px;
	clear:both; 
	float: left;
	}
#center {
	/* background-color: #fafafa; */
	background-color: #f6f5a5;
	vertical-align: top; 
	margin-left: 190px; 
	* margin-left: 0px;
	* position: absolute;
	* width: 75%
	}
#rightside {
	vertical-align: top; 
/*	width: 200px; */
/*        clear: both; */
/*        float: left; */
	margin-left: 800px; 
	position: absolute; 
	top: 0px; 
	right: 0px;
	}
#rightcolumnof2 {
	vertical-align: top; 
	width: 600px;
	}

#leftcontent {
	width: 100%;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	}

#leftcontentshared {
	width: 100%;
	/* Uncomment the following line to visually identify the shared content area */
	/*background-image: url(images/shared.gif); */
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	}

#rightcontent {
	width: 100%;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;	
	}

#rightcontentshared {
	width: 100%;
	/* Uncomment the following line to visually identify the shared content area */
	/*background-image: url(images/shared.gif); */
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;	
	}

#bordercontent {
	width: 100%;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;	
	}

#bordercontentshared {
	width: 100%;
	/* Uncomment the following line to visually identify the shared content area */
	/*background-image: url(images/shared.gif); */
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;	
	}

/* Content column */
#normalcontent {
	padding-left: 3px;
	padding-right:3px;
/*	padding-top: 15px; */
	width: 100%;
/*	background-image: url('nnbg.jpg'); */
/*	background-color: #fafafa; */
	background-color: #f6f5a5;
        clear: right;
}

#normalcontentshared {
	/* Uncomment the following line to visually identify the shared content area */
	/*background-image: url(images/shared.gif); */
	padding-left: 10px;
	padding-right:10px;
	padding-top: 15px;
	width: 100%;
}

/* Content column */
* html #normalcontent {
	display: inline;
}

* html #normalcontentshared {
	display: inline;
}

/* Menu 1 column */
#menu_1 {	
	/*vertical-align: top; */
	width: 100%;
	height: 250px;	
	/* background-image: url(images/menubackground.jpg); */
	/* background-repeat : no-repeat; */
	/* Uncomment the following line to visually identify the shared content area */
	/*background-image: url(images/shared.gif); */

	padding-top: 10px;
}
#menu_1 DIV {
	width: 95%;
}
#menu_1 DIV A {
	color: navy;
	text-decoration: none;
}
#menu_1 DIV A:hover {
	text-decoration: underline;
}

/*  MENU 1, level 1, normal state (NO) */
#menu_1 DIV.menu1-level1-no {
  border-bottom: 1px dotted #999999;
  font-size: 11px;
  padding-top:5px;
  padding-left:5px;
}
/*  MENU 1, level 1, active state (ACT) */
#menu_1 DIV.menu1-level1-act {
  border-bottom: 1px solid #999999;
  font-weight:bold;
  font-size: 11px;
  padding-top:5px;
  padding-left:5px;

  background-color: #eeeeee;
  /* filter:alpha(opacity='70', style='0'); */
}
#menu_1 DIV.menu1-level1-act A {
  color:black;
}

/*  MENU 1, level 2, normal state (NO) */
#menu_1 DIV.menu1-level2-no {
  font-size: 10px;
  padding-left:20px;
}
/*  MENU 1, level 2, active state (ACT) */
#menu_1 DIV.menu1-level2-act {
  font-size: 10px;
  font-weight:bold;
  padding-left:20px;
}

/*  MENU 1, level 3, normal state (NO) */
#menu_1 DIV.menu1-level3-no {
  font-size: 10px;
  padding-left:30px;
}
/*  MENU 1, level 3, active state (ACT) */
#menu_1 DIV.menu1-level3-act {
  font-size: 10px;
  font-weight:bold;
  padding-left:30px;
}
/*  MENU 1, level 4, normal state (NO) */
#menu_1 DIV.menu1-level4-no {
  font-size: 10px;
  padding-left:40px;
}
/*  MENU 1, level 4, active state (ACT) */
#menu_1 DIV.menu1-level4-act {
  font-size: 10px;
  font-weight:bold;
  padding-left:40px;
}

/* Style for the Path-menu: */
#pathplace {
	width: 800px;
}
#sitepath {
  width: 100%;
  white-space: nowrap;
  background-color: #F8F8EC;

  font-family: verdana, arial;
  font-size: 11px;
  padding: 1px 1px 5px 5px;
}
#sitepath A {
  text-decoration: none;
  color:black;
}
#sitepath A:hover {
  text-decoration: underline;
}

/********************************/
/* Frames, spacing, link-to-top */
/********************************/
P.csc-linkToTop { text-align: right; }
P.csc-linkToTop A { font-weight: bold; }

DIV.csc-frame { border: 0px; }
DIV.csc-frame-invisible {}
DIV.csc-frame-rulerBefore { border-top: 1px solid #333333; }
DIV.csc-frame-rulerAfter { border-bottom: 1px solid #333333; }
DIV.csc-frame-indent { padding-left: 100px; }
DIV.csc-frame-indent3366 { padding-left: 33%; }
DIV.csc-frame-indent6633 { padding-right: 33%; }
DIV.csc-frame-frame1 { background-color: #EDEBF1; padding: 2px 4px 2px 4px; border: 1px solid #333333; }
DIV.csc-frame-frame2 { background-color: #F5FFAA; padding: 2px 4px 2px 4px; border: 1px solid #333333; }

DIV.csc-frame-frame1 H1, DIV.csc-frame-frame1 H2, DIV.csc-frame-frame1 H3, DIV.csc-frame-frame1 H4, DIV.csc-frame-frame1 H5 { margin-top: 2px; }
DIV.csc-frame-frame2 H1, DIV.csc-frame-frame2 H2, DIV.csc-frame-frame2 H3, DIV.csc-frame-frame2 H4, DIV.csc-frame-frame2 H5 { margin-top: 2px; }