HTML { height: 100%; margin-bottom: 1px; }
BODY { height: 100%; margin: 0; padding: 0; background: #e6e6e6 url(/images/body_bg.gif) repeat-x left top; }
BODY, INPUT, SELECT, TEXTAREA { color: #7c7a7a; font-size: 13px; font-weight: normal; font-family: Arial, sans-serif; }
FORM { margin: 0; padding: 0; }
INPUT, SELECT, TEXTAREA { border: 1px solid #2d5086; }
INPUT { padding-left: 3px; padding-right: 3px; }
TEXTAREA { width: 96%; padding: 3px; overflow: auto; }
IMG { border: none; vertical-align: middle; }
H1.logo { width: 112px; margin: 0; padding: 14px 0 14px 33px; font-size: 0; text-indent: -5000px; }
H1.logo A { display: block; height: 84px; background: url(/images/The_Network_Institute.gif) no-repeat left top; }
H2 { margin: 0 0 15px; padding: 0; color: #287aa5; font-size: 24px; font-weight: normal; line-height: 20px; }
H2 SPAN { display: block; color: #000; font-size: 14px; }
P { margin: 15px 0; }
OL, UL { margin-top: 15px; margin-bottom: 15px; }
A { color: #287aa5; text-decoration: underline; outline: none; }
A:hover { text-decoration: none; }
A.more { color: #325894; font-size: 22px; text-decoration: none; line-height: 16px; }
A.more SPAN { display: block; color: #939393; font-size: 11px; }
A:hover.more { color: #287aa5; }


/* LAYOUT */
#page { position: relative; width: 927px; margin: 0 auto; }
#container { position: relative; top: -3px; width: 100%; background: url(/images/layout/container_top.png) no-repeat left top; padding-top: 13px; clear: left; }
#container .contBg { width: 100%; background: url(/images/layout/container_bg.png) repeat-y left top; }
#container .contBot { min-height: 600px; background: url(/images/layout/container_bot.gif) no-repeat left bottom; padding: 0 12px 18px 13px; }
#content { background: url(/images/layout/content_bg.png) repeat-x left top; padding: 15px 20px 0; text-align: justify; line-height: 18px; }
#content.contentwithmenu { padding: 13px 0 0; }
.columnLeft {  float: left; width: 460px; }
.columnRight { float: right; width: 370px; }
.publications {padding: 10px 20px 15px 10px; }


/* HEADER */
#headerBlk { position: relative; width: 902px; height: 217px; }
#headerBlk DIV.brd { position: absolute; width: 902px; height: 217px; background: url(/images/header/headerBlk.png) no-repeat left top; z-index: 90; }
#headerBlk DIV.txt { position: absolute; top: 60px; left: 20px; color: #fff; z-index: 100; }
#headerBlk H2, #headerBlk H3, #headerBlk H4, #headerBlk UL LI { position: relative; margin: 0; padding: 0; color: #373d20; line-height: normal !important; }
#headerBlk H2 SPAN, #headerBlk H3 SPAN, #headerBlk H4 SPAN, #headerBlk UL LI SPAN { position: absolute; top: -1px; left: -1px; color: #fff; }
#headerBlk H2 { margin-left: -2px; font-size: 28px; font-weight: normal; }
#headerBlk H2 SPAN { font-size: 28px; font-weight: normal; }
#headerBlk H3 { margin-bottom: 10px; padding-bottom: 8px; font-size: 22px; font-weight: normal; border-bottom: 1px solid #bccc8e; }
#headerBlk H4 { margin-top: 3px; font-size: 11px; font-weight: normal; }
#headerBlk UL { margin: 0; padding: 0; list-style: none; }
#headerBlk UL LI { background-image: url(/images/header/header_mark.gif); background-repeat: no-repeat; background-position: 0 4px; margin-bottom: 3px; padding-left: 12px; font-size: 11px; }
#headerBlk UL LI SPAN { left: 11px; }
#headerBlk A.lnkmore { position: absolute; top: 198px; right: 570px; color: #fff; font-size: 11px; text-decoration: none; z-index: 100; }
#headerBlk A:hover.lnkmore { text-decoration: underline; }


/* MENU */
UL#menu { margin: 0; padding: 0 0 0 4px; list-style: none; }
UL#menu LI { float: left; padding-top: 4px; }
UL#menu A { position: relative; float: left; display: block; height: 26px; background: url(/images/menu/tab_left.png) no-repeat left top; margin-left: -30px; padding: 13px 0 0 27px; color: #fff; font-size: 12px; font-weight: bold; text-decoration: none; z-index: 10; cursor: pointer; }
UL#menu SPAN { position: relative; float: left; display: block; width: 46px; height: 39px; background: url(/images/menu/tab_right.png) no-repeat right top; z-index: 20; }
UL#menu A.home { width: 98px; height: 39px; background: url(/images/menu/tab_home.png) no-repeat left top; margin: 0; padding: 0; font-size: 0; text-indent: -5000px; z-index: 20; }
UL#menu LI.active { padding-top: 0; }
UL#menu LI.active A { background: url(/images/menu/tabActive_left.png) no-repeat left top; padding: 17px 0 0 27px; color: #325894; z-index: 30; }
UL#menu LI.active SPAN { height: 43px; background: url(/images/menu/tabActive_right.png) no-repeat left top; z-index: 30; }

UL#menu UL { display: none; position: absolute; top: 165px; left: 63px; width: 752px; height: 37px; background: url(/images/menu/submenu.png) no-repeat left top; margin: 0; padding: 0 15px; list-style: none; z-index: 100; }
UL#menu UL LI { background: url(/images/menu/submenu_separator.gif) no-repeat right center; padding: 0 14px 0 12px !important; line-height: 26px; }
UL#menu UL LI#last, UL#menu UL LI#last1 { background: none; }
UL#menu UL A { float: none; display: inline; height: auto; background: none !important; margin: 0 !important; padding: 0 !important; color: #95bbcf !important; }
UL#menu UL LI.active A, UL#menu UL A:hover { color: #2c78a0 !important; }
UL#menu LI.active UL { display: block; }

UL#contentmenu { margin: 0; padding: 0 0 0 25px; list-style: none; }
UL#contentmenu LI { float: left; }
UL#contentmenu A { position: relative; float: left; display: block; height: 25px; background: url(/images/menu/contentmenu_left.png) no-repeat left top; margin-left: -25px; padding: 8px 6px 0 25px; color: #8aa03c; font-size: 11px; font-weight: bold; text-decoration: none; z-index: 10; cursor: pointer; }
UL#contentmenu SPAN { position: relative; float: left; display: block; width: 34px; height: 33px; background: url(/images/menu/contentmenu_right.png) no-repeat right top; z-index: 20; }
UL#contentmenu B.corner { position: absolute; top: 273px; left: 13px; display: block; width: 11px; height: 11px; font-size: 0; z-index: 40; }
UL#contentmenu LI.active A { background: url(/images/menu/contentmenuActive_left.png) no-repeat left top; color: #2c78a0; z-index: 30; }
UL#contentmenu LI.active SPAN { background: url(/images/menu/contentmenuActive_right.png) no-repeat left top; z-index: 30; }
UL#contentmenu LI.active B.corner { background-color: #fff; border-left: 1px solid #c2c2c2; }


/* BLOCKS */
UL.list { margin: 15px 0; padding: 0; list-style: none; }
UL.list LI { background: url(/images/mark_list.gif) no-repeat left 6px; margin-bottom: 10px; padding: 0 0 10px 15px; color: #000; border-bottom: 1px dotted #000; }
UL.list LI.last { border: none; margin-bottom: 0;  }

#button { position: relative; width: 370px; height: 370px; background: url(/images/button/layer_1.png) no-repeat left top; margin-top: 20px; }
#button BR { position: absolute; left: -5000px; }
#button A#section1, #button A#section2, #button A#section3, #button A#section4 { position: absolute; display: block; text-indent: -5000px; cursor: pointer; }
#button A:hover#section1, #button A:hover#section2, #button A:hover#section3, #button A:hover#section4, 
#button A.active#section1, #button A.active#section2, #button A.active#section3, #button A.active#section4 { background-position: 0 0; }
#button A#section1 { top: 0; left: 0; width: 175px; height: 264px; background-image: url(/images/button/section1.png); background-repeat: no-repeat; background-position: 0 500px; z-index: 10; }
#button A#section2 { top: 221px; left: 34px; width: 302px; height: 149px; background-image: url(/images/button/section2.png); background-repeat: no-repeat; background-position: 0 500px; z-index: 20; }
#button A#section3 { top: 0; left: 194px; width: 175px; height: 264px; background-image: url(/images/button/section3.png); background-repeat: no-repeat; background-position: 0 500px; z-index: 10; }
#button A#section4 { top: 132px; left: 131px; width: 108px; height: 108px; background-image: url(/images/button/section4.png); background-repeat: no-repeat; background-position: 0 500px; z-index: 40; }

#bookoffaces { position: relative; width: 777px; height: 790px; background: url(/images/bookoffaces.jpg) no-repeat left top; margin: 0 auto; }
#bookoffaces BR { position: absolute; left: -5000px; }
#bookoffaces A { position: absolute; display: block; width: 113px; height: 113px; text-indent: -5000px; }
.photo1 { top: 5px; left: 259px; } .photo2 { top: 7px; left: 403px; } .photo3 { top: 46px; left: 530px; }
.photo4 { top: 94px; left: 660px; } .photo5 { top: 318px; left: 654px; } .photo6 { top: 506px; left: 650px; }
.photo7 { top: 590px; left: 530px; } .photo8 { top: 627px; left: 402px; } .photo9 { top: 628px; left: 258px; }
.photo10 { top: 590px; left: 129px; } .photo11 { top: 507px; left: 5px; } .photo12 { top: 319px; left: 5px; }
.photo13 { top: 126px; left: 5px; } .photo14 { top: 45px; left: 129px; } .photo15 { top: 186px; left: 259px; }
.photo16 { top: 186px; left: 403px; } .photo17 { top: 236px; left: 530px; } .photo18 { top: 407px; left: 530px; }
.photo19 { top: 464px; left: 403px; } .photo20 { top: 464px; left: 258px; } .photo21 { top: 408px; left: 129px; }
.photo22 { top: 236px; left: 129px; }

.contentBlkT { position: relative; top: -1px; height: 11px; background: url(/images/layout/content_brdtop.gif) no-repeat left top; font-size: 0; line-height: 0; clear: both; }
.contentBlk { position: relative; top: -1px; width: 870px; background-color: #fff; padding: 15px 10px 15px 20px; border-width: 0 1px; border-style: solid; border-color: #c2c2c2; }
.contentBlkB { position: relative; top: -1px; height: 11px; background: url(/images/layout/content_brdbot.gif) no-repeat left top; font-size: 0; line-height: 0; }


/* FOOTER */
P#footer { position: relative; top: -3px; background: url(/images/layout/footer.gif) no-repeat left top; height: 40px; margin: 0; padding: 26px 64px 0 0; text-align: right; clear: both; }
P#footer A { margin: 0 5px; color: #fff; font-size: 11px; text-decoration: none; }
P#footer A:hover { text-decoration: underline; }
P#footer A.home { position: absolute; top: -14px; right: 4px; display: block; width: 35px; height: 56px; background: url(/images/ico_globe.gif) no-repeat left bottom; color: #0b5577; font-size: 11px; text-transform: lowercase; text-align: center; text-decoration: none; }
P#footer A:hover.home { text-decoration: none; }


/* OTHER */
.aLeft { text-align: left !important; }
.aCenter { text-align: center !important; }
.aRight { text-align: right !important; }

.fleft { float: left; }
.fright { float: right; }
.nofloat { clear: both; height: 0; font-size: 0; line-height: 0; }

/* POPUPS - JAAP */
#pup {
	position: absolute;
	visibility: hidden;
	z-index: 200;
	width: 260px;
}
.banner {display:block; position:absolute;  margin-left:-17px;}
.b1 {top:0;}
.b2 {top:84px;}
.bannersset {padding-bottom:5px; height:175px; position:relative;}