html, body {
 height: 100%;
 margin:0;
 padding:0;
}
body {
 background-color:#fff;
 color:#000; 
 font-family:Helvetica, Arial, Verdana, sans-serif; 
 font-size:16px; 
 /*text-align:center; */
}

/* ----- HEADINGS & PARAGRAPHS ----- */
h1{font-size:34px;padding:5px 0;}
h2{font-size:28px;padding:5px 0;}
h3{font-size:21px;padding:5px 0;}
h4{font-size:18px;padding:5px 0;/*color:#ec2227;*/}
h5{font-size:16px;padding:.4em 0;display:inline;}
h6{font-size:12px;padding-top:20px;}
h7{font-size:1em;}
p{line-height:1.3em;padding:10px 0;display:block; clear:both;}
blockquote{
padding:10px;
background-color:#eee;
font-style:italic;
color:#666;
}
/* ----- LINKS ----- */
a{
color:#c00;
text-decoration:none;
border-bottom:;
}
a:visited, a:active, a:focus{
color:#c00;
}
a:hover{
color:#00d;
background-color:;
border-bottom:;
text-decoration:underline;
}
a.current:link,a.current:visited,a.current:active,a.current:hover  {text-decoration:underline;}
/* ----- IMAGES ----- */
img{
border:none;
}
img a{
border:none;
text-decoration:none;
}
img a:hover{
border:none;
}
hr {
  border: 0;
	height:1px;
	color: #ccc;
	background-color: #ccc;
	margin:4px 0;
}

/* ----- TABLES ----- */
table {
	width: 100%;
	clear:both;
	text-align:left;
}
tr {background: #eee;border-bottom:1px solid #fff;} 
tr.alt {background: #ddd;} 
th{background: #ccc;}
td,th{padding:4px;vertical-align: top;} 

/* ----- FORMS ----- */
form {text-align:left;margin:0;padding:0;}
select, option{text-align:left;}
input, select, textarea {
  color: #666;
	background:#fff; /**/
  border:1px solid #666;
  padding:2px; 
  clear:right;
  margin:.2em 0;
}
textarea {overflow: auto;}
input:hover,textarea:hover,select:hover {
 border:1px solid #09c;
} 
/*td input[type=text],th input[type=text],textarea{	width:98%;}*/
input[type=submit]{ 
 padding:5px;
 background:#ddd;
 font-weight:bold;
 text-align:center;
 color:#09c;
 border:1px solid #09c;
 float:right;
 
}
input[type=submit]:hover {
 border:1px solid #666;
 color:#000;
}
input.butt {float:right;}
input.small {width:60px;}
input.wide, select.wide,label.wide{width:200px;}
/*input, select{width:200px;} 	
label{margin-right:4px;display: inline-block;width:200px;vertical-align:top;}*/
label{margin-right:4px;display: inline-block;width:160px;vertical-align:top;}
fieldset{
	position: expression('relative');  /*Fixes IE problem with fieldset+legend boundaries */
	padding: 6px;
	background-color:#FCFCFC;
	/*width:390px;*/
	text-align:left;
	display:inline;
	vertical-align:top;
	margin:10px;
	font-weight:bold;
}
/*fieldset {margin:1em 0;border:none;font-weight:bold;}*/
legend{color:#09c;padding:5px 0;font-size:1.4em;}
/* ----- DEFINITIONS ----- */
dt{font-weight:bold; color:#000;/* background-color:#BC7F36;cursor:pointerwidth:100%;text-decoration:underline;border-bottom:2px solid #000;*/padding-bottom:2px
}
dt a:link,dt a:visited,dt a:active{color:#000;text-decoration:none;border:none;display:block;background-color:#70BAD4;padding:3px;}
dt a:hover {color:#70BAD4;background-color:#333;}


/* ----- CLASSES ----- */
.wrapper {margin:0 auto; width:980px;background-color:transparent;padding:0 4px;}
.clear {clear:both;}
.center{margin-left:auto;margin-right:auto;text-align:center;display: block;/**/}

.hide{
/* display:none; */
}
.show{
/* display:block; */
}


.leftcol{ 
 display: inline;
 float: left;
 width: 200px;
 margin-right:20px;
}
.midcol { 
 display: inline;
 position: relative;
 float: left;
 width: 460px;
 margin-right:20px;
}
.rightcol { 
 display: inline;
 position: relative;
 float: left;
 width: 280px;
}



img.float-right{float:right;margin:0 0 10px 10px}
img.float-left{float:left;margin:10px 10px 0 0}

.clearfix:after{
	content: "."; display: block; 
	clear: both; 
	visibility: hidden; 
	line-height: 0; 
	height: 0; 
} 
.clearfix{
	display: inline-block;
} 
html[xmlns] .clearfix{ 
	display: block;
} 
* html .clearfix{
	height: 1%; 
}

.flash-replaced .alt {
	display: block;
	height: 0;
	position: absolute;
	overflow: hidden;
	width: 0;
	
}

ul.thumbs {
	clear: both;
	margin:10px 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 2px 2px 2px 0;
	list-style: none;
	width:110px;
	height:110px;/**/
}
ul.thumbs li a {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
	
}
ul.thumbs li.selected a {
	background: #88f;
}
ul.thumbs a:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;margin:auto;
}

/* ----- IDS ----- */
#container{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-bottom:-30px; /* the bottom margin is the negative value of the footer's height */
}
#header{
 height:60px;
 /*margin-bottom:1px;*/
 background:#fff url(../img/topbar_bg.gif) bottom center repeat-x;
}
#navigation{
/* border:1px solid #000;	
 font-size:18px; padding:0 40px 0 0;
 margin:0 auto;*/
 font-weight:bold;
 clear:right;
}
#navigation li { 
list-style:none; 
float:left; 
margin:10px 0; 
padding:0 20px;
border-left:1px solid #666;
}
#navigation li.first { 
border-left:none;
}

