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


/*_______________ the Main _____________ */

/*main*/
body{
	background-color:#fff;
	color:#333;
	border:none;
	margin:0px; 
	padding:0px;
	font-size:12px;
	font-family:Tahoma, Geneva, sans-serif;
}

div, h1, h2, h3, p, form, label, input, textarea, img, span,ul ,li{
	margin:0px; 
	padding:0px;
	border:0px;
	font-size:12px;
	font-family:Tahoma, Geneva, sans-serif;
}

h1, h2, h3, p, ul, li, form, label, input, textarea{
	display:block;
}

ul{
	list-style-type:none;
}



/*_______________ Tags _____________ */

/*h2 Title*/
h2{
	font:26px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#4e2b87;
	/*font-weight:bold;*/
	margin:60px 10px 30px 5px;
	font-size:26px;
}

/*p txt*/
p{
	font: 15px Tahoma, Geneva, sans-serif;
	color:#727272;
	margin:5px 10px 10px 40px;
	line-height:1.3em;
	letter-spacing:1px;
	
}

a{
	text-decoration: none;
	cursor:pointer; 	
}

.spacer {
clear:both;
line-height:0px;
}

/*
a.more{
	font-size:10px;
	position:absolute;
	bottom:20px;
	left:155px;
	text-decoration:underline;
	color:#fd7e31;
}
	
a.more:hover ,a.more:active{
	text-decoration:none;
	color:#c74b00;
}
*/

/*_________________________________*/ 
/*_______________ Div _____________*/ 
/*_________________________________*/ 



/*%%%%%%%%%%%%%{ logo }%%%%%%%%%%%%%*/

#logo_warpper{
	background-color:#FFF;
	position:relative;
	width:1000px;
	height:190px;
	margin:0px auto;
}

#Academia_logo{
	top:50px;
	left:15px;
	position:absolute;
}

#The_International_Forum{
	top:90px;
	left:250px;
	position:absolute;
}

#Time{
	top:50px;
	right:33px;
	position:absolute;
}

/*%%%%%%%%%%%%%{ header }%%%%%%%%%%%%%*/


#header_allBG{
	position:relative;
	height:280px;
	background-color:#e0e0e0;
}

#header_L {
background: url(images/header_L.jpg) 0 0 repeat-x;
height:203px;
top:0;
left:0;
position:absolute;
/*float:left;*/
width:50%;
}

#header_R {
background: url(images/header_R.jpg) 0 0 repeat-x;
height:203px;
/*float:right;*/
position:absolute;
right:0;
top:0;
width:50%;
}


#header {
background:url(images/header.gif) 0 0 no-repeat;
background-position:50% 0%;
position:absolute;
height:203px;
width:100%;
z-index:1;
}

#ad_mid{
	position:relative;
	padding-top:187px;
	max-height:90px;
	max-width:680px;
	height:90px;
	width:680px;
	margin:0px auto 0px;
	bottom:0px;
	z-index:2;
}

#social ul{
	position:absolute;
	bottom:4px;
	right:-160px;
	display:block;
	float:left;s
}

#social ul li{
	float:right;
	}


/*%%%%%%%%%%%%%{ nav }%%%%%%%%%%%%%*/

#nav_allBG {
background:  url(images/nav.jpg) repeat-x;
height:61px;
width:100%;
}

#nav_div{
	margin: 0px auto;
	width:1006px;
	height:60px;
	/*padding-left:15px;*/
	/*text-align:center;*/
	position:absolute;
	top:-60px;
	left:-160px;
}
	#nav_div li{
		float:left;
		position:relative;
	}


	#nav_div a:link, #nav_div a:visited { 
		color: #444;
		font-family:Tahoma, Geneva, sans-serif;
		font-size:11px;
		display:block;
		padding:5px 7px;
		float:left;
		margin:25px 0px 0px 0px;
		
	}

        #nav_div li.dr{
        
        color:#B8E01B;
        }

	#nav_div a:hover, #nav_div a:active { 
		background-color:#FF9;
	}

/*nav ul*/

	#nav{
		/*text-align:center;*/
		position:relative;
	}

