html, body {
	height: 100%;
}

a {
  color: #06F;
}
.clr {
	clear:both;
}
.body {
	margin: 0;
	background-color: #FFFFFF;
	background-image: url(../images/bg_main.gif);
	background-repeat: repeat-x;
	font-family: Verdana, Bitstream Vera Sans, Helvetica, monospace;
}

.text { 
	font-size: 12px;
	font-weight: normal;
	color: #333;
	text-align: justify;
	text-decoration: none;
}

.red {
	font-family: Verdana, Bitstream Vera Sans, Helvetica, monospace; 
	font-size: 12px;
	font-weight: bold;
	color: #C00;
	text-decoration: none;
}

.title {
	font-family: Verdana, Bitstream Vera Sans, Helvetica, monospace;
	font-size: 13px;
	font-weight: bold;
	color: #06F;
	margin-top: 20px;

}

.subtitle {
	font-family: Verdana, Bitstream Vera Sans, Helvetica, monospace; 
	font-size: 12px;
	font-weight: bold;
	color: #CCC;
	text-decoration: none;
}

.subtitleblue {
	font-family: Verdana, Bitstream Vera Sans, Helvetica, monospace; 
	font-size: 12px;
	font-weight: normal;
	color: #06F;
}

.bckleft {
	background-image: url(../images/bck_left.png); 
	background-repeat: repeat-y;
	background-position: right top;
}

.bckright {
	background-image: url(../images/bck_right.png); 
	background-repeat: repeat-y;
	background-position: left top;
}

.bckline {
	background-color: #000; 
}
.content {
	padding-top:20px;
  padding-right: 20px;
	padding-left: 10px;
  clear:both;
	background-image: url(../images/bg_content.gif);
	background-repeat: repeat-x;  
}
.middle {
	background-color: #FFFFFF;
}
#header {
	width:820px;
	height:150px;
	position:relative;
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
}
#header div {
  position:absolute;
  right:20px;
  bottom:15px;
  font-size:12px;
  font-weight:bold;
  color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;  
}
#menu {
  display:block;
  width:100%;
  height:40px;
  background-image: url(../images/bg_menu.gif); 
	background-repeat: repeat-x;
}
#menu ul {
  margin:0;
  padding:0;
  list-style:none;
}
#menu ul li {
  float:left;
  position:relative;
}
#menu ul li.active {
  background-color:#7b98bf;
}
#menu ul li a {
  font-size:11px;
  color:#333333;
  text-decoration:none;
  line-height:40px;
  font-weight:bold;
  margin:0 10px;
  display:table;
}
#menu ul li a:hover {
  color:#005eef;
}
#menu ul li.active a {
  color:#ffffff;
}
#menu ul li ul {
	display:none;
	position:absolute;
	left:0px;
	top:40px;
	width:180px;
	background-color:#a8beda;
}
#menu ul li:hover ul {
	display:block;
}
#menu ul li ul li a, #menu ul li.active ul li a {
	display:block;
	color:#333333;
}
#menu ul li ul li a:hover {
	color:#FFFFFF;
}
#menu ul li ul li {
	float:none;
	border-top:solid 1px #FFFFFF;
}
#menu ul li ul li:hover {
	background-color:#7b98bf;
}
#footer {
  margin:20px 0;
  text-align:center;
	font-family: Verdana, Bitstream Vera Sans, Helvetica, monospace; 
	font-size: 12px;
	font-weight: normal;
	color: #06F;
  border-top:1px dotted #06F;
}
.partner {
  float:left;
  width:145px;
  height:160px;
  border:1px dotted #06F;
  padding:5px;
  text-align:center;
  margin-right:10px;
  margin-bottom:10px;
}
#references A {
	display:inline-block;
	padding:9px;
	float:left;
	border:solid 1px #FFFFFF;
}
#references A:hover {
	border:solid 1px #06F;
}