body {
	margin: 0; 
	padding: 0;
	text-align: center;
	margin-bottom: 20px;
}
a {
	text-decoration: none;
	color: #000000;
	font: 13px 'verdana', 'tahoma', 'ms sans serif', 'ms serif';	
}
h1,
h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
}
p {
	text-indent: 2em;
}
#top {
	height: 100px;
	width: 790px;
	position: relative;
	background: url(../img/top_bg.gif) repeat-x;
	border-bottom: 2px solid #F8FAFA;
	margin: 0 auto;
}
#top #left {
	width: 590px;
	float: left;
}
#top #left h1 {
	position: absolute;
	top: 26px;
	left: 20px;
	margin: 0;
	padding: 0;	
}
#top #left a {
	display: block;
	width: 286px;
	height: 41px;
	background: url(../img/logo_header.gif) no-repeat;
	text-indent: -9999px;
	text-decoration: none;
}
#vol {
	width: 118px;
	margin-left: 430px;
	padding-top: 33px;
	text-align: right;
    color: black;
    font: bold 14px 'verdana', 'tahoma', 'ms sans serif', 'ms serif';
}
#vol div {
    font: 13px 'verdana', 'tahoma', 'ms sans serif', 'ms serif';
}
#logo {
	width: 162px;
	height: 100%;
	background: url(../img/logo.gif) no-repeat 0% 25px;
	float: left;
}
#logo a {
	display: block;	
	height: 100%;
}
#right {
	height: 100%;
	width: 30px;
	float: right;
	background: url(../img/top_corner_bg.gif) no-repeat;
}
#menu {
	width: 770px;
	margin: 0 auto;
	margin-top: 6px;
	padding-left: 20px;
	text-align: left;
	font: 13px 'verdana', 'tahoma', 'ms sans serif', 'ms serif';	
	background-image: url(../img/menu_bg.gif);
	border-top: 2px solid #F8FAFA;
	border-bottom: 2px solid #F8FAFA;
}
#menu_f_bg {
	background: url(../img/list_bg.gif) no-repeat 300px 0;
}
#menu ul {
	margin: 0;
	padding: 0;	
	white-space: nowrap;
	/* this i just so that it doesn't scroll all the way right
	in good browsers, you can drop this line
	*/
	width: 770px;
	height: 22px;	
	background: url(../img/menu_corner_bg.gif) no-repeat 100% -1px;			
}
#menu ul li {
	list-style-type: none;
	display: inline;
	white-space: nowrap;
}
#menu ul li a span {
	padding-right: 14px;
	background: url(../img/link_bg.gif) no-repeat 100% 50%;
}
#menu ul li a {	
	display: block;
	float: left;
	color: #000000;
	text-decoration: none;
	padding: 3px 0;
	padding-left: 25px;
	background: url(../img/list_bg.gif) no-repeat;
}
#menu ul li a {
	\width: 155px; 
	w\idth: 10em;
}
#menu ul li a:hover,
#menu ul li a:active {	
	color: #707070;
}
#content {
	width: 790px;
	position: relative;
	margin: 0 auto;
	font: 13px Georgia, "Times New Roman", Times, serif;
	line-height: 20px;
	text-align: justify;	
}
#content #inner {
	padding: 10px 20px;
}
#content #inner div a {
	display: block;
	padding: 5px 0;
	width: expression("100%"); /*only IE neeeds it */
}
#content #inner a:hover,
#content #inner a:active {
	text-decoration: underline;
}
#content #inner a.gr {
	background-color: #F8FAFA;
}
#content #inner a.pdf {	
	position: absolute;
	width: 16px;
	left: 773px;
}
#footer {
	width: 790px;
	margin: 0 auto;	
	font: 13px 'verdana', 'tahoma', 'ms sans serif', 'ms serif';
	text-align: left;
	background-image: url(../img/menu_bg.gif);
	border-top: 2px solid #F8FAFA;	
	padding: 10px 0;
	position: relative;	
}
#footer #modif {
	padding-left: 20px;
}
#footer #copy {
	position: absolute;
	top: 10px;
	right: 20px;
}
#service_top {
	position: absolute;
	top: -22px;
	right: 20px;
}
#service_bottom {
	margin-bottom: 20px;
	margin-right: 20px;
	text-align: right;
}
#service_top a,
#service_bottom a {
	padding: 3px 0;
	padding-right: 25px;
}
#service_top a:hover,
#service_bottom a:hover,
#service_top a:active,
#service_bottom a:active {
	color: #707070;
}
#service_bottom a.gotop {
	margin-right: 10px;
	background: url(../img/gotop_ico.gif) no-repeat 100% 50%;
}
#service_top a.print,
#service_bottom a.print {
	background: url(../img/print_ico.gif) no-repeat 100% 50%;
}
.br {
	line-height:0;
}
	border: 1px solid black;

