/* CSS Document */

body {
	font-family: Verdana, Geneva, sans-serif;
	font-size:12px;
	margin:800;
	padding:0;
	background-color: #000;
}

a:link {
	color: #FF0;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #fff;
}
a:hover {
	text-decoration: underline;
	color: #fff;
}
a:active {
	text-decoration: none;
	color: #fff;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
}

#top_wrapper {
	width:800px;
	height:30%;
	margin-bottom:0px;
	padding-top:3px;
	margin-right: auto;
	margin-left: auto;
}

#logo {
width:auto;
height:auto;
line-height:20px;
}

h1 {
	color:#7ca939;
	font-size:26px;
	margin:0;
	padding:0;
	font-family:Verdana, Geneva, sans-serif;
}
<H2 localizable="true"><DIV><BR class="khtml-block-placeholder"></DIV>
		  <a href="about.php">About us</a>
		  <DIV><a href="admin@pokrovacamp.ca">Contact us</a></DIV>
		  <DIV>We are thankful</DIV><DIV><BR class="khtml-block-placeholder"></DIV><DIV><a href="Archbishop Yurij.html">Visit of His Eminence</a></DIV><DIV><a href="Archbishop Yurij.html">Archbishop Yurij</a></DIV>
		  <DIV><BR class="khtml-block-placeholder"></DIV><DIV>Hosted by: &nbsp;</DIV><DIV><a href="http://www.quebec-ukraine.com/">www.quebec-ukraine.com</a></DIV>
		</H2>
.logo1 {
color:#dbdbdb;
}

.logo2 {
font-size:18px;
color:#d0d0d0;
font-family: "trebuchet MS";
}

ul#nav
{
	float: left;
	clear: both;
	display: block;
	margin: 2px 0 8px 12px;
	padding: 0;
	font-size: .9em;
	list-style: none;
}
ul#nav li
{
	padding: 0; 
	float: left;
	display: block;
	list-style: none;
}
ul#nav li a, ul#nav li a:visited
{
	text-decoration: none;
	color:#888;
	padding-bottom:1px;
}
ul#nav li a:hover, ul#nav li a:active
{
	color: #333;
	text-decoration: none;
}
ul#nav .index { width:60px; margin-left: 5px;}

ul#nav .previous { white-space: pre; width: 11px; height: 15px;}
ul#nav .previous a { background: url("../img/previous.gif") no-repeat left center; padding:0 4px 1px 4px;}
ul#nav .previous a:hover { background: url("../img/previous_active.gif") no-repeat left center; padding:0 4px 1px 4px;}
ul#nav .previous_text {display: none;}

ul#nav .pageNumber { padding:0 2px 0 7px; }
ul#nav .pagnation { padding: 0 2px 0 7px; }

ul#nav .next { white-space: pre; width: 15px; height: 15px;}
ul#nav .next a { background: url("../img/next.gif") no-repeat left center;  padding:0 4px 1px 4px;}
ul#nav .next a:hover { background: url("../img/next_active.gif") no-repeat left center;  padding:0 4px 1px 4px;}
ul#nav .next_text {display: none;}

/*-------------------------CONTENT--------------------------*/

#top_bg {
	width:804px;
	height:7px;
	background-image:url(top_bg.jpg);
	background-repeat:no-repeat;
	margin:0 auto;
	padding:0;
}

#bottom_bg {
width:804px;
height:7px;
background-image:url(bottom_bg.jpg);
background-repeat:no-repeat;
margin:0 auto;
padding:0;
}

#content_wrapper {
	padding-left:7px;
	padding-right:7px;
	width:786px;
	height:800px;
	border-left:2px #4e4e4e solid;
	border-right:2px #4e4e4e solid;
	background-color:#292929;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

/*----------------------------MENU--------------------------*/

#foxmenucontainer{
	width:600px;
	height:30px;
	display:block;
	color: red;
	background-color: #292929;
}

#foxmenu{
	position:static;
	display:block;
	height:75px;
	font-size:12px;
	font-family:Verdana,Helvitica,sans-serif;
	font-weight:bold;
	background-color:#535353;
	overflow: visible;
	top: 6px;
}

#foxmenu ul{ height:5px;margin:0;padding:0;list-style-type:none;width:auto;}

#foxmenu ul li{
	width: inherit;
	height:104px;
	display:block;
	float:left;
	margin:0 0px 0 0;
	border-right:1px solid #292929;
}

#foxmenu ul li a{display:block;float:left;color:red;text-decoration:none;
padding:40px 10px 0 10px;height:60px; width: auto; text-align:center;}

#foxmenu ul li a:hover{
	width: auto;
	height:60px;
	border-bottom:4px #7ca939 solid;
}

/*---------------BANNER--------------------*/

#banner {
	width:786px;
	height:190px;
	background-image:url(banner.jpg);
	background-repeat:no-repeat;
	margin-top:0px;
	background-color: #999;
}

.bstyle {
	font-size:22px;
	color:#FF5048;
	font-family:"trebuchet MS";
	padding-left:480px;
	padding-top:60px;
}

#welcome {
	width:786px;
	height:auto;
	border-bottom:1px solid #434343;
	padding-bottom:20px;
	color: #FFF;
}

h2 {
font-size:24px;
color:#89bd3c;
margin:0;
padding:0;
margin-bottom:15px;
padding-top:20px;
font-weight:normal;
}

#foto {
width:166px;
height:87px;
background-image:url(foto.jpg);
background-repeat:no-repeat;
margin-left:5px;
float:left;
margin-right:15px;
}

#services {
width:786px;
height:auto;
}

#company {
width:375px;
height:auto;
float:left;
padding-left:5px;
padding-bottom:20px;
margin-right:15px;
}

#read_more {
width:370px;
height:auto;
text-align:right;
font-weight:bold;
padding-right:10px;

}

#read_more a{
color:#FFFFFF;
text-decoration:none;
}

#read_more a:hover{
text-decoration: underline;
}

#oservices {
width:375px;
height:auto;
float:left;
padding-left:5px;
padding-bottom:20px;
}

#footer_wrapper {
	width:786px;
	height:auto;
	margin:0 auto;
	text-align:center;
	padding-top:20px;
	color: #FFE11E;
}#content_wrapper #services #company p {
	color: #CCC;
	text-align: left;
}
#content_wrapper #welcome table tr th p strong {
	font-size: 14px;
}
#content_wrapper #services #oservices p {
	color: #FF5048;
}
#content_wrapper #services #oservices p {
	color: #CCC;
}