/* CSS Document */

body {
	background-color:#ffc600;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
}

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

.style1 {
	color: #0088cf;
	font-weight: bold;
	font-size:large;
}

.style2{
	font-weight:bold;
	color:#0088cf;
}

#pagecontainer{
	width:800px;
	margin-left:-400px;
	position:absolute;
	top:0px;
	left:50%;
	float:left;
}

	#topcontainer{
		width:800px;
		height:246px;
		float:left;
	}
	
		#headertop{
			width:800px;
			height:179px;
			background-image:url(imgnew/headertop.png);
			background-repeat:no-repeat;
			float:left;
		}
		#headermidleft{
			width:389px;
			height:50px;
			background-image:url(imgnew/headermidleft.png);
			background-repeat:no-repeat;
			float:left;
		}
		
		#buttonzone{
			width:305px;
			height:50px;
			background-image:url(imgnew/buttonzone.png);
			background-repeat:no-repeat;
			float:left;
		}
		
			.lienblog {
				display:block;
				width:63px;
				height:50px;
			}
			#buttonblog{
				float:left;
				width:63px;
				margin-left:0px;
				margin-right:0px;
				height:50px;
			}
			
			#buttonblog:HOVER{
			background-image:url(imgnew/buttonblogyellow.png);
			}
			
			.liencollec {
				display:block;
				width:60px;
				height:50px;
			}
			#buttoncollec{
				float:left;
				width:60px;
				margin-left:0px;
				margin-right:0px;
				height:50px;
			}
			
			#buttoncollec:HOVER{
			background-image:url(imgnew/buttoncollecyellow.png);
			}
			
			.lienarticles {
				display:block;
				width:60px;
				height:50px;
			}
			#buttonarticles{
				float:left;
				width:60px;
				margin-left:0px;
				margin-right:0px;
				height:50px;
			}
			
			#buttonarticles:HOVER{
			background-image:url(imgnew/buttonarticlesyellow.png);
			}
			
			.lienpro {
				display:block;
				width:59px;
				height:50px;
			}
			#buttonpro{
				float:left;
				width:59px;
				margin-left:0px;
				margin-right:0px;
				height:50px;
			}
			
			#buttonpro:HOVER{
			background-image:url(imgnew/buttonproyellow.png);
			}
			
			.lienabout {
				display:block;
				width:63px;
				height:50px;
			}
			#buttonabout{
				float:left;
				width:63px;
				margin-left:0px;
				margin-right:0px;
				height:50px;
			}
			
			#buttonabout:HOVER{
			background-image:url(imgnew/buttonaboutyellow.png);
			}
			
		#headermidright{
			width:106px;
			height:50px;
			background-image:url(imgnew/headermidright.png);
			background-repeat:no-repeat;
			float:left;
		}
		
		#headerbottom{
			width:800px;
			height:17px;
			background-image:url(imgnew/headerbottom.png);
			background-repeat:no-repeat;
			float:left;
		}
		
	#bodycontainer{
		width:800px;
		height:auto;
		float:left;
	}
	
		#menu{
			width:180px;
			height:auto;
			float:left;
		}
		
			#menutop{
				width:180px;
				height:44px;
				background-image:url(imgnew/menutop.png);
				background-repeat:no-repeat;
				float:left;
			}
			
			#menubody{
				width:180px;
				
				background-image:url(imgnew/menuback.png);
				background-repeat:repeat-y;
				float:left;
				padding-left:5px;
				padding-right:5px;
			}
			
				#menuhdrblog{
					width:170px;
					height:125px;
					background-image:url(imgnew/menuhdrblog.png);
					float:left;
				}
				
				#menuhdrarticles{
					width:170px;
					height:125px;
					background-image:url(imgnew/menuhdrarticles.png);
					float:left;
				}
				
				#menuhdrcollec{
					width:170px;
					height:125px;;
					background-image:url(imgnew/menuhdrcollec.png);
					float:left;
				}
				
				#menuhdrpro{
					width:170px;
					height:125px;
					background-image:url(imgnew/menuhdrpro.png);
					float:left;
				}
				
				#menuhdrabout{
					width:170px;
					height:125px;
					background-image:url(imgnew/menuhdrabout.png);
					float:left;
				}
			
			#menubottom{
				width:180px;
				height:94px;
				background-image:url(imgnew/menubottom.png);
				background-repeat:no-repeat;
				float:left;
			}
		
		#textcontainer{
			width:600px;
			min-height:400px;
			margin-left:20px;
			float:left;
		}
		
			#textbodycontainer{
				width:600px;
				min-height:360px;
				background-image:url(imgnew/bodybackyellow.png);
				background-repeat:repeat-y;
				float:left;
				position:relative;
			}
			
			#textheader{
				width:590px;
				height:30px;
				position:relative;
				left:5px;
				top:5px;
				margin-bottom:0px;
				z-index:2;
				float:left;
				text-align:right;
				color:#0088cf;
				font-size:14px;
			}
			
			#textbody{
				width:590px;
				min-height:360px;
				position:relative;
				left:5px;
				top:5px;
				margin-bottom:15px;
				z-index:2;
				float:left;
				text-align:justify;
			}
			
			#soyouz{
				width:118px;
				height:126px;
				position:absolute;
				bottom:0px;
				left:0px;
				z-index:1;
				background-image:url(imgnew/soyouzyellow.png);
			}
			
			#textfooter{
				width:600px;
				height:102px;
				background-image:url(imgnew/footer.png);
				float:left;
			}
			
#separator{
	width:249px;
	height:20px;
	background-image:url(imgnew/separator.png);
	margin-left:175px;
	margin-right:auto;
	float:left;
}