html {
 voice-family: young female;
}

h1,h2,h3,h4, div.menu {  font-family: Helvetica, Arial, sans-serif; }
h2 { font-size: 175%; }

h3 { font-size: 125%; }

/*----- Top bar -----*/

body{
  background: url(/background_fonant.png) fixed top left no-repeat;
  font-family: Georgia, Times, 'Times Roman', 'Times New Roman', serif;
  font-size: 94%;
  color: #333333;
}

div.top_bar {
  top: 0;
  padding-top: 2px;
  padding-bottom: 0;
  padding-left: 0.9em;
  background: #B4CEEC url(/topbar_fonant.png) repeat-x bottom;
  height: 60px;
  width: 100%;
  vertical-align: bottom;
}

div.top_right_image {
  position: absolute;
  background-image: url(/topright_fonant.png);
  width: 120px;
  height: 120px;
  top: 2px;
  right: 10px;
}

/*----- Left menu -----*/
div.menu {
  top: 70px;
  left: 0;
  margin: 0.25em;
  margin-top: 0px;
}

div.menu ul li a,
div.menu ul li a:link,
div.menu ul li a:visited,
div.menu ul li a:active
{
  padding: 0.2em;
  width: 8em;
  color: #ffffff;
  background: #5167CB url(/images/button_up_fonant.png) repeat-x center;
  border: 1px solid #e1f0cc;
}

div.menu ul li a:hover,
div.menu ul li a.current,
div.menu ul li a.current:link,
div.menu ul li a.current:visited,
div.menu ul li a.current:active
{
  color: #000000;
  background: #ADC8EA url(/images/button_down_fonant.png) repeat-x top;
  border: 1px solid #5167CB;
}

/*----- Main body -----*/

div.body {
  margin-left: 10em;
  padding-left: 1em;
  margin-right: 1.5em;
}

/*----- Bottom -----*/
div.bottom {
  color: #8AA9D1;
}

/*----- table -----*/

table.lined {
  border-collapse: collapse;
}

table.lined th {
  border: 1px solid #5167CB;
  background: #ADC8EA url(/images/button_down_fonant.png) repeat-x top;
  padding: 0.5em;
}

table.lined td {
  border: 1px solid #5167CB;
  background: #f6f6ff;
  padding: 0.5em;
}

/*----- form table -----*/

form table {
  border-collapse: collapse;
}

form table td {
  background: #ADC8EA;
  padding: 0.5em;
}

form table input.text,
form table textarea
{
  font-family: Bitstream Vera Sans, Verdana, Helvetica, Arial, sans-serif;
  background: #ffffee;
}

/*----- links -----*/
a,
a:link,
a:visited,
a:active
{
  border-bottom: 1px solid #C3C2FF;
  text-decoration: none;
  color: #444297;
}

a:hover
{
  border-bottom: 1px solid #5167CB;
}

a.external,
a.external:visited,
a.external:active {
  color: #469742;
  border-bottom: 1px solid #C3DFC1;
}


a.external:hover { border-bottom: 1px solid #72C579; }

a.img,
a.img:link,
a.img:visited,
a.img:active,
a.img:hover {
 border-bottom: none;
}

/* Lists */
div.body ul li {
  list-style-image: url(/images/bullet_fonant.png);
  padding-bottom: 0.35em;
}

div.body ul ul li {
  list-style-image: url(/images/bullet_2_fonant.png);
}

div.body ul ul {
  padding-top: 0.35em;
}

blockquote {
 margin-left: 0;
 margin-right: 0;
 background-color: #E5ECF4;
}

cite {
 margin-right: 0;
}

span.lquote {
 display: inline-block;
 position: relative;
 top: 0.22em;
 color: #5167CB;
 font-size: 200%;
 line-height: 60%;
 margin-right: 0.1em;
}
span.rquote {
 display: inline-block;
 font-size: 200%;
 position: relative;
 line-height: 50%;
 top: 0.22em;
 color: #5167CB;
 margin-left: 0.1em;
}