#logo{
 float:left;
 margin:5px 40px -160px 20px;
 position:relative;
}
#lang{
 float:right;
 color:#fff;
 margin:0 0 0 10px;
 position:relative;
 font-size:.8em;
 padding-top:5px;
 /* *margin-top:-43px; /* < IE 7 */
}

#media {background-color:#ddd;}

#main{
/*order:1px solid #000;
width:980px;
*/
margin:0 auto;
padding:10px 0;
 background:#fff url(../img/content_bg.gif) top center repeat-x;
}
#content{
 display: inline;
 position: relative;
float: left;
 width: 460px; /**/
 margin-right:20px;
 padding-bottom:20px;
}

#content-wide{
display: inline;
 position: relative;
float: left;
 width: 740px; /**/
 margin-right:0;
 padding-bottom:20px;
}
#subnav{
 display: inline;
 float: left;
 width: 180px;
 margin-right:60px; 
/* 
padding-left:20px;
 background-color:#eee;
 */
}
#subnav li {
 padding:5px 0;
 border-bottom:1px dashed #ccc;
 font-size:.9em;
}
#subnav li.vid {
 background:transparent url(../img/icon-camera.gif) no-repeat center right;
}
#sidebar{
 background-color:#fff;
 display: inline;
 position: relative;
 float: right;
 width: 242px;
 font-size:.9em;
 /*padding:10px 0 10px 10px;
 margin-right:-242px;*/
}

#sidebar ul.infos {
	clear: both;
	margin:0 0 10px 0;
}
#sidebar ul.infos li {
	/*font-weight:bold;*/
	padding:5px;
	margin: 5px 0;
	/*list-style: disc;*/
}

#sponsors{margin:20px 0;padding:0 10px;}
#sponsors img{margin-left:auto;margin-right:auto;text-align:center;display: block;}



#footer, .push {
	height: 30px; /* .push must be the same height as .footer margin-top:10px;*/
}
#footer{
 background:#ddd;
 color:#000;
 font-size:.8em; 
 clear:both;
 /* vertical-align:center;*/
 padding-top:5px; 
 text-align:center;
}

#footer ul li{float:left;}
#footer ul li a,
#footer ul li a:link {padding:5px 4px;}