HTML {
	height:100%;
	overflow:auto;
	background-image: url(../_img/_bg/bg.jpg);
	background-color: #026098;
	background-repeat: repeat-x;
}

BODY {
	height:100%;
	margin:0;
	padding:0;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#3e3e3e;
}

IMG {
	border:none;
	display:block;
}


H1 {
	font-size:25px;
	font-weight:bold;
	text-transform: uppercase;
	margin-bottom:4px;
}

H5 {	
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	color:#000000;
	background: #FFFFFF;
	margin-top:20px;
	margin-bottom:6px;
	padding:3px 5px;
	border-top:1px #757474 solid;
	border-bottom:1px #757474 solid;
	
}

H6 {
	font-size:12px;
	font-weight: bold;
	margin-top:16px;
	margin-bottom:0px;
}

DIV > H1:first-child,
DIV > H5:first-child {
	margin-top:0px;
}


H6 + P {
	margin-top:0px;
}

P {
	margin-top:8px;
	margin-bottom:8px;
}

DIV.spacer 
{
    clear:both;
}

DIV.listseparator 
{
    clear:both;
    margin-top:10px;
    height:5px;
    border-bottom:solid 1px #c0c0c0;
}



A.button {
	display:inline-block;	
	padding:3px 6px;
	text-decoration:none;
}

#content A.button {
	color:#5a5a5a;
	background:#dddcdc;
}

#sidebar A.button {
	color:#5a5a5a;
	background:#FFFFFF;
}

A.button:hover,
#content A.button:hover,
#sidebar A.button:hover {
	color:#000000;
}

A.utiHome {
	display:block;
	width:22px;
	height:23px;
	background:url(../_img/_uti/uti_home.gif) left 5px no-repeat;
}

A.utiHome:hover {
	background-position: left -17px;
}

A.utiContact {
	display:block;
	width:22px;
	height:23px;
	background:url(../_img/_uti/uti_contact.gif) left 7px no-repeat;
}

A.utiContact:hover {
	background-position: left -15px;
}



#pageWrapper {
	width:958px;
	position:relative;
	margin:0 auto;
	z-index:2;
}


#flashcontent {
	position: absolute;
	left:0px;
	top:0px;
	width:100%;
	height:400px;
	z-index:1;
}

#flashcontent #wavesFallback {
	height:156px;
	width:100%;
	background:url(../_img/_bg/bg_waves.png) no-repeat center top;
}


#header {
	width:100%;
	z-index:999;
}


#lowerWrapper {
	float:left;
	padding-bottom:152px;
}


/* navigation */

#navigation {
	float:left;
	width:118px;
	padding-top:2px;
}


#contentWrapper {
	float:left;
	width:613px;
	margin-left:12px;
	background:url(../_img/_bg/bg_content_top.png) left top no-repeat;
	padding-top:4px;
}

#contentWrapper .padderTop {
	float:left;
	width:605px;
	height:4px;
}


#navigation UL {
	list-style: none;
	margin:0px;
	padding:0px;
}

#navigation UL LI {
	list-style: none;
	margin:0px;
	padding:0px;
}

#navigation UL LI A {
	display:block;
	width:119px;
	height:23px;
	background-position: left top;
	background-repeat: no-repeat;
}

#navigation UL LI A.navNews {
	background: url(../_img/_nav/nav_news-en.png);
	height:25px;
}

#navigation UL LI A.navEvents {
	background: url(../_img/_nav/nav_events-en.png);
}

#navigation UL LI A.navPavilion {
	background: url(../_img/_nav/nav_pavilion-en.png);
}

#navigation UL LI A.navBestPractices {
	background: url(../_img/_nav/nav_best_practices-en.png);
}

#navigation UL LI A.navMedia {
	background: url(../_img/_nav/nav_media-en.png);
}

#navigation UL LI A.navPresentedBy {
	background: url(../_img/_nav/nav_presented-en.png);
}

#navigation UL LI A.navPartner {
	background: url(../_img/_nav/nav_partner-en.png);
}

#navigation UL LI A.navLinks {
	background: url(../_img/_nav/nav_links-en.png);
}

#navigation UL LI A.navItem:hover,
#navigation UL LI A.navItem.active {
	background-position: left -32px;
}


/* navigation level 2 */

#navigation UL LI UL {
	background:#e20019;
	padding:8px;
	margin:0px 2px 1px 2px;
	width:100px;
	list-style: none;
}

#navigation UL LI UL LI A {
	display:block;
	width:99px;
	color:#FFFFFF;
	font-weight:bold;
	line-height:24px;
	text-decoration: none;
	background: url(../_img/_bg/bg_subnav_line_dotted.gif) left bottom repeat-x;
}


/* navigation level 3 */

#navigation UL LI UL LI UL {
	width:97px;
	padding: 5px 2px 5px 0px;
	margin:0px;
	background: url(../_img/_bg/bg_subnav_line_dotted.gif) left bottom repeat-x;
}

#navigation UL LI UL LI UL LI A {
	font-weight:normal;
	line-height:17px;
	padding-left:10px;
	background:none;
	
}

