html {
	margin: 0;
	padding: 0;
	height: 100%;
	
}

body {
	padding: 0;
	margin: 0;
	font-size: 70%;
	line-height: 140%;
	color: #000;
	background: #fff;
	font-family: "verdana", serif;
	text-align:center;
	
	
	height: 100%;
}


 #outer {
	 text-align:left;
	 border: 0px solid;
	 padding: 0;
	 
	 
	 
	 width: 100%;
	 height: 450px;
	 
	 
	 position:relative;
	 top:48%;
	 margin-top: -215px;

	 background: #4a4492;
 }
 
 
 
#top{
	
	height: 56px;
	border: 0;
	margin: 0;
	padding: 0;
	

	background: #fff url(/img/logo_network.gif);
	background-repeat: no-repeat;
	background-position: 153px 0px;

}



#mainnav{

	 float: left;
	 width: 140px;
	 
	 padding: 0;
	 margin: 0;
	 font-size: 110%; 
	 background: #4a4492;
	 
	 height: 395px;
	 
	 
	 border-style: solid;
	 border-color: #fff;
	 border-width: 0 10px 0 0;
	 
}

#subnav{

		 

	 float: left;
	 width: 167px;
	 
	 padding: 0;
	 margin: 0;
	
	 background: #7b7999;
	 
	 height: 395px;

	 
	 border-style: solid;
	 border-color: #fff;
	 border-width: 0 10px 0 0;

}



 #content{
		
	padding: 0;
	margin: 0;
	color: #373535;
	text-align: left;
	
	height: 395px;
	background: #ded5e7;
	
	float: left;
	width: 550px;
	
	border-style: solid;
	 border-color: #fff;
	 border-width: 0 10px 0 0;
	
}


#extra-content{
		
	padding: 15px 0 15px 0;
	margin: 0;
	color: #373535;
	text-align: left;
	
	height: 344px;
	
	
	background: transparent url(/img/tulpen-front.jpg);
	background-repeat: no-repeat;
	background-position: 5px 190px;
	
	
	float: left;
	width: 180px;
	
	
	
}





#content img{
	float: left;
}


#content-text{
	padding: 10px 8px 10px 0;
	margin: 0;
	height: 354px;
	margin-bottom: -17px;

	
	

}


#content-text2{
	padding: 0 10px 0 16px;
	height: 375px;	
	overflow: auto;
	
}