/* keep the 'next' level invisible by placing it off screen. */
#nav ul, 
#nav li:hover ul ul,
#nav li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; list-style:none;}

#nav li:hover ul.sub{
	left:0px; 
	top:47px; 
	background: url(images/t.png) repeat;
	padding:3px;
	border-top:3px solid #aad45a;
	white-space:nowrap; 
	height:auto; 
	z-index:300;
	float:none;
}

#nav li:hover ul.sub li a{
	display:block; 
	font-size:11px; 
	height:20px; 
	color:#000; 
	text-decoration:none;
	margin:0px;
	padding:5px 5px 0px 5px;
}

#nav li:hover ul.sub li{
	clear:both;
	width:100%;
	}

#nav li:hover ul.sub li:hover a,#nav li:hover ul.sub li a:hover{
	color:#88a228;
/*	font-weight:bold;
	padding-left:10px;
*/	background:none;
}

#nav li:hover ul.sub li a.plus{
	height:30px;
}



/*%%%%%%%%%%%%%{ body }%%%%%%%%%%%%%*/

#body_allBG {
	background-color:#e0e0e0;
}

#body_warpper{
width:1000px;
margin:0px auto;
background-color:#e0e0e0;
}

	#ad_L{
	float:left;
	width:130px;
	}
	
	#ad_R{
	float:right;
	width:130px;
	}
	
	#container_warpper{
	padding:1px;
	/*cllopes problem ! 
	solve it by add pading to the container !!*/
	background:url(images/paper.jpg) 0 0 repeat-y;
	width:685px;
	margin:0px auto;
	position:relative;
	z-index:0;
	}

	#container_header_bg {
	background: url(images/cor.jpg) 0px 0px no-repeat;
	width:685px;
	position:absolute;
	top:0px;
	right:2px;
	height:236px;
	z-index:-1;
	}

		#container {
		width:615px;
		margin:60px auto 20px;
		margin-left:35 px;
		margin-top:60 px;
		}
		


/*%%%%%%%%%%%%%{ spon }%%%%%%%%%%%%%*/


#spon_allBG {
background: url(images/spon_allBG.jpg) repeat-x;
height:377px;
width:100%;
position:relative;
}

#spon {
background-color:#4e2b87;
background:url(images/spon.jpg) 0 0 no-repeat;
background-position:50% 0%;
position:absolute;
top:0px;
height:377px;
width:100%;
z-index:1;
}

#spon ul{
	display:block;
	position:absolute;
	top: 150px;
	left:290px;
}

#spon ul li{
	float:left;
}


#spon ul li a{
	width:95px;
	height:100px;
	display:block;
	cursor:pointer;
}

#spon ul li a.w115{
	width:115px;
}

#spon ul li a.w65{
	width:65px;
}

#spon ul li a.w130{
	width:130px;
}



/*%%%%%%%%%%%%%{ BG }%%%%%%%%%%%%%*/

#footer_allBG {
	background-color:#4e2b87;
	width:100%;
	height:120px;
	position:relative;
}

#footer_allBG2 {
	background-color:#7b64a1;
	position:absolute;
	top:0px;
	width:100%;
	height:90px;
}

#footer{
		margin:15px auto;
		width:985px;
		text-align:center;
		
	}

	#footer li{
		float:left;
		display:block;
		margin-right:13px;
		color:#b8e01b;
	}
	
	#footer a:link , #footer a:visited { 
		color: #eeeeee;
	}

	#footer a:hover , #footer a:active { 
		color: #333333;
	}

#footer div p{
	font-size:10px;
	color: #eeeeee;
	text-align:center;
	clear:both;
	padding-top:10px;
	line-height:1.5em;
	direction:ltr;
}

#footer span{
	color: #b8e01b;
	font-weight:bold;
	display:inline;
	margin:0px;
	font-size:10px;
}

#spon_flash_warpper{
	width:800px;
	height:350px;
	position:relative;
	margin:auto;
}

#flash_spon{
	position:absolute;
	top:153px;
	left:68px;
}