#wrapper{
	width: 720px;  
	margin: 0 auto;
	border: 2px solid black;  
	border-top:1px solid black;
	background: #fdfdfd;
	
}  
#branding{
	width:720px;
	height:230px;
	background: url(http://img100.imageshack.us/img100/4454/bggof3.jpg) no-repeat #fdfdfd;

	border: 1px solid black;
	border-left:none;
	border-right:none;
	
} 

#menu{
	width: 720px;
	height: 60px;
	background: url(http://img100.imageshack.us/img100/1502/bgg1so9.jpg) no-repeat scroll right bottom #fdfdfd;
	/*border-bottom: 1px solid black;*/	
	border-top: 1px solid black;
	
	margin-top: 170px;
}
#menu p{
       text-align: center;
}
#menu a{
	font-family: "Times New Roman",serif;
	font-size: large;
	text-decoration:none;
	color: black;
	text-align: center;
	margin: 5px;	
}
#menu a:hover{
	font-family: "Times New Roman",serif;
	font-size: large;
	text-decoration:none;
	color: black;
	text-align: center;
	text-transform:uppercase;
	margin: 5px;	
	
}
#w4f{
	background: url(http://img220.imageshack.us/img220/6250/w4fbj6.gif) no-repeat scroll left top;
	margin-top: -140px;
	margin-left: 580px;
	width: 145px;
	height: 74px;
	position: relative;
}
#content{
        border-top: 1px solid black;
        text-indent: 2em;
        font-size: x-small;
        font-family: Verdana,Arial,Helvetica,sans-serif;
	background: #fdfdfd;
	width:720px;
        	
}
#content img{
margin:1em;
}
#content ul{
margin-right:2em;
}
#content a{
            text-decoration:none;
}
#content p{
	margin: 2em 2em 2em 2em;
}
p{
margin:1em 1em 1em 1em;
}
pre{
border: 1px dotted grey;
 margin:2em 2em 2em 2em;
 padding: 2em 2em 2em 2em;
 
}
#footer{
	border-top: 1px solid black;
	font-size: x-small;
	text-align:center;
	height: 30px;
}

#branding, #footer {  
	clear: both;  
}  
#banner{
       width: 720px;  
       margin:0 auto;
       padding: 1em;
}
p.ramka1{
 border: 1px dotted grey;
 margin:1em 1em 1em 1em;
 padding: 1em 1em 1em 1em;
}
p.ramka2{
 border: 1px dotted grey;
 margin:1em 1em 1em 1em;
 padding: 1em 1em 1em 1em;
 color:grey;
}