@charset "UTF-8";
/* CSS Document */
*{
	padding:0;
	margin:0;
	border:none;
	font-family: Arial, Helvetica, sans-serif;
}

body {
	font-size: 14px;
	background-color: #FFFFFF;
	margin:0px auto;
	padding:0px;
	background-image: url(../images/top/background.gif);
	background-repeat:repeat-y;
	background-position:center;
	text-align:center;
}

body,td,div{font-size:14px;line-height:140%;}

#base {
	margin: 0px auto;
	padding: 0px;
	width: 756px;
	background-image: url(../images/endline.jpg);
	background-repeat: repeat-y;
	background-position: right;
	border-left:1px double #444;
	text-align:left;
}


/* ================================================================ 
   header
=================================================================== */
div#header {
	margin: 0px;
	padding: 0px;
	width: 750px;
}
	div#header ul#toplink {
		width:750px;
		height:60px;
		padding:10px 0 0 10px;
	}
	div#header ul#toplink li{
		list-style-type:none;
		float:left;
	}
	div#header ul#toplink li#flags1{
		margin-left:20px;
	}
	div#header ul#flags2 {
		float:right;
		margin-top:5px;
		margin-right:10px;
	}
	div#header ul#toplink li img#logo{
		margin-top:15px;
		margin-left:10px;
	}
	div#header ul#toplink li img.flag{
		margin-top:5px;
		margin-right:2px;
	}
	
	div#header ul#toplink li p {
			display: table-cell;
			vertical-align: middle;
}
div.title {
	background-image:url("../images/img/topimage01.jpg");/*../images/img/sc02_bg.gif*/ 
	height: 149px;
	padding-left: 40px;
}


/* ================================================================ 
   menu link
=================================================================== */

#menu{
	background-image: url(../images/top/menu/background.gif);
	background-repeat: repeat-x;
	height:30px;
	padding-left:13px;
	
}
* html #menu{
	width:750px;
}
	#menu ul li{
		float:left;
		list-style-type:none;
		border:none;
		display:block;
		position:relative;
	}
	#menu ul img{
		margin:7px 7px;
	}
	


/*IE6*/

* html .menu2{padding:0px;  width:754px;}
html>/**/body .menu2 {padding:0px;  width:750px;}

.menu2 ul {padding:0 0 0 15px;margin:0;list-style-type:none; height:30px; background-image:url(../images/top/menu/background.gif);}

.menu2 ul ul  {width : auto;	background-color : #6699cc;	background-image : none;}

.menu2 ul li {float:left; height:23px; background-image:none;}

.menu2 ul ul li{display:block; width:auto; height:30px; position:relative; background-color:#6699CC; 
					border-top: 1px solid #FFF;	border-left: 1px solid #FFF;border-right: 1px solid #FFF;}
* html .menu2 ul ul li{width:170px;}
					
.menu2 ul li ul li.menu-bottom{border-bottom:1px solid #FFF;}

.menu2 a, .menu2 a:visited{display:block; float:left; height:100%; padding:7px 10px 0 0;}

.menu2 ul ul a, .menu2 ul ul a:visited{display:block; color:#FFF;  width:12em; height:22px; padding:8px 1em 0 1em; text-decoration:none; font-size:14px;}

* html .menu2 ul ul a, * html .menu2 ul ul a:visited  {
display : block;
color : #fff;
width : auto;
padding : 0.7em 0 0 0.7em;
text-decoration : none;
font-size : 14px;
} 


.menu2 ul table ul a, .menu2 ul table ul a:visited {width:170px; w\idth:auto;}

.menu2 table{position:absolute; left:0; top:0; font-size:1em; }

.menu2 li:hover{position:relative;}
* html .menu2 a:hover{position:relative;}


.menu2 ul ul a:hover{color:#6699CC; background-color:#FFCC00;}

.menu2 ul ul{visibility:hidden; position:absolute; top:28px; left:0; width:auto;}

.menu2 ul li:hover ul, .menu2 ul a:hover ul
{visibility:visible; padding:0;}

/*\\\\\\\\\\\\*/

* html .menu3{padding:0px;  width:754px;}
html>/**/body .menu3 {padding:0px;  width:750px;}

.menu3 ul {
	margin: 0;
	padding: 0;
	list-style: none;
	height:30px;
	border-bottom:1px solid #000;
	border-top:1px solid #000;
	background-color:#71A6CD;
}


.menu3 ul li {
	position: relative;
	float: left;
	height:28px;
}

.menu3 li ul {
	position: absolute;
	top:24px;
	display: none;
	background-image:none;
	border:none;
}

.menu3 ul li a {
	display: block;
	text-decoration: none;
	color: #FFF;
	background: #71A6CD;
	height:auto;
	margin:7px 8px 0 8px;
}

/* not IE */
html>/**/body .menu3 ul li a {height:22px;}

.menu3 ul ul{top:27px;}

/* not IE */
html>/**/body .menu3 ul ul{top:29px;}

.menu3 ul ul li{display:block; width:auto; height:28px; position:relative; background-color:#000; padding:0; float:none;
				 	margin:0; border-top: 1px solid #FFF;	border-left: 1px solid #FFF;border-right: 1px solid #FFF;}

/* IE6 */
* html .menu3 ul ul li{display:block; width:auto; height:auto; position:relative; background-color:#000; padding:0; float:none;
				 	margin:0; border-top: 1px solid #FFF;	border-left: 1px solid #FFF;border-right: 1px solid #FFF;}

.menu3 ul li ul li.menu-bottom{border-bottom:1px solid #FFF;}

.menu3 ul ul a {display:block; color:#FFF;  width:155px; height:22px; padding:5px 1em 0 1em; text-decoration:none; font-size:14px; margin:0;}

/* IE6 */
* html .menu3 ul ul a  {
display : block;
color : #fff;
width : 155px;
padding : 5px 0 0 0.7em;
font-size : 14px;
} 

/* IE7 */
*:first-child + html .menu3 ul ul a  {
display : block;
color : #fff;
width : 155px;
height : 23px;
margin : 0;
padding : 5px 0 0 0.7em;
font-size : 14px;
} 


.menu3 ul ul li a:hover { color:#6699CC; background-color:#FFCC00; }
.menu3 li:hover ul, li.over ul { display: block; }


/* ================================================================ 
   footer
=================================================================== */
#footer {
	margin: 0px;
	width: 750px;
	text-align:center;
	background-image: url(../images/footer_bg.jpg);
	color:#fff;
	clear:both;
	padding-top:5px;
}
* html #footer{
	width:754px;
}

div#matemenu ul{
	list-style-type:none;
	clear:both;
}
	div#matemenu ul li{
		float:left;
		margin-right:7px;
}
	div#matemenu ul li img.link{
		margin-top:20px;
}