html,
body {
 background:#222222; 
 height: 100%;
 min-height: 100%;
 color: #ccc;
 font-family: Helvetica,Verdana, Arial, "Trebuchet MS", sans-serif;
 text-align: center;
 margin: 0;
 padding: 0;
/* font-size: .9em;  background:#222222; */
 height: 100%;
}
/**/
body * {
 margin:0;
 padding: 0;
 text-decoration:none;
 border:none; 
}
/*
#container{
 position: relative;
}
*/
/***** HEADER *****/
#header {
 padding:4px;
 clear:both;
 background:#000; 
 height:120px;
 text-align:left;
 font-size: .8em;
}

#logo { margin:20px 0; float:right;} 
/*
#lang {text-align:right;color:#fff; padding:0 1em;}
#lang a:link, #lang a:visited, #lang a:active{color:#fff;text-decoration:none;border:none;margin:0 .3em}
#lang a:hover {color:#009DDF;text-decoration:underline;}

#nav li {display:block;float:left;margin:0;padding:0;}

*/
/* Navigation */
#navigation {
background:url(../img/navbg.gif) repeat-x top left;
/*height:50px;*/
margin-bottom:35px;
}
 /**/
#nav {width:980px; height:25px;padding:0;position:relative; }
#nav .select, #nav .current {margin:0; padding:0; list-style:none;}
#nav li {display:inline; margin:0; padding:0; height:auto;}

#nav .select a,
#nav .current a {display:block; height:17px; float:left;  padding:4px 10px; text-decoration:none; font-size:14px; line-height:15px; white-space:nowrap; color:#fff;border-right:1px solid #000;}
#nav .current a {color:#009DDF}
* html #nav .select a, * html #nav .current a {width:1px; height:21px;}

#nav .select a:hover, 
#nav .select li:hover a {cursor:pointer; color:#009DDF;background:#000;}

#nav .sub {display:none;}

/* for IE5.5 and IE6 only */
#nav table {position:absolute; border-collapse:collapse; left:0; top:-18px;}

#nav .current a {background:#000;color:##009DDF;}

#nav .sub li a:hover, 
#nav .select a:hover .sub li a:hover, 
#nav .select li:hover .sub li a:hover { color:##009DDF;}

#nav .sub_active .current_sub a, 
#nav .sub_active a:hover { color:#009DDF;}

#nav .select li a:hover .sub, 
#nav .select li:hover .sub {display:block; position:absolute; width:980px; top:25px; left:0;  margin-top:0px; padding:0; z-index:100; color:#009DDF; font-size:11px;}

#nav .sub, #nav .sub_active {margin:0;padding:0;list-style:none;background:#222222;}

#nav .sub_active {display:block; position:absolute;/* width:980px;*/ top:25px; left:0; margin-top:0; padding:0; z-index:10;}
* html #nav .sub_active, * html #nav .select a:hover .sub {z-index:-1; margin-top:0; margin-t\op:1px;}

#nav .sub_active a {height:25px; text-decoration:none; line-height:20px; white-space:nowrap; display:block; float:left; background:#222222; padding:4px 10px 4px 10px; margin:0; font-size:12px; white-space:nowrap; border:0; color:#fff;}

#nav .select a:hover .sub li a, 
#nav .select li:hover .sub li a {display:block; background:#222222; padding:5px 10px 10px 10px; margin:0; white-space:nowrap; border:0; color:#fff; font-size:12px;}
#nav .select li:hover .sub li a:hover {color:#009DDF;}


/******* MAIN & content ******/
#content {
	margin:0 auto;
	padding:0;
	width:980px;
}
#leftcol{
	float:left; 
	width:220px;
	text-align:left;
	padding-right:50px;
}
#rightcol{
	float:right; 
	width:200px;
	text-align:left;
}
#main{
	float:left; 
width:480px;/**/
text-align:justify;
} 
#main.wide{
width:698px;/**/
} 

/** CONTENT CLASSES **/
.space1 {margin:1em 0;}
.space2 {margin:2em 0;}

/* defaults */
h1,h2,h3,h4 {margin:0 .4em .4em 0;padding:0;}
h1 {font-size:2em;color:#ccc;}
h2{font-size:1.2em; display:inline;color:#009DDF;}
h3{font-size:1.2em;color:#fff; display:inline;}
h4{font-size:1em;color:#fff;}
h5{font-size:1em;font-style:italic;}

p {margin:.6em 0;font-size:.9em;line-height: 1.2em; }
img {margin:2px;}
/*******/
a:link, a:visited,a:active{color:#009DDF;text-decoration:none;border:none;}
a:hover {color:#fff;text-decoration:underline;}
a.grey:link, a.grey:visited,a.grey:active {color:#999;}
a.grey:hover  {color:#fff;}
/*******/
ul,ol {list-style: none;margin:0 10px;padding:0 10px;}
li{padding:1px 0;}
li a:link,li  a:visited,li a:active{color:#000;text-decoration:none;border:none;}
li  a:hover {color:#009DDF;}
li a.current:link,li  a.current:visited,li  a.current:active,li  a.current:hover  {color:#000;}

/**** GENERIC CLASSES ****/
.floatright{float:right;}
.floatleft{float:left;}
.clear { clear:both;}
.clearspace1 { clear:both; margin-bottom:1em;}
.valignbottom{vertical-align:bottom}
.wrapper {width:980px;margin:0 auto;}
.topmargin{margin-top:6.5em;}



/**** TABLE STYLES *****/

table{border: none; height:70px;width:100%;margin:20px 0;border-collapse:collapse;font-size:10px;text-align:left;}
tr { padding:2px 0;margin:0;}
tr.blue { background:#A3C6D9; }
th { font-weight:bold;border: none;padding:1px 8px;}
td { text-align:right;border: none;padding:1px 8px;}




/***** FOOTER *****/
#contact {
 margin:4em 0 0 0;
 padding:30px 0;
 font-size: .8em;
 text-align:left; 
}