@charset "utf-8";
/* CSS Document */

/* General styles */

body, table {
	background-color: #ffffff;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height:100%;
    padding:0;
    margin:0;
}

a:link, a:visited {
	color: #0066ff;
	text-decoration: none;
}

a:hover, a:active {
	color: #00ccff;
	text-decoration:none;
}

table, tr, td {
background-color: transparent;
}

h1 {
	font-size:12px;
	display:inline;
	}
	
.class1 {font-family: Arial, Helvetica, sans-serif; color:#7E96BA; font-weight:normal; font-size:9px;}
.class1 A:link {font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: #7E96BA; font-weight:normal; font-size:9px;}
.class1 A:visited {font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: #7E96BA; font-weight:normal; font-size:9px;}
.class1 A:active {font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: #00ccff; font-weight:normal; font-size:9px;}
.class1 A:hover {font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: #00ccff; font-weight:normal; font-size:9px;}
.class3 {font-family: Arial, Helvetica, sans-serif; font-size:9px;}

html {
scrollbar-base-color: #7E96BA;
scrollbar-arrow-color: #7E96BA;
scrollbar-track-color: #d6e6ff;

scrollbar-shadow-color: #7E96BA;
scrollbar-lightshadow-color: #7E96BA; 
scrollbar-darkshadow-color: #7E96BA;

scrollbar-highlight-color: #7E96BA;
scrollbar-3dlight-color: #7E96BA;
}


/* Div structures */
		
#center

	{

	background-color: transparent;

	margin-left: -333px;

	position: absolute;

	margin-top: -251px;

	left: 50%;
	
	top: 50%;

	width: 667px;

	height: 502px;

	border: 0px;

	}
	
#menu

	{

	background-color: transparent;

	position: absolute;

	left: 0px;
	
	top: 0px;

	width: 662px;

	height: 29px;

	border: 0px;
	
	display:block;

	}
	
#slogan

	{

	background-color: transparent;
	
	background-image:url(layout/slogan.gif); background-repeat: no-repeat; background-position:top;

	position: absolute;

	left: 0px;
	
	top: 0px;

	width: 662px;

	height: 29px;

	border: 0px;

	}



#intro

	{

	background-color: transparent;
	
	background-image:url(img/bg-intro.jpg); 
	
	background-position:bottom;
	
	background-repeat:no-repeat;

	position: absolute;

	left: 0px;
	
	top: 46px;

	width: 662px;

	height: 441px;

	border: 1px solid black;

	visibility: visible;

	}

#language {

    width:662px;
	
	height: 48px;
	
	background-color: transparent;

	position: absolute;

	top: 50px;

	border: 0px;

	visibility: visible;
	
    }

#main

	{

	background-color: transparent;
	
	background-image:url(img/bg-15.jpg); 
	
	background-position:bottom;
	
	background-repeat:no-repeat;

	position: absolute;

	left: 0px;
	
	top: 46px;

	width: 662px;

	height: 441px;

	border: 1px solid black;

	visibility: visible;

	}


#pages {

    width:605px;
	
	height: 385px;
	
	background-color: transparent;

	position: absolute;

	top: 35px;
	
	left: 30px;

	border: 0px;
	
    }

#margin {
	
	margin-left: 0px;
	
	margin-right: 5px;
}

#margin2 {
	
	margin-left: 10px;
	
	margin-right: 5px;
}

#footer

	{

	background-color: transparent;

	position: absolute;

	left: 0px;
	
	bottom: 0px;

	width: 662px;

	height: 12px;

	border: 0px;

	}
	

/* Dropmenu */

.dropmenu {
	background: #999;
	float: left;
	margin: 0px; 
	padding: 0px;
	border:0px;
	border-right: none;
}

.dropmenu li a, .dropmenu li{
	float: left;
}

.dropmenu li{
	list-style: none;
	position: relative;	
}

.dropmenu li span{
	background-color:#666666;
	display:block;
	height:0px;
	position:absolute;
	right:0px;
	top:0px;
	width:0px;
}


.dropmenu li a, .dropmenu li div{
	padding: 4px 2px 1px 4px;
	text-decoration: none;
	text-align:left;
	background-color:#ffffff;
	border-right:0px;
	color:#7E96BA;
	font-weight:bold;
	border-bottom:3px solid white;
}

.dropmenu li a:hover{
	background: #FFFFFF;	
}

/* Submenu */
.dropmenu li ul, .dropmenu li > div {
	display: none;
	position: absolute;
	left: 0;
	top: 100%;
	padding: 0px;
	margin: 0px;
	border-right:2px solid #888888;
	border-bottom:2px solid #888888;
	background: #FFFFFF;
	font-size:9px;
	font-weight:normal;
	text-align:left;
	color:#000000;
	
}

.dropmenu li:hover > ul, .dropmenu li:hover > div{
	display: block;	
}

.dropmenu li ul li, .dropmenu li ul li a{
	float: none;	
}

.dropmenu li ul li{
	_display: inline; /* for IE6 */	
}

.dropmenu li > div{
	width: 310px;
	border-top:0px;
	border-left:0px;
	padding: 5px;
	font-size:10px;
	font-weight:normal;
}

.dropmenu li > div.links{
	width: 210px;
	border-top:0px;
	border-left:0px;
	padding: 5px;
	font-size:10px;
	font-weight:normal;
}

.dropmenu li > div a{
	background-color:#FFFFFF;
	font-size:10px;
	font-weight:normal;
	color: #333366;
}

.dropmenu li > div a:hover{
	background-color:#FFFFFF;
	font-size:10px;
	font-weight:normal;
	color: #00ccff;
}

/* Sub submenu */

.dropmenu li ul li a{
	padding: 0px 0px 5px 10px;
	width: 155px;
	display: block;	
	border-top:0px;
	border-left:0px;
	background-color: #FFF;
	font-weight:normal;
	color: #333366;
	text-align:left;
	background: #FFFFFF;
}
.dropmenu li ul li a:hover{
	background-color: #FFF;
	font-weight: normal;
	text-align:left;
	color:#00ccff;
}

.dropmenu li ul li ul, .dropmenu li ul li > div{
	top: 0px;
	left: 100%;
}

/* Flexscrollstyles */

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 5px;
background-color: #d6e6ff;
}
.vscrollerbar {
width: 5px;
background-color: #7E96BA;
}
.hscrollerbase {
height: 5px;
background-color: #d6e6ff;
}
.hscrollerbar {
height: 5px;
background-color: #7E96BA;
}

.scrollerjogbox {
width: 5px;
height: 5px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: #7E96BA;
}

#content {
	background-color: transparent;
	padding: 0 0;
	margin:0 0;
}

/* Sroll body */

#mycustomscroll {
/* Typical fixed height and fixed width example */
width: 605px;
height: 385px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background-color: transparent;
margin: 0 0;
padding: 0 15;
}

#mycustomscroll2 {
/*percantage width: make it 100% to match container*/
width: 98%;
height: 385px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background-color: transparent;
margin: 0 0;
padding: 0 0;
}

#mycustomscroll3 {
/*percantage width: make it 100% to match container*/
width: 355px;
height: 370px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background-color: transparent;
margin: 0 0;
padding: 0 0;
}

.fixedwidth {
/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
width: 600px;
height: 385px;
position: relative;
color: #7E96BA;
padding: 0px;
}