#navigation UL LI UL LI UL LI A:hover,
#navigation UL LI UL LI UL LI A.active {
	background:url(../_img/_bg/bg_subsubnav_arrow.png) left 6px no-repeat;
}



/* content */

#content {
	float:left;
	width:613px;
	background:url(../_img/_bg/bg_content_middle_repeat.png) left top repeat-y;
}

#content .padder {
	float:left;
	width:555px;
	padding:20px 25px 25px 25px;	
}

#contentWrapper .padderTop,
#content .padder {
	background-color: #FFFFFF;
	margin:0px 0px 0px 4px;
}


.threeBlockWrapper {
	margin-top:20px;
}

.threeBlockWrapper DIV {
	float:left;
	width:170px;
	margin-left:22.5px;
}

DIV.threeBlockWrapper > DIV:first-child {
	margin-left:0px;
}



A.downloadlink
{
    margin:0;
    padding:0;
    width:100%;
}
A.downloadlink SPAN.icon
{
    float:left;
    width:16px;
    height:16px;
    cursor:pointer;
}
A.downloadlink SPAN.info
{
    float:left;
    padding-left:8px;
    cursor:pointer;
}

A.thumbnaillink
{
    margin-bottom:10px;
    padding:0;
    width:100%;
}
A.thumbnaillink SPAN.image
{
    float:left;
    width:170px;
    height:96px;
    cursor:pointer;
    margin-right:12px;
    margin-bottom:10px;
}
A.thumbnaillink SPAN.image IMG
{
    width:170px;
    height:96px;
}

#contentFooter {
	float:left;
	width:613px;
	height:32px;
	background:url(../_img/_bg/bg_content_bottom.png) left bottom no-repeat;
}

#contentFooter .padder {
	float:left;
	width:605px;
	margin:0px 0px 4px 4px;
	border-top:1px #b2b2b2 solid;
	background-color: #eae9e9;	
}

#contentFooter UL {
	list-style: none;
	display:block;
	float:right;
	margin:7px 10px 7px 10px;
}

#contentFooter UL LI {
	display:inline;
	float:right;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#313131;
}

#contentFooter UL LI.separator {
	padding:0px 6px;
}

#contentFooter UL LI A {
	text-decoration:none;
	color:#313131;
}



/* sidebar */

#sidebarWrapper {
	float:left;
	width:208px;
	margin-left:7px;
}


#utilies {
	float:left;
	width:208px;
	padding:4px 4px 0px 4px;
	background:url(../_img/_bg/bg_sidebar_top.png) left top repeat-y;
}

#utilies .padder {
	float:left;
	width:200px;	
	background: #3580ad;
	border-bottom: 2px #02456d solid;	
}

#utilies .padder A {
	float:left;
}

#utilies .padder DIV.langswitch {
	width:143px;
	display:block;
	float:left;
	padding:4px 4px 4px 8px;
}

#utilies .padder DIV.langswitch A {
	color:#bed6e5;
	text-decoration:none;	
}

#utilies .padder DIV.langswitch A:hover {
	color:#FFFFFF;	
}


#sidebar {
	float:left;
	width:208px;
	padding:0px 4px 0px 4px;
	background:url(../_img/_bg/bg_sidebar_middle_repeat.png) left repeat-y;
}

#sidebar .padder {
	padding:15px 15px 11px 15px;
	width:170px;
}

#sidebar .padder, 
#sidebarFooter .padder {
	float:left;	
	background:#eae9e9;
}

#sidebarFooter {
	float:left;
	width:208px;
	height:8px;
	padding:0px 4px 0px 4px;
	background:url(../_img/_bg/bg_sidebar_bottom.png) left bottom no-repeat;
}

#sidebarFooter .padder {
	height:4px;
	width:200px;
}





/* slider */
		
#sliderWrapper {
	z-index:3;
	display:block;
	width:100%;
	height:100px;	
	position:fixed;
	bottom:0px;
	background:url(../_img/_bg/bg_gallery_photoslider.png) repeat;
}

#sliderWrapper #slider {
	z-index:3;
	position:relative;
	width:978px;
	margin:0 auto;
	margin-top:10px;
	padding:0px 0px 0px 0px;
}

#sliderWrapper #slider TABLE {
	width:100%;
	border:0px;
	border-spacing: 0px;
	margin:0px;
	padding:0px;
}

#sliderWrapper #slider TABLE TD {
	vertical-align: middle;
}

#sliderWrapper #slider TABLE TD.control IMG {
	margin:0px 10px;
}

#sliderWrapper #slider TABLE TD.view {
	width:894px;
}

#sliderWrapper #slider TABLE TD.view DIV {
	width:894px;
	height:78px;
	display:block;
	overflow: hidden;
}

#sliderWrapper #slider TABLE TD.view DIV IMG {
	float:left;
	margin-left:12px;
}

#sliderWrapper #slider TABLE TD.view DIV A:first-child > IMG {
	margin-left:0px;
}



/* footer */
		
#footer {
	z-index:3;
	width:100%;
	margin:0 auto;
	position:fixed;
	bottom:0px;
}

#footer DIV {
	z-index:3;
	width:828px;
	margin:0 auto;
	padding:0px 0px 0px 130px;	
}
