body, div, form, p, br, table, td, ul, ol, li
{
	margin: 0;
	padding: 0;
	font-family: "Times New Roman", "Arial", serif;
}

body
{
	background: #E1E3EF url(./img/bottle.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	font-family: Times, TimesNR, Arial, serif;
}

p
{
	padding-bottom: 10px;
}

H1
{
	font: bold large Verdana, Tahoma, Arial, serif;
	background: #E1E3EF url(../img/fleche4.gif);
	background-repeat: no-repeat;
	background-position: left;
}
H2
{
	font: bold italic medium Verdana, Tahoma, Arial, serif
}
H3
{
	font: bold small Verdana, Tahoma, Arial, serif
}
H4
{
	font: bold x-small Verdana, Tahoma, Arial, serif
}

#button a
{
	table_buttons.inc
	padding-left: 5px;
	padding-right: 5px;
	border: 1px outset #9F8F97;	
    color: black;
    background-color: #ccc;
    text-decoration: none;
}

#button a:active
{
	border: 1px inset #9F8F97;
	border-width: 2px;
    background-color: #777;
}

#button a:hover
{
	border: 1px inset #9F8F97;
    background-color: #ddd;
}

table.button
{

	vertical-align: top;
    width: 100%;
}

table.button TD
{
	vertical-align: top;
	text-align: center;
}

table.show
{
	background-color: #99a;
	vertical-align: top;
    width: 100%;
}

table.show TD
{
	vertical-align: top;
	text-align: left;
}

table.show TR
{
	vertical-align: top;
	text-align: center
}

table.show TH
{	
	padding-left: 5px;
	vertical-align: top;
	text-align: left
}

#sub
{
	padding-left: 15px;	
}

table.list
{
	background-color: #abd;
	vertical-align: top;
    width: 100%
}

table.list TD
{
	padding-left: 5px;
	vertical-align: top;
	text-align: left
}

table.list TR
{
	vertical-align: top;
	text-align: center
}

table.list TH
{
	padding-left: 5px;
	vertical-align: top;
	text-align: left
}

table.bookchart
{
	background-color: #776677;
	vertical-align: top;
    width: 100%
}

table.bookchart TD
{
	padding-left: 5px;
	vertical-align: bottom;
	text-align: left
}

table.bookchart TR
{
	vertical-align: top;
	text-align: center
}

table.bookchart TH
{
	padding-left: 5px;
	vertical-align: top;
	text-align: left
}


table.bookloan
{
	border-top: double 1px #7B6871;
	border-left: double 1px #7B6871;
	background-color: #7B6871;
	vertical-align: top;
    width: 100%;
	font-family: Times, TimesNR, Arial, serif
}

table.bookloan TD
{
	border-top: double 1px #7B6871;
	border-right: double 1px #7B6871;
	padding-left: 5px;
	vertical-align: top;
	text-align: left
}

table.bookloan TR
{
	vertical-align: top;
	text-align: center
}

table.bookloan TH
{
	border-right: double 1px #7B6871;
	padding-left: 5px;
	vertical-align: top;
	text-align: left
}


table.bottom_center
{
	width: 100%;
	padding-left: 200px;
	vertical-align: bottom;
	text-align: center
}

table.bottom_center TD
{
	padding-left: 200px;
	vertical-align: bottom;
	text-align: center
}


table.showlinks
{
	border: 2px solid #F4F0F0;
	vertical-align: bottom;
	width: 100%;
	font-family: Times, TimesNR, Arial, serif
}

table.showlinks TH
{
	text-align: left;
	vertical-align: top
}

table.showlinks TD
{
	border-top: 2px solid #F4F0F0;
	vertical-align: top
}

table.showlinks TR
{
	vertical-align: top
}

A:link.no_underline
{
    color: black;
    text-decoration: none
}
A:visited.no_underline
{
    color: black;
    text-decoration: none
}
A:active.no_underline
{
    color: #800080;
    text-decoration: none
}
A:hover.no_underline
{
    color: blue;
    text-decoration: none
}

#nav_left ul
{
	margin-left: 10px;
}

#nav_left ul li
{
	display: inline;
    list-style: none;
}

#nav_left ul li a
{
	border: 1px outset #9F8F97;
	width: 150px;
	display: block;
    color: black;
    background-color: #99a;
    text-decoration: none
}

#nav_left ul li a:hover
{
    border: 1px inset #9F8F97;
    background-color: #777;
}

#nav_left ul li a.here
{
	border: 1px inset #7B6871;
	font-weight: bold;
    background-color: #abd;
}

#nav_left ul li li ul li, #nav_left ul li li ul li a, #nav_left ul li.here ul li a
{
	padding-left: 10px;
	width: 130px;
    color: black;
    background-color: #abd;
    text-decoration: none;
    list-style: none;
}
#nav_left ul li ul li
{	
	
}
#nav_left ul li ul li.hereSub a, #nav_left ul li ul li.hereSub
{	
	font-weight: bold;
    background-color: #abd;
}

#bottom
{	

	background: #E1E3EF url(../img/fleche4.gif);
	background-repeat: no-repeat;
	background-position: bottom-right;
}

#bottom table tr td
{	
	text-align: center;
}


a
{
    color: #128;
    text-decoration: underline
}
a:hover
{
    color: #D4D0C8;
    text-decoration: none
}

.filled
{
	color: #8F2C2C;
	text-decoration: underline;
}

a:hover.filled
{
	color: #D4D0C8;
	text-decoration: no-underline;
}