*{
	padding: 0;
	margin: 0;
}

img{
	border: none;
}

.b{
	padding-top: 3px;
	padding-bottom: 3px;
}

.lb a{
	padding-bottom: 2px;
}

.cal{
	width: 178px;
	background-color: #ffffff;
	padding-top: 3px;
}

.roll1 a{
	display: block;
	width: 172px;
	height: 20px;
	background-image: url(images/l1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.roll1 a:hover{
	background-position: left bottom;
	
}

.roll2 a{
	display: block;
	width: 172px;
	height: 20px;
	background-image: url(images/r1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.roll2 a:hover{
	background-position: left bottom;
	
}

.roll3 a{
	display: block;
	width: 172px;
	height: 20px;
	background-image: url(images/r2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.roll3 a:hover{
	background-position: left bottom;
	
}

.roll4 a{
	display: block;
	width: 172px;
	height: 20px;
	background-image: url(images/r3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.roll4 a:hover{
	background-position: left bottom;
	
}

.roll5 a{
	display: block;
	width: 172px;
	height: 20px;
	background-image: url(images/r4.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.roll5 a:hover{
	background-position: left bottom;
	
}

.roll6 a{
	display: block;
	width: 172px;
	height: 20px;
	background-image: url(images/r5.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.roll6 a:hover{
	background-position: left bottom;
	
}

.roll7 a{
	display: block;
	width: 172px;
	height: 20px;
	background-image: url(images/r6.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.roll7 a:hover{
	background-position: left bottom;
	
}

.roll8 a{
	display: block;
	width: 172px;
	height: 20px;
	background-image: url(images/r7.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.roll8 a:hover{
	background-position: left bottom;
	
}

.roll9 a{
	display: block;
	width: 172px;
	height: 20px;
	background-image: url(images/r8.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.roll9 a:hover{
	background-position: left bottom;
	
}

.mail a{
	display: block;
	width: 180px;
	height: 28px;
	background-image: url(images/mail.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.mail a:hover{
	background-position: left bottom;
	
}

.access a{
	display: block;
	width: 180px;
	height: 28px;
	background-image: url(images/access.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.access a:hover{
	background-position: left bottom;
	
}

body{
	background-image: url(images/wrapper.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}

#main{
	width: 820px;
	background-color: #99cc66;
}

#header{
	width: 100%;
	background-color: #ffffff;

}

#left{
	float: left;
	width: 200px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	text-align: center;
}

#center{
	float: left;
	width: 400px;
	text-align: center;
}

#right{
	float: right;
	width: 200px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	text-align: center;
}

#footer{
	clear: both;
	width: 100%;
	padding-top: 1em;
	padding-bottom: 1em;
	font-size: 12px;
	line-height: 1.3em;
	background-color: #003300;
	color: #ffffff;	
	text-align: left;
}