BODY {
	/*this is shorthand and declares the background color and calls the image */
	background:#FFFFFF;
	/* that will be repeated only along the y-axis [North/South] */
	margin:0px 0px 0px 0px;
	/*margins are set to zero*/
	padding-top:0px;
	/*for Opera6*/
	line-height:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:100%;
}
      
p{margin:10px 10px 10px}

IMG
{
  border: 0;
}

 
hr{margin:10px 10px 10px} H1{
	font-family:Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
	font-size:26px;
	color: #333333;
	text-align: center; MARGIN-TOP:20px; MARGIN-LEFT:10px; 
	line-height: 1.4em;
}


H2{
	font-family:Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
	font-size:20px;
	color: #000000;
	MARGIN-TOP:10px;
 MARGIN-LEFT:10px;   	text-align: center;
	
}

H3 {
  font-family:Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;

  font-size:18px;
 color: #000000;
 MARGIN-LEFT:10px; text-align: center
}
H4 {
  font-family:Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;

  font-size:18px;
 color: #000000;
 MARGIN-LEFT:10px; text-align: left
}
H5 {
  font-family:Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;

  font-size:16px;
 color: #000000;
 MARGIN-LEFT:10px; text-align: left
}

H6 {
  font-family:Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;

  font-size:18px;
 color: #cc0000;
 MARGIN-LEFT:10px; text-align: center
} 

H7 {
  font-family:Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;

  font-size:18px;
 color: #333333;
 MARGIN-LEFT:10px; text-align: center
}


H8{
	font-family:Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
	font-size:20px;
	color: #000000;
	MARGIN-TOP:10px;
 MARGIN-LEFT:10px;   	text-align: left;
	
}

#header {
	position:absolute;
	top:0px;
	left:0px;
	margin-top:0px;
	margin-left:0px;
	width:100%;
	z-index:2;
	background-color:#F7F7F7;
        background-repeat: repeat-x;
        border-bottom: 1px solid #999999;
        height:115px;	
 	margin-bottom:0px;
	margin-right:0px;
}

#logo
{
  width: 749px;
  height:113px;
  margin-top: 1px;
  margin-left: 1%;
}

      
#navigation {
    position:absolute;/*The navigation on the left side, positioned absolutely*/
    top:140px;
	left:5px;
	z-index:5;
    width:190px;
    font-family:Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
    line-height:109%;/*line-height set  in order to have the navigation elements better separated*/
	color:#000000;
	margin:0px 0px 0px 0px;
	text-align:left;
}
	

#content {
	position:absolute;
	top:140px;
	left:190px;
	color:#000000;
	font-family:Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
	line-height:1.4em;
	width:53%;
	z-index:3;
}

div#content p{line-height:1.4; font-size:13px}
	
#footer {
	PADDING-RIGHT:0px;
	BORDER-TOP:#999999 0px solid;
	PADDING-LEFT:0px;
	FONT-SIZE:x-small;
	PADDING-BOTTOM:3px;
	MARGIN:40px
	PADDING-TOP:6px;
	TEXT-ALIGN:center;
	line-height:22px;
	font-family:Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
	font-size:xx-small;
	background-color:#fff;
}	

#extra {
	position: absolute;
	top: 140px;
	left:73%;
	width: 240px;
	z-index: 4;
	font-family: Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 13px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	padding: 3px 5px 3px 5px;
}

div#extra p{line-height:1.4; font-size:13px}

/* MENU STARTS HERE */

#menu
{

  padding:0;
  margin-bottom: 10px;
  width: 180px;
  font-size:75%;
}

#menu ul
{
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0; 
}

#menu li
{
  display:inline;
}

#menu ul.level-one a
{
  display: block;
  border: 1px solid #cc0000;
  padding: 4px;
  margin: 10px 0px 0px 10px;
  width: 150px !important;
  font-family: Verdana, Geneva, "Bitstream Vera Sans", Helvetica, sans-serif;
 font-weight: bold; color: #3C4B7B;
  background-color:#f0f0f0;
 text-decoration:none
}
#menu ul.level-one a:hover
{
  color:black;
  text-decoration:none;
  background-color:#DDD;
}
#menu ul.level-two a
{

  background-image: none;
  background-color: transparent;
  display: block;
  border: 0;
  border-bottom: 1px solid #DDD;
  padding: 0px 0px 0px 0px;
  margin: 10px 0px 0px 10px;
  color: #3C4B7B;
  background: none;
  width: 150px !important;
  font-family: Arial, Verdana, Geneva, "Bitstream Vera Sans", Helvetica, sans-serif;
  text-transform: none;
  text-decoration:none;
}

#menu ul.level-two a:hover
{
  text-decoration: none;
  color: black;
  background-color:#DDD;
}


/* boxes */

.box h4, .externallinks h4
{
  font-family: Arial, Verdana, Geneva, "Bitstream Vera Sans", Helvetica, sans-serif;
  font-size: 94%;
  font-weight: bold;
  padding: 3px 0 4px 12px;
  margin:0 0 0 0;
  text-align: left;
  z-index: 0;
  color:#FFFFFF;
  -moz-border-radius-topleft: 11px;
border-bottom: 5px solid #f37020;
  background-color:#cc0000;

}

#boxes {
  width: 240px;
  float:right;
  margin: 0 0 6px 20px;
}

#boxes .box, .externallinks
{
  font-family: Arial, Geneva, "Bitstream Vera Sans", Helvetica, sans-serif;
  font-size:  98%;
  text-align: left;
  color: #000000;
  background-color: #FBFBF7;
  width: 230px;
  border: 1px solid #B7BECC;
  z-index: 999;
  float:right;
  padding-bottom: 10px;
  list-style:none;
  margin: 6px;
  -moz-border-radius-topleft: 12px;
  -moz-border-radius-bottomright: 12px;
  -moz-border-radius-bottomleft: 12px;
  background-color: #F7F6F0;
}


.more {
  text-align:right;
}

#content-body #boxes a.more {
  display:block;
  padding:3px 10px 0 0;
  border-bottom:0;
}

.box div {
  padding: 0 15px 0 15px;
}

#courselink {
  font-family: Arial, Geneva, "Bitstream Vera Sans", Helvetica, sans-serif;
  font-size:  14px;
  text-align: center;
  color: #3C4B6B;
  background-color: #FBFBF7;
  width: 500px;
  border: 1px solid #B7BECC;
  padding-bottom: 10px;
 padding-left: 10px; padding-right: 10px; padding-top: 10px; list-style:none;
  margin: 6px;
  -moz-border-radius-topleft: 12px;
  -moz-border-radius-topright: 12px;
  -moz-border-radius-bottomleft: 12px;
  -moz-border-radius-bottomright: 12px;
  background-color: #F7F6F0;
}
#references {
  font-family: Arial, Geneva, "Bitstream Vera Sans", Helvetica, sans-serif;
  font-size:  11px;
  text-align: left; color: #3C4B6B;
  background-color: #FBFBF7;
  width: 500px;
  border: 1px solid #B7BECC;
  padding-bottom: 10px;
 padding-left: 10px; padding-right: 10px; padding-top: 10px; list-style:none;
 margin: 6px;
  -moz-border-radius-topleft: 12px;
  -moz-border-radius-topright: 12px;
  -moz-border-radius-bottomleft: 12px;
  -moz-border-radius-bottomright: 12px;
  background-color: #F7F6F0;
}