.Hack{width:100%; height:10px; font-size:1px; margin:0; padding:0}
#MainTop{ width:770px; margin:0 auto}
#LogoSection{float:left}
#TopHome{ float:right}
#TopHome ul{margin:10px 0 0 20px; padding:0; float:left}
#TopHome ul li{ float:left; list-style:none; width:60px;}
#TopHome ul li a{ color:#000; text-decoration:none}
#TopHome ul li a:hover{ color:#ff0000; text-decoration:underline}
#TopHome ul li#home{ background:url(../images/top11.gif) no-repeat; padding-left:16px;}
#TopHome ul li#favourite{ background:url(../images/top12.gif) no-repeat; padding-left:16px;}

#MainNavi{ width:100%; height:26px; background:url(../images/top02.gif) repeat-x; margin-bottom:1px;}
#MainNavi ul{margin:6px 0 0 15px; padding:0 3px 0 12px ;}
#MainNavi ul li{ float: left; list-style:none; font-size:14px; font-weight: bold; margin-right: 20px;}
#MainNavi ul li a{ color:#fff; text-decoration:none}
#MainNavi ul li a:hover{ color:#FFFF33; text-decoration:underline}

#FormSection{width:770px; height:26px; background:url(../images/search1.gif) no-repeat}
#MailLogin{ float:left; margin-left:60px; color:#fff}
#MailLogin span{float:left; margin:7px 0 0 0}
.formemaillogin{ height:16px; border:1px solid #333; margin:3px 10px 0 0; float:left}
.SubmitBtn{ margin:4px 0 0 0; float:left}
#Search{float:left; margin-left:145px;}
#TopFlash{ width:770px; height:100px; background:url(../images/AD_top.jpg) no-repeat; margin:1px auto}
#Announce{width:770px; height:26px; background:url(../images/search4.gif) no-repeat; margin:1px auto}
#DateTody{ float:left; color:#fff; margin:7px 0 0 10px}
#MarqeenSection{ float:left;margin:7px 0 0 30px;}
.Hack{ width:100%; height:5px; margin:0; padding:0; font-size:1px;}
#MainBox{ width:770px; margin:auto; float:none}
.MainSectionBox{ width:770px; float:left}
#SectionLeft{ width:190px; float:left; margin-right:9px; background:#FFEEF0; padding-bottom:5px}
#LeftNavi{ width:190px; float:left; border-bottom:1px dashed #FF7387}
#LeftNavi ul{ margin:0; padding:0; float:left}
#LeftNavi ul li{ list-style:none; width:190px; height:34px;}

#about a{position:inherit;display:block;width:190px;height:34px;text-indent:-9999px;text-decoration:none;background:transparent url(../images/navi01.jpg) 0 0 no-repeat;}
#about a:hover{ position:inherit;display:block;width:190px;height:34px;text-indent:-9999px;text-decoration:none;background:transparent url(../images/navi01.jpg) 0 -34px no-repeat;}
#policy a{position:inherit;display:block;width:190px;height:34px;text-indent:-9999px;text-decoration:none;background:transparent url(../images/navi02.jpg) 0 0 no-repeat;}
#policy a:hover{ position:inherit;display:block;width:190px;height:34px;text-indent:-9999px;text-decoration:none;background:transparent url(../images/navi02.jpg) 0 -34px no-repeat;}
#leader a{position:inherit;display:block;width:190px;height:34px;text-indent:-9999px;text-decoration:none;background:transparent url(../images/navi03.jpg) 0 0 no-repeat;}
#leader a:hover{ position:inherit;display:block;width:190px;height:34px;text-indent:-9999px;text-decoration:none;background:transparent url(../images/navi03.jpg) 0 -34px no-repeat;}

#subleader a{position:inherit;display:block;width:190px;height:34px;text-indent:-9999px;text-decoration:none;background:transparent url(../images/navi04.jpg) 0 0 no-repeat;}
#subleader a:hover{ position:inherit;display:block;width:190px;height:34px;text-indent:-9999px;text-decoration:none;background:transparent url(../images/navi04.jpg) 0 -34px no-repeat;}

#subsecretaire a{position:inherit;display:block;width:190px;height:34px;text-indent:-9999px;text-decoration:none;background:transparent url(../images/navi05_bak.jpg) 0 0 no-repeat;}
#subsecretaire a:hover{ position:inherit;display:block;width:190px;height:34px;text-indent:-9999px;text-decoration:none;background:transparent url(../images/navi05_bak.jpg) 0 -34px no-repeat;}

#commitee a{position:inherit;display:block;width:190px;height:34px;text-indent:-9999px;text-decoration:none;background:transparent url(../images/navi05.jpg) 0 0 no-repeat;}
#commitee a:hover{ position:inherit;display:block;width:190px;height:34px;text-indent:-9999px;text-decoration:none;background:transparent url(../images/navi05.jpg) 0 -34px no-repeat;}
#profession a{position:inherit;display:block;width:190px;height:34px;text-indent:-9999px;text-decoration:none;background:transparent url(../images/navi06.jpg) 0 0 no-repeat;}
#profession a:hover{ position:inherit;display:block;width:190px;height:34px;text-indent:-9999px;text-decoration:none;background:transparent url(../images/navi06.jpg) 0 -34px no-repeat;}
#cost a{position:inherit;display:block;width:190px;height:34px;text-indent:-9999px;text-decoration:none;background:transparent url(../images/navi07.jpg) 0 0 no-repeat;}
#cost a:hover{ position:inherit;display:block;width:190px;height:34px;text-indent:-9999px;text-decoration:none;background:transparent url(../images/navi07.jpg) 0 -34px no-repeat;}
#event a{position:inherit;display:block;width:190px;height:34px;text-indent:-9999px;text-decoration:none;background:transparent url(../images/navi08.jpg) 0 0 no-repeat;}
#event a:hover{ position:inherit;display:block;width:190px;height:34px;text-indent:-9999px;text-decoration:none;background:transparent url(../images/navi08.jpg) 0 -34px no-repeat;}
/*--ΆΤΑͺ--*/
#pair{width:105px; height:464px;  float:left; margin-left:1px; margin-top: 10px; position:absolute; left:0px }
#pair1{width:105px; height:464px; float:right; margin-right: 1px; margin-top:10px; position:absolute; right:0px }
#LeftAd{width:190px; text-align:center;}
#Download{ width:190px;}
#DownloadMain
{
	margin: 10px auto 5px;
	overflow: hidden;
	width: 180px;
	white-space: nowrap;
	TEXT-OVERFLOW: ellipsis;
	text-align: left;
}
#DownloadMain ul{ margin:0 0 0 10px; padding:0}
#DownloadMain ul li{ list-style:none; line-height:180%}
#DownloadMain a{ color:#CA0000; text-decoration:none}
#DownloadMain a:hover{ color:#FF0000; text-decoration:underline}

#NewsBox{ border:1px solid #FF99A7; width:350px;float:left}
#NewsTitle{width:100%; height:25px; background:#FFE7EA url(../images/title_dot.gif) no-repeat 2% 55%}
#NewsTitle h2{float:left; font-size:14px; color:#FF2D4A; margin:5px 0 0 10px; padding:0;}
#NewsTitle span{ float:right; font-size:12px; margin:7px 5px 0 0}
#NewsTitle span a{ color:#FF2D4A; text-decoration:none}
#NewsMain
{
	margin: 5px auto;
	overflow: hidden;
	width: 340px;
	white-space: nowrap;
	TEXT-OVERFLOW: clip;
	text-align: left;
}
#NewsMain ul{margin:0; padding:0; float:left}
#NewsMain ul li
{
	font-size: 12px;
	vertical-align: super;
	overflow: hidden;
	width: 340px;
	line-height: 23px;
	list-style-type: none;
	white-space: nowrap;
	TEXT-OVERFLOW: ellipsis;
}
#NewsMain ul li a{ color:#000; text-decoration:none;}
#NewsMain ul li a:hover{ color:#FF2D4A; text-decoration:underline;}
#NewsMain ul li img
{
	margin: 10px 0px 5px 5px;
	vertical-align: baseline;
}

#NewsList
{
	float: left;
	margin: 5px auto;
	overflow: hidden;
	width: 340px;
	
	text-align: left;
	white-space: nowrap;
	TEXT-OVERFLOW: clip;
}
#NewsList ul
{margin:0; padding:0; float:left}
#NewsList ul li
{
	font-size: 12px;
	vertical-align: super;
	overflow: hidden;
	width: 340px;
	line-height: 200%;
	list-style-type: none;
	white-space: nowrap;
	TEXT-OVERFLOW: ellipsis;
	text-align: left;
	
}
#NewsList ul li a
{
	color: #000;
	text-align: left;
	
}
#NewsList ul li a:hover{  color:#FF2D4A; text-decoration:underline;}
#NewsList ul li img
{
	margin: 10px 0px 5px 5px;
	vertical-align: baseline;
}
#NewsList1 a
{
	font-size: 12px;
	color: #323232;
	line-height: 20px;
	text-align: left;
	text-decoration: none;
}
#NewsList1 a:hover
{
	font-size: 12px;
	color: #cf0f2a;
	line-height: 20px;
	text-align: left;
	text-decoration: none;
}

