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

/****
 **** HTML ELEMENT STYLING
 ****/


/** fonts **/
  /*
   * Our font size and line height declarations are based on the following ALA
   * article:
   *   http://www.alistapart.com/articles/howtosizetextincss
   *
   * All modern browsrs use a 16px default font size. Specifying the font-size
   * and line-height in ems (relative to the 16px default font) allows the user
   * to resize the font in the browser and produces the most consistent results
   * across different browsers.
   */
  body
  {
    font-size: 100%; /* Fixes exaggerated text resizing in IE6 and IE7 */
  }

  #header, #main, #footer
  {
    /* Use a 12px base font size with a 16px line height */
    font-size: 0.75em; /* 16px x .75 = 12px */
    line-height: 1.333em; /* 12px x 1.333 = 16px */
  }

  body, caption, th, td, input, textarea, select, option, legend, fieldset
  {
    font-family: Arial, "Bitstream Vera Sans", sans-serif;
		color: #666;
  }

/** headings **/
  h1
  {
    font-size: 1.6em;
    line-height: 1.3em;
    margin-top: 0;
    margin-bottom: 0.5em;	 
  }

  h2, h3
  {
		font-family: Georgia, "Times New Roman", "Bitstream Vera Serif", serif;
		font-weight: normal;
		line-height: 1.6em;
    margin: 0px;
		font-size: 2em;
		color: #B19830;
  }
	
	h2.home, h3.home
  {
		font-family: Arial, "Bitstream Vera Sans", sans-serif;
    font-size: 1.6em;
		color: #576640;
  }
	
	body.equal-sides h2, body.sidebar-left h2
	{
		font-family: Georgia, "Times New Roman", "Bitstream Vera Serif", serif;
		font-size: 2em;
		color: #B19830;
	}

  h4
  {
		font-family: Georgia, "Times New Roman", "Bitstream Vera Serif", serif;
		font-weight: normal;
    font-size: 1.8em;
    line-height: 1.3em;
    margin-top: 0.909em; /* Equivalent to 1em in the page's base font: 1 / 1.1 = 0.909 */
    margin-bottom: 0.909em;
		color: #B19830;
  }
	
	#site-slogan
	{
		font-family: Georgia, "Times New Roman", "Bitstream Vera Serif", serif;
		font-weight: normal;
    font-size: 2.5em;
		line-height: 1.4em;
		color: #ECF1E6;
	}

/** block-level elements **/
  p, ul, ol, dl, pre, table, fieldset, blockquote
  {
    margin: 0 0 1em 0;
		line-height: 1.4em;
		font-size: 1.1em;
  }
	
	p span
	{
		font-size: 1.3em;
		color: #57663F;
	}
	
	p.smaller
	{
		font-size: 0.9em;
		margin: 0px;
	}

/** links **/
  /* The order of link states are based on Eric Meyer's article:
   * http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states
   */

	a:link, a:visited
  {
  	color: #57663F;
		text-decoration: underline;
		font-weight: bold;
  }

  a:hover
  {
		color: #000;
  }

  a:active
  {
 		color: #FFFFFF;
  }
	
	a.underline
	{
		text-decoration: underline; 
	}

/** images **/
  img
  {
    border: 0;
  }

/** horizontal rules **/
  hr
  {
    height: 1px;
    border: 1px solid #7D481F;
  }

	#credit, #languages
	{
		text-align:right;
		color: #99A586;
		font-size: 0.9em;
	}
	
	#languages li.white
	{
		color: #FFF;
	}
	
	#languages li a
	{
		color: #99A586;
		font-size: 1.2em;
		margin: 0;
		text-decoration:none;
	}
	
	#languages li a.active
	{
		color: #FFF;
	}
	
	#copyright
	{
		color: #99A586;
		font-weight: bold;
		font-size: 0.9em;
	}
	
	#credit a
	{
		color: #99A586;
		font-weight:normal;
	}
	
	#menu a
	{
		font-size: 1.2em;
		color: #576640;
		text-decoration: none;
		background: url("../images/button-right.jpg") right top no-repeat;
		display: block;
		height: 20px;
		padding: 15px;
	}
	
	#menu a:hover
	{
		color: #333;
	}
	body.home #menu li.home a, body.language #menu li.language a, body.partners #menu li.partners a, body.moodle #menu li.moodle a, body.contact #menu li.contact a
	{
		color: #FFF;
		background: none;
	}
	
	#funded p
	{
		font-size: 0.8em;
		color: #ECF1E6;
	}