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



/* General style info */
body { background-color: #595e61; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.txtH1 { font-weight: bold; color: #b62462; }
.txtPink { font-weight: bold; color: #b62462; }
.linkMore { color: #b62462; text-align:right; }
h1 { background:url(images/bullet_large.gif) no-repeat; text-transform:uppercase; font-size:16px; color:#333333; text-indent:25px; }
ul { list-style-image: url(images/bullet_small.gif); line-height:25px; }
/* Main */	
#Main { margin-left: auto; margin-right: auto; margin-top: 5px; padding-top:10px; padding-bottom:5px; _padding-bottom:0px; background-color:#FFFFFF; width:935px; }
/* header */	
#header { text-align:center; position:relative; height: 280px; } 
#header #blockAd    { list-style:none; position:absolute; top:70px; left:15px;  }	
#header #blockAd ul  { list-style:none; width:906px;  background-color:#FFF; margin:0px; padding:0px; border:#999 solid 1px;height:200px;} 	
#header #blockAd ul li { float:left; border-right:#999 solid 1px; width:180px; height:200px; font-size:18px;background-color:#FFF; }	
#header #blockAd ul li.last { float:left; border :none; }	 
#header #blockAd ul li img{border:none;  }	
#header #blockAd ul li  a{text-decoration:none;color:#333;margin-top:70px;  }	
#header #blockAd ul li  a:hover{ text-decoration:none; color:#999; margin-top:90px; }	
#header  #mainMenu { position:absolute; left:15px; z-index:101 ; top:0px; }

/* Content */		
#Content { padding: 5px; }
#Content2 { padding: 5px; margin: 15px; }
#ContentLeft { float:left; width:400px; padding: 5px 10px 5px 5px; }
#news { padding:10px 0px 5px 0px; border-bottom: 1px dotted #666666; }
#event { border-top: 1px solid #999999; margin-top:15px; padding:10px 0px 10px 0px; }
#ContentRight { float:left; width:495px; padding: 5px 5px 5px 10px; margin-bottom: 10px; border-left: 2px solid #666666; }
#association #mission { padding: 5px 5px 5px 10px; }
#sponser { border-top: 1px solid #999999; margin-top:10px; padding:10px 0px 10px 0px; }
#msgBox { margin-left: auto; margin-right: auto; } 
#boxnormalLeft { margin: 10px 10px 0px 10px;     width:430px; float:left;border:#999 solid 1px; display:block;}
#boxnormalRight { padding: 10px 0px 10px 0px; width:440px; float:left; display:block; height:300px; vertical-align:top; }


#msgLeft { padding-left:5px; padding-right:5px; float:left; height:400px; margin-right:10px; margin-left:10px; _margin-left:5px; width:425px; background-image:url(images/msg_event_01.gif); background-repeat:repeat-x; background-color:#830739; color:#FFFFFF; }
#msgRight { padding-left:5px; padding-right:5px; float:left; height:400px; width:450px; background-image:url(images/msg_event_04.gif); background-repeat:repeat-x; background-color:#575757; color:#FFFFFF; }
/* footer */	
	#footer { clear: both; height:60px; line-height:60px; margin:15px; font-size: 10px; color: #FFFFFF; text-align:center; background-color: #595e61; }
/*-- Sub Page--*/ 
/* event page */
#p_event { border-bottom: 1px dotted #666666; padding: 0px 10px 0px 0px; }
#p_event2 p { text-indent:200px; }
#p_contact_left { float:left; width:45%; text-align:right; padding:20px 0px 20px 0px; }
#p_contact_right { float:left; width:45%; padding:20px 0px 20px 0px; }
div.img { clear:both; width:370px; margin:10px 0px 20px 0px; float:left; }
div.img img { float:left; margin:5px; border:1px solid #666666; }
div.img a:hover img { border: 1px solid #EEEEEE; }
.logoSponser { margin-bottom:50px; text-align:center; float:left; margin-right:10px; margin-left:15px; }
.logoSponser a { border:0; text-decoration:none; text-align:center; color:#0066CC; font-weight:bold; padding:0, 50px, 0, 20px; }
.logoSponser img { border:0; text-decoration:none; text-align:center; color:#0066CC; font-weight:bold; padding:0, 50px, 0, 20px; }
 


#menuTop{ display: block; height: 60px; z-index:100; position:absolute; top:0px; left:10px; text-align:center; width: 907px;  margin-left:5px;  }
#menuTop ul{ list-style:none; margin:0px; padding:0px;}
#menuTop ul li{ float:left;  font-size:10px;   border-right:#FFF solid 1px;  }
 #menuTop ul li.national  { float:left; text-decoration: none; color:#FFF; width:148px; line-height:14px; background:  url(images/bg_nav.gif) repeat-x left -120px; }
 #menuTop ul li.national a{ background:  url(images/bg_nav.gif) repeat-x left top; }
 #menuTop ul li.national ul li a     { background:   none; }
 


 
#menuTop ul li a{ float:left; text-decoration: none; color:#FFF; padding:0px 20px; background:  url(images/bg_nav.gif) repeat-x left top; height:50px; padding-top:10px; }
#menuTop ul li a:hover{ float:left; text-decoration: none; color:#FFF; background:  url(images/bg_nav.gif) repeat-x left -60px;  }
#menuTop ul li  a.active{ float:left; text-decoration: none; color:#FFF;   background:  url(images/bg_nav.gif) repeat-x left -120px; }

 #menuTop ul li.last a { float:left; text-decoration: none; color:#FFF; padding:0px 21px; background:  url(images/bg_nav.gif) repeat-x left top; height:50px; padding-top:10px; border:none; }
#menuTop ul li.last  a:hover{ float:left; text-decoration: none; color:#FFF; background:  url(images/bg_nav.gif) repeat-x left -60px; border:none; } 
 
#menuTop li ul { position: absolute;  top:59px; background-color:#666; margin:0px; padding:0px;  left: -5000px ; } /* For hide second-level lists */ 
#menuTop li:hover ul { left: auto; width:270px; }/* For hide second-level lists */
#menuTop  li:hover ul#hackIE7-1 {left:166px;   width:140px;  }
#menuTop  li:hover ul#hackIE7-1  li a {width:140px; }
 #menuTop  li:hover ul#hackIE7-3 {left:560px;   width:230px;  }
#menuTop  li:hover ul#hackIE7-3  li a {width:230px; }
 #menuTop  li:hover ul#hackIE7-4 {left:700px;   width:185px;  }
#menuTop  li:hover ul#hackIE7-4  li a {width:185px; }
 
 
#menuTop ul li ul  { background-color:#494949; margin:0px; padding:0px 0px 5px;  } 
#menuTop ul li ul  li { display:block; clear:both; text-indent:5px; border-style: none; }
#menuTop ul li ul  li a{ background: url(none); display:inline; width:270px; text-align:left; height:5px; margin:0px ; padding:  0px;  height:20px;   }
 
#menuTop ul li ul  li a:hover{ background: #8c8f16 url(none); display:inline; width:270px; text-align:left; height:5px; margin:0px; padding:  0px; height:20px; }
 

  
/* -----------------  Hack IE 7  ----------------- */ 

*:first-child+html   #menuTop li ul { position: absolute;  top:59px; background-color:#494949; margin:0px; padding:0px; display:block; padding-bottom:5px; }
*:first-child+html #menuTop  li:hover ul#hackIE7-1  {left:166px;  width:140px;   }
*:first-child+html #menuTop  li:hover ul#hackIE7-1  li a { width:140px;  }
*:first-child+html #menuTop  li:hover ul#hackIE7-2  {left:278px;  }
*:first-child+html #menuTop  li:hover ul#hackIE7-3  {left:560px;  }
*:first-child+html #menuTop  li:hover ul#hackIE7-4  {left:700px;   width:185px;  }
*:first-child+html #menuTop  li:hover ul#hackIE7-4  li a { width:185px;  }