@charset "UTF-8";
/* CSS Document */

/* begin top menu css*/

a.topmenu1{
	display:block;
	float:right;
	width:70px;
	height:28px;
	background: url(../images/topmenu/topmenu_3.gif);
}

a.topmenu1:hover, a.topmenu1:active{
	background: url(../images/topmenu/topmenu_roll3.gif);
}

a.topmenu2{
	display:block;
	float:right;
	width:89px;
	height:28px;
	background: url(../images/topmenu/topmenu_2.gif);
}

a.topmenu2:hover, a.topmenu2:active{
	background: url(../images/topmenu/topmenu_roll2.gif);
}

a.topmenu3{
	display:block;
	float:right;
	width:91px;
	height:28px;
	background: url(../images/topmenu/topmenu_1.gif);
}

a.topmenu3:hover, a.topmenu3:active{
	background: url(../images/topmenu/topmenu_roll1.gif);
}

a.topmenu4{
	display:block;
	float:right;
	width:73px;
	height:28px;
	background: url(../images/topmenu/topmenu_4.gif);
}

a.topmenu4:hover, a.topmenu4:active{
	background: url(../images/topmenu/topmenu_roll4.gif);
}


#linkbox{
	margin: 0 auto;
	float: right;
	height: 28px;
	width: 323px;
	background: url(../images/topmenu/topmenu_background.gif);

}

<div class='linkbox'>
<a class="l1" href="#">Link 1</a>
<a class="l2" href="#">Link 2</a>
<a class="l3" href="#">Link 3</a>
<a class="l4" href="#">Link 4</a>


#topmenumain {
	margin: 0 auto;
	float: right;
	height: 28px;
	width: 250px;
}

#topmenu1 {
	position: relative;
	height: 28px;
	width: 91px;	
}

#topmenu2 {
	position: relative;
	height: 28px;
	width: 89px;
}

#topmenu3 {
	position: relative;
	height: 28px;
	width: 70px;
}

#topmenu4 {
	position: relative;
	height: 28px;
	width: 70px;
}
/* end top menu css*/

.topcontainter {
	width: 775px;
	background: #FFFFFF;
	text-align: right;
	margin: 0 auto;
	border-right: 5px solid #FFFFFF;
	border-bottom: 5px solid #FFFFFF;
	border-left: 5px solid #FFFFFF;
	height: 30px;
}

.navdiv1 a {
	color:#101010;
	text-decoration:none;
	font: bold 1.05em/1.2em Verdana, Arial, Helvetica, sans-serif;
	display: block;
} 

.navdiv1 a:hover{
	color: #09C;
}

.navdiv1 a:focus{
	color: #09C;
	font-weight: bold;
}

.navdiv2 a {
	color:#101010;
	text-decoration:none;
	font: bold 1.05em/1.2em Verdana, Arial, Helvetica, sans-serif;
	display: block;
} 

.navdiv2 a:hover{
	color: #09C;
}

.navdiv2 a:focus{
	color: #09C;
	font-weight: bold;
}

.navdiv3 a {
	color:#101010;
	text-decoration:none;
	font: bold 1.05em/1.2em Verdana, Arial, Helvetica, sans-serif;
	display: block;
} 

.navdiv3 a:hover{
	color: #09C;
}

.navdiv3 a:focus{
	color: #09C;
	font-weight: bold;
}

.navdiv1{
	width: 250px;
	float: right;
	margin-top: 2px;
	margin-right: 0px;
	display: block;
}
.navdiv1_old{
	width: 130px;
	float: right;
	margin-top: 2px;
	margin-right: 10px;
}

.navdiv2{
	width: 120px;
	float: right;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	clear: none;
	margin-top: 2px;
	display: block;
}
.navdiv3{
	width: 120px;
	float: right;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	clear: none;
	margin-top: 2px;
	display: block;
}

div.logo{
	margin: 4px 0px 0px;
	padding: 0px 0px 0px 30px;
	height: 80px;
	width: 250px;
	border-style: none;
}

div.logo a, hover, visited, active {
	border-style: none;
}


#footer {
	background: #999999 center;
	margin: 0 auto;
	width: 785px;
	position: relative;
	clear: both;
	text-align: center;
	height: 100px;
	top: 0px;
	padding-top: 15px;
	font-size: 10px;
	line-height: 12px;
}

#footer a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 1.1em;
}


#footer a:hover, a:focus {
	color: #09C;
	text-decoration: none;
}

#footer p {
	font-size: 0.7em;
	color: #333333;
	text-decoration: none;
	line-height: 1.1em;
}
img {
	border:0px;
	text-align: center;
}