/*
** standard elements ****************************************************
*/
html {min-height: 100%;}

* {
  margin: 0;
  padding: 0;
}

a {
  color: #ff6600;
  text-decoration: none;
}

a:hover {
  color: #ff6600;
  text-decoration: none;
}

a:visited {
  color: #ff6600;
  text-decoration: none;
}

body {
  background: #ffffff;
  color: #000;
  font-family: "Tahoma",sans-serif;
  font: normal "Tahoma",sans-serif;
  font-size: 10px;
  padding-top: 20px;
}

p,code,ul {
  font-family: "Tahoma",sans-serif;
  padding-bottom: 1.2em;
}

li {
  font-family: "Tahoma",sans-serif;
  list-style: none;
}

h1 {
  font-family: "Tahoma",sans-serif;
  font: bold 14px "Tahoma",sans-serif;
}

h2 {
  font-family: "Tahoma",sans-serif;
  font: bold 12px "Tahoma",sans-serif;
}

h3 {
  font-family: "Tahoma",sans-serif;
  font: bold 10px "Tahoma",sans-serif;
}

form,input {
  font-family: "Tahoma",sans-serif;
  margin: 0; padding: 0; display: inline;
}

code {
  background: #ffffff;
  border: 1px solid #EEE;
  border-left: 6px solid #CCC;
  color: #000;
  display: block;
  font: normal "Tahoma",sans-serif;
  font-family: "Tahoma",sans-serif;
  font-size: 10px;
  line-height: 1.6em;
  margin-bottom: 12px;
  padding: 8px 10px;
  white-space: pre;
}

blockquote {
  background: url('/exen/css/quote.gif') no-repeat;
  display: block;
  font-family: "Tahoma",sans-serif;
  font-weight: bold;
  padding-left: 28px;
}

h1,h2,h3 {
  font-family: "Tahoma",sans-serif;
  padding-top: 6px;
  color: #000;
  font-family: "Tahoma",sans-serif;
  margin-bottom: 4px;
}

/*
** misc ****************************************************
*/
.clearer {
  clear: both;
  font-family: "Tahoma",sans-serif;
  font-size: 0;
}

.left {
  font-family: "Tahoma",sans-serif;
  float: left;
}

.right {
  font-family: "Tahoma",sans-serif;
  float: right;
}

/*
** structure ****************************************************
*/
.inner-container {
  border: 2px solid #D7D7D2;
  background: #ffffff;
  font-family: "Tahoma",sans-serif;
  font-size: 10px;
  margin: 0 auto;
  padding: 10px;
  width: 780px;
}

.outer-container {
  font-family: "Tahoma",sans-serif;
  background: #ffffff;
  padding-bottom: 20px;
}

/*
** header & title ****************************************************
*/
.header {
  background: #222 url('/exen/css/header.jpg') no-repeat;
  height: 160px;
  margin-bottom: 5px;
  font-family: "Tahoma",sans-serif;
  text-align: center;
}

.header .title {
  color: #FFF;
  font-family: "Tahoma",sans-serif;
  padding-top: 50px;
}

.header .title .sitename a {
  border-bottom: 1px dashed #657382;
  color: #FFF;
  font-family: "Tahoma",sans-serif;
  font: normal 3em "Tahoma",sans-serif;
  padding-bottom: 2px;
  text-decoration: none;
}

.header .title a:hover {
  font-family: "Tahoma",sans-serif;
  border-color: #F60;
}

.header .title .slogan {
  font-family: "Tahoma",sans-serif;
  font: normal 12px "Tahoma",sans-serif;
  padding-top: 6px;
}

/*
** path ****************************************************
*/
.path {
  color: #ffffff;
  font-family: "Tahoma",sans-serif;
  font: normal 10px "Tahoma",sans-serif;
  padding: 8px 12px;
  background: #000000;
}

.path a {
  color: #ff6600;
  font-family: "Tahoma",sans-serif;
  text-decoration: none;
  background: #000000;
}

.path a:hover {
  color: #ff6600;
  font-family: "Tahoma",sans-serif;
  text-decoration: none;
  background: #000000;
}

.path a:visited{
  color: #ff6600;
  font-family: "Tahoma",sans-serif;
  text-decoration: none;
  background: #000000;
}

/*
** main ****************************************************
*/
.main {
  font-family: "Tahoma",sans-serif;
  background: url('/exen/css/main.gif') repeat-y;
  border-top: 4px solid #FFF;
  padding: 8px 12px 0 0;
}

/*
** content ****************************************************
*/
.content {
  font-family: "Tahoma",sans-serif;
  float: right;
  width: 538px;
}

.content .descr {
  font-family: "Tahoma",sans-serif;
  color: #000;
  font: normal "Tahoma",sans-serif;
  font-size: 10px;
  margin-bottom: 6px;
}

.content li {
  font-family: "Tahoma",sans-serif;
  list-style: url('/exen/css/li.gif');
  margin-left: 28px;
}

.content p {
  font-family: "Tahoma",sans-serif;
  font-size: 10px;
  margin-bottom: -5px;
}

/*
** navigation ****************************************************
*/
.navigation {
  font-family: "Tahoma",sans-serif;
  float: left;
  width: 210px;
  background: #000;
}

.navigation h2 {
  color: #000;
  font-family: "Tahoma",sans-serif;
  font: bold 12px "Tahoma",sans-serif;
  line-height: 30px;
  margin: 0;
  padding-left: 12px;
  background: #000;
}

.navigation ul {
  padding: 0;
  font-family: "Tahoma",sans-serif;
  border-top: 1px solid #EAEADA;
  background: #000;
}

.navigation li {
  border-bottom: 1px solid #EAEADA;
  font-family: "Tahoma",sans-serif;
  font: normal "Tahoma",sans-serif;
  background: #000;
}

.navigation li a {
  font-family: "Tahoma",sans-serif;
  font: normal 10px "Tahoma",sans-serif;
  font-size: 10px;
  color: #ff6600;
  display: block;
  padding: 4px 0px 8px 5%;
  text-decoration: none;
  width: 95%;
  background: #000;
}

.navigation li a:hover {
  font-family: "Tahoma",sans-serif;
  background: #949490;
  color: #ff6600;
  text-decoration: none;
  background: #000;
}

/*
** footer ****************************************************
*/
.footer {
/*  background: #949490; */
  background: #000;
  color: #ff6600;
  font-family: "Tahoma",sans-serif;
  font: 10px "Tahoma",sans-serif;
  margin-top: 5px;
  padding: 10px 12px;
}

.footer a {
  color: #ff6600;
  font-family: "Tahoma",sans-serif;
  text-decoration: none;
}

.footer a:hover {
  font-family: "Tahoma",sans-serif;
  color: #ff6600;
  text-decoration: none;
}

/*
** image flyout ****************************************************
*/
.thumbnail{
	position: relative;
	z-index: 0;
}

.thumbnail:hover{
	background-color: transparent;
	z-index: 50;
}

.thumbnail span{
	position: absolute;
	background-color: lightyellow;
	padding: 5px;
	left: -1000px;
	border: 1px dashed gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.thumbnail span img{
	border-width: 0;
	padding: 2px;
}

.thumbnail:hover span{
	visibility: visible;
	top: 0;
	left: 60px;
}