@charset "utf-8"; 
body,html { margin:0; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; background:url(../images/bg.gif) repeat-x top #efefef}
a { text-decoration:none}
a:hover { text-decoration:none; color:#FF0000}
p.spacer{clear:both; display:block; line-height:0px; font-size:0px; padding:0; margin:0}
input { font-family:Verdana, Arial, Helvetica, sans-serif; }
.top_menu {margin: 0 auto; width:950px; display:block;padding:10px 0px 5px 20px;}/*2011-01-05*/
.logo_eclass {float:left; display:block; height:50px; width:150px; text-decoration:none; background:url(../images/logo_eclass.png) no-repeat bottom  left}
.top_setting {display:block; float:right; width:400px; height:30px;}
.top_font_setting {float:right; display:block; width:60px; margin-right:10px;}
.top_font_setting a { display: block; float:left; width:20px; height:20px; background:url(../images/font_size.gif) no-repeat 0px 0px;}
.top_font_setting a.larger{ background-position:0px 0px;}
.top_font_setting a.larger:hover{ background-position:-20px 0px;}
.top_font_setting a.reset{ background-position:0px -20px;}
.top_font_setting a.reset:hover{ background-position:-20px -20px;}
.top_font_setting a.smaller{ background-position:0px -40px;}
.top_font_setting a.smaller:hover{ background-position:-20px -40px;}
.top_lang_setting {float:right; display:block; margin-right:10px;}
.top_lang_setting  img{ border:none;}
/*.top_lang_setting a.change_pulldown{ display:block; float:left; background:url(../images/change_lang.gif) no-repeat right top ; padding-right:20px; height:20px; line-height:20px; color:#336699; padding-left:5px; font-size:0.9em;}
.top_lang_setting a.change_pulldown:hover{background-position:right -20px; color:#CC0000}
.top_lang_setting_option { display:block; position:absolute; width:100px; background: #FFFFFF; border:1px solid #CCCCCC; clear:both; padding:5px; visibility:hidden}
.top_lang_setting_option a{ display:block; clear:both;color:#336699;  padding:3px 3px 5px 5px;}
.top_lang_setting_option a:hover{ color:#FF0000}
.top_lang_setting_option a.current_lang { background:#FF0000; color:#FFFFFF}*/
.top_search { float:right; display:block; width:180px; }
.top_search_left{ background:url(../images/search_bg.gif) no-repeat top left; display:block; padding-left:4px; height:22px;}
.top_search_right{ background:url(../images/search_bg.gif) no-repeat right -25px; display:block; padding-right:20px; height:19px; padding-top:3px;}
.top_search input { border:0px; background:none; width:99%;font-size:0.9em}
.menu{ display:block; float:left; padding-left:10px}
#main_menu { display:block; float:left; width:840px; padding-left:5px; padding-right:5px;}
#main_menu ul { list-style-type:none; padding:0; margin:0; height:30px; border-bottom:2px solid #cccccc; width:840px; padding-top: 10px;}
#main_menu ul li { display:block; float:left;  padding:0; margin:0;}
/*#main_menu ul li a{display:block; float:left; height:30px; background-repeat: no-repeat}
#main_menu ul li a.main_menu_01{ background-position:0px 0px; width:125px;}
#main_menu ul li a.main_menu_01:hover{ background-position:0px -30px;}
#main_menu ul li a.main_menu_02{ background-position:-125px 0px; width:100px;}
#main_menu ul li a.main_menu_02:hover{ background-position:-125px -30px;}
#main_menu ul li a.main_menu_03{ background-position:-225px 0px; width:170px;}
#main_menu ul li a.main_menu_03:hover{ background-position:-225px -30px;}
#main_menu ul li a.main_menu_04{ background-position:-395px 0px; width:85px;}
#main_menu ul li a.main_menu_04:hover{ background-position:-395px -30px;}
#main_menu ul li a.main_menu_05{ background-position:-480px 0px; width:125px;}
#main_menu ul li a.main_menu_05:hover{ background-position:-480px -30px;}
#main_menu ul li a.main_menu_06{ background-position:-605px 0px; width:150px;}
#main_menu ul li a.main_menu_06:hover{ background-position:-605px -30px;}
#main_menu ul li a.main_menu_07{ background-position:-755px 0px; width:85px;}
#main_menu ul li a.main_menu_07:hover{ background-position:-755px -30px;}
#main_menu ul li.current_menu  a.main_menu_01 { background-position:0px -30px;}
#main_menu ul li.current_menu  a.main_menu_02 { background-position:-125px -30px;}
#main_menu ul li.current_menu  a.main_menu_03 { background-position:-225px -30px;}
#main_menu ul li.current_menu  a.main_menu_04 { background-position:-395px -30px;}
#main_menu ul li.current_menu  a.main_menu_05 { background-position:-480px -30px;}
#main_menu ul li.current_menu  a.main_menu_06 { background-position:-605px -30px;}
#main_menu ul li.current_menu  a.main_menu_07 { background-position:-755px -30px;}
.main_menu_en  ul li a{ background-image:url(../images/main_menu_en.png)}
.main_menu_b5  ul li a{ background-image:url(../images/main_menu_b5.png)}
.main_menu_gb  ul li a{ background-image:url(../images/main_menu_gb.png)}*/
#main_menu ul li a { display:block; float:left; text-align:center; height:30px; line-height:25px; font-weight:bold; color:#1e579f; font-size:1.1em; padding: 0px 8px}
#main_menu ul li a:hover { color:#f20017;line-height:32px;}
#main_menu ul li a.main_menu_01{ width:125px;}
#main_menu ul li a.main_menu_02{ width:100px;}
#main_menu ul li a.main_menu_03{  width:170px;}
#main_menu ul li a.main_menu_04{width:85px;}
#main_menu ul li a.main_menu_05{width:125px;}
#main_menu ul li a.main_menu_06{ width:150px;}
#main_menu ul li a.main_menu_07{ width:85px;}
/*#main_menu ul li.current_menu a{ color:#f20017;line-height:32px;}*/
#main_menu ul li#current a{ color:#f20017;line-height:32px;}
.logo_bl { display:block; float:right; background:url(../images/logo_bl.png) no-repeat top left; width:90px; height:50px;} 

.sub_menu { position:absolute; width:840px; padding:5px; padding-top:0px; min-height:210px; display:block; background:url(../images/sub_menu_bg.png) repeat-y bottom left; z-index:99999; visibility:hidden} /* Modified by Thomas on 2012-06-27 : change no-repeat to repeat-y */
.sub_menu_content{ min-height:194px; padding:7px; display:block; background:url(../images/sub_menu_content_bg.png) repeat-y bottom right; /*padding-right:50px*/ } /* Modified by Thomas on 2012-06-27 : change no-repeat to repeat-y */
.sub_menu_content_cat{ display:block; float:left; width:205px;  clear:none; margin-bottom:5px}
.sub_menu_content_cat ul {padding:0px; margin:0px; list-style-type:none;}
.sub_menu_content_cat ul li{padding:0px; margin:0px; display:block}
.sub_menu_content_cat ul li a{ margin-left:0px; padding-left:15px; display:block; line-height:15px; margin-bottom:3px; background:url(../images/sub_menu_icon.gif) no-repeat 0px 0px; color:#c00107; font-size:1em; font-weight:normal;}
.sub_menu_content_cat ul li a:hover{ color:#FF0000}
.sub_menu_content_cat ul li ul li a{margin-left:8px; color:#706f70; background-position:0px -100px; font-weight:normal; margin-bottom:3px; font-size:1em;}
/*
#sub_menu_01 .sub_menu_content{background-image:url(../images/sub_menu_content_bg_01.png)}
#sub_menu_02 .sub_menu_content{background-image:url(../images/sub_menu_content_bg_02.png)}
#sub_menu_03 .sub_menu_content{background-image:url(../images/sub_menu_content_bg_03.png)}
#sub_menu_04 .sub_menu_content{background-image:url(../images/sub_menu_content_bg_04.png)}
#sub_menu_05 .sub_menu_content{background-image:url(../images/sub_menu_content_bg_05.png)}
#sub_menu_06 .sub_menu_content{background-image:url(../images/sub_menu_content_bg_06.png)}
#sub_menu_07 .sub_menu_content{background-image:url(../images/sub_menu_content_bg_07.png)}
*/

.page_menu_board { margin-left:15px; width:225px; margin-bottom:10px;}
.page_menu_board_top{ background:url(../images/contact_bg_top.png); width:225px; height:8px; display:block; clear:both}
.page_menu_board_bottom{ background:url(../images/contact_bg_bottom.png); width:225px; height:8px; display:block; clear:both}
.page_menu_board_content{ background:url(../images/contact_bg.png); display:block;  min-height:100px; padding-left:10px; padding-right:10px;}

.page_menu_list { display:block; border-bottom:1px solid #afafaf;}
.page_menu_list h1{ padding:0; margin:0; font-size:1.3em; font-weight:bold; color:#c00107; line-height:25px; border-bottom:1px solid #afafaf;} 
.page_menu_list ul{ list-style-type:none; display:block; border-bottom:1px dashed #afafaf; padding:0; margin:0}
.page_menu_list ul li{ display:block; padding:0; margin:0} 
.page_menu_list ul li a{ display:block; line-height:20px; color:#706f70; font-size:1em; padding-left:20px; background:url(../images/sub_menu_icon.gif) no-repeat left -97px;margin-left:20px;} 
.page_menu_list ul li a:hover{ color:#FF0000} 
.page_menu_list ul li.cat_title a{ line-height:25px; margin-left:0px; font-size:1.1em; font-weight:bold; background-position:3px 3px}
.page_menu_list ul.current_cat li.cat_title a{ color:#f20017}
.page_menu_list ul.current_cat li.current_page a{ color:#f20017}

.related_info { display:block; margin-top:30px; }
.related_info span { line-height:20px; color:#666666; display:block}
.related_info a { padding-left:10px; color:#2369b9; line-height:18px; display:block;}
.related_info a:hover{ color:#FF0000}

.download_ref { display:block; margin-top:30px; }
.download_ref a{ display:block; padding-left:30px; line-height:18px; color:#1e579f; font-weight:bold; margin-bottom:3px; background:url(../images/icon_download_ref.png) no-repeat left top}
.download_ref a:hover{ color:#FF0000}


.main_container{margin: 0 auto; width:955px; display:block;min-height:600px; padding-left:10px; padding-bottom:20px}
.main_container_left { float:left; width:245px; display:block}
.main_content { float:left; width:700px; display:block; padding-left:10px;}
.main_container_left_indside{ float:left; width:240px; display:block}
.main_content_inside { width:715px; display:block; float:left}

.flash_banner{ display:block; float:left; width:700px; padding-bottom:26px;background:url(../images/banner_bg.png) bottom no-repeat}


a.more { color:#0e64ad; font-size:1em; float:right; padding-right:11px; display:block; background:url(../images/icon_more.gif) no-repeat top right}
a.more:hover { color:#FF0000;}

.event_highlight_board { display:block; padding-bottom:10px;}
.event_highlight_board h1 { display:block; clear:both; pading:0; margin:0; margin-bottom:10px;  border-bottom:2px solid #CCCCCC; font-size:1em; font-weight:normal; padding-left:5px;}
.event_highlight_board h1 span {  line-height:30px;display:block; float:left;font-size:1.5em; color:#777777; font-weight:bold;}
.event_highlight_board h1 a{ margin-top:12px; margin-right:5px;}

/* Removed by Thomas on 2011-01-21
.event_list div{ display:block; float:left; margin-right:5px; max-width:228px;}
.event_list a span{ cursor:hand; border:4px solid #eae8e8; width:220px; height:160px; display:block}
.event_list a em{ cursor:hand; font-style:normal; color:#0e64ad; font-size:1.2em; font-weight:normal} /*2011-01-13*/
.event_list a:hover span{ border-color:#FFFFFF}
.event_list a:hover em{ color:#FF0000}
*/

.event_list div{ display:block; float:left; margin-right:5px; max-width:228px;}
.event_list a{ display:block; float:left; margin-right:5px;border:1px solid #FFFFFF; background:#FFFFFF; padding:3px; min-height: 228px;}
.event_list a span{ cursor:hand;  width:220px; height:160px; display:block}
.event_list a em{ cursor:hand; font-style:normal; color:#0e64ad; font-size:1.2em; font-weight:normal}
.event_list a:hover {border:1px solid #9bd0f9;}
.event_list a:hover em{ color:#FF0000}

.news_board { display:block; float:left; width:420px; background:#f5f4f4;clear:left; border-bottom:1px solid #CCCCCC}
.news_board h1 { display:block; clear:both; pading:0; margin:0; margin-bottom:2px; padding-left:5px;background:url(../images/news_client_title_bg.gif) repeat-x bottom; font-size:1em; font-weight:normal}
.news_board h1 span {  line-height:30px;display:block; float:left;font-size:1.5em; color:#777777; font-weight:bold;}
.news_board h1 a{ margin-top:12px; margin-right:5px;}
.news_list {display:block; padding:5px;}
.news_list a{ padding:5px; display:block;border-bottom:1px solid #FFFFFF}
.news_list a h2 { padding:0; margin:0; font-size:1em; font-weight:normal; padding-right:80px; display:block; cursor:hand; clear:both}
.news_list a h2 span.news_title{ cursor:hand; display:block; width:98%; float:left; color:#0e64ad; font-size:1.2em; font-weight:normal} /*Modified by Thomas on 2011-01-13*/
.news_list a h2 span.news_date{ font-size:0.95em; color:#b0b0b1; cursor:hand; display:block; /*width:85px;*/ margin-right:-80px;float:right} /*Modified by Thomas on 2010-10-29*/
.news_list a h2 span.news_venue{ cursor:hand; display:block; width:98%; float:left; color:#777777; font-size:1.0em} /*Modified by Thomas on 2010-10-29*/
.news_list a em{ clear:both; display:block; cursor:hand; font-style:normal; font-size:0.95em; color:#777777 }
.news_list a:hover { background:#FFFFFF;}
.news_list a:hover h2 span.news_title{  color:#FF0000}

 
.client_board { display:block; float:left; width:250px; background:#f5f4f4; clear:none; margin-left:10px; border-bottom:1px solid #CCCCCC}
.client_board h1 { display:block; clear:both; pading:0; margin:0; margin-bottom:2px; padding-left:5px;background:url(../images/news_client_title_bg.gif) repeat-x bottom; font-size:1em; font-weight:normal}
.client_board h1 span {  line-height:30px;display:block; float:left;font-size:1.5em; color:#777777; font-weight:bold;}
.client_list {display:block; padding:5px;}
.client_list a{ background:url(../images/client_list.png) no-repeat top left; display:block; border-bottom:1px solid #EEEEEE; height:50px;padding-left:50px; line-height:50px; color:#858484; font-weight:bold; font-size:1.2em; margin-bottom:3px;}/*2011-01-05*/
.client_list a:hover {  color:#FFFFFF}
.client_list a.primary{ background-position:0px 0px;}
.client_list a.primary:hover{ background-position:0px -50px;}
.client_list a.secondary{ background-position:0px -100px;}
.client_list a.secondary:hover{ background-position:0px -150px;}
.client_list a.TI{ background-position:0px -200px;}
.client_list a.TI:hover{ background-position:0px -250px;}
.client_list a.Corp{ background-position:0px -300px;}
.client_list a.Corp:hover{ background-position:0px -350px;}
.client_list a.internation{ background-position:0px -400px;}/*2011-01-05*/
.client_list a.internation:hover{ background-position:0px -450px;}/*2011-01-05*/
.client_list a.kinder{ background-position:0px -500px;}/*2013-10-03*/
.client_list a.kinder:hover{ background-position:0px -550px;}/*2013-10-03*/
 

#coming_up_board { display:block; float:left; margin-bottom:10px;}
.coming_board_top { display:block; width:245px; background:url(../images/coming_up_top_bg.png); height:50px; color:#FFFFFF; font-size:1.5em; font-style:italic; text-align:center;line-height:28px; padding-top:10px;}
.coming_event_list {display:block; width:245px; background:url(../images/coming_up_bg.png) repeat-y; min-height:250px;}/*2010-01-05*/
.coming_event_list a { display:block; /*height:81px;*/ color:#333333; padding-right:5px; padding-left:17px; } 
.coming_event_list a h1 {/*height:80px;*/ padding:0px; margin:0px; font-size:1em; font-weight:normal;display:block;cursor:hand; border-bottom: 1px solid #e4ebf0}
.coming_event_list a h1 span { padding-left:50px; display:block; cursor:hand; font-size:1.2em; font-weight:bold; padding-top:15px; padding-bottom:5px; padding-right:8px}
.coming_event_list a h1 em{ padding-left:50px; display:block;cursor:hand; font-style: normal; font-size:0.95em;padding-right:8px;}
.coming_event_list a h2 { padding:0px; margin:0px; font-size:1em; font-weight:normal; margin-left:-17px; position:absolute; display:block; z-index:99px; background:url(../images/coming_event_date_bg.png) no-repeat top left; width:52px; height:50px; color:#FFFFFF;cursor:hand; padding-right:8px; margin-top:15px;}
.coming_event_list a h2 span { line-height:20px; font-weight:bold; font-size:1.5em; text-align:center; display:block;cursor:hand; padding-top:5px;}
.coming_event_list a h2  em{line-height:15px; font-style: normal; text-align:center; display:block;cursor:hand}
.coming_event_list a.several_days h2 span { font-size:0.9em; font-weight:normal}
.coming_event_list a.several_days_2 h2{ padding-top:2px;}
.coming_event_list a.several_days_2 h2 span { font-size:0.9em; font-weight:normal; line-height:15px; clear:both; padding-top:0px;}
.coming_event_list a h1.event_banner { background: url(../images/temp_event_banner.gif) no-repeat}
.coming_event_list a h1.event_banner span{display:none}
.coming_event_list a h1.event_banner em{display:none}
.coming_event_list a:hover h2{ background-position: left -50px;}
.coming_event_list a:hover h1{ color:#FF0000}

.coming_board_bottom { display:block; width:245px; background:url(../images/coming_up_bottom_bg.png); height:35px;}

/*.coming_up_board_en .coming_board_top{ background-position:0px 0px;}
.coming_up_board_b5 .coming_board_top{ background-position:0px -60px;}
.coming_up_board_gb .coming_board_top{ background-position:0px -120px;}*/


.contact_board { margin-left:15px; width:225px;}
.contact_board_top{ background:url(../images/contact_bg_top.png); width:225px; height:8px; display:block; clear:both}
.contact_board_bottom{ background:url(../images/contact_bg_bottom.png); width:225px; height:8px; display:block; clear:both}
.contact_board_content{ background:url(../images/contact_bg.png); display:block;  min-height:100px; padding-left:10px; padding-right:10px;}
.contact_board_content span em{ font-weight:bold; line-height:20px;color:#6b6b6b; /*color:#920210; */font-style:normal; display:block}
.contact_board_content span u{ text-decoration:none; display:block; line-height:15px; margin-bottom:5px; color:#414141}
.contact_board_content span { display:block; padding-left:35px; background:url(../images/icon_contact.png) no-repeat left; margin-bottom:10px; min-height:30px}
.contact_board_content span.sign_up{font-size:1em; font-weight:bold; background-position: top left; line-height:30px;} 
.contact_board_content span.sign_up a{ color:#1e579f; }
.contact_board_content span.sign_up a:hover { color:#FF0000}
.contact_board_content span.join_us { background-position: left -100px; margin-right:-10px;} /* updated: 20120717*/
.contact_board_content span.join_us h1{ line-height:30px; font-size:1em; padding:0; margin:0; color:#6b6b6b/*color:#920210;*/}
.contact_board_content span.phone{ background-position: left -300px;}
.contact_board_content span.email{ background-position: left -200px;font-size:1em;;}
.contact_board_content span.email a {color:#414141; line-height:15px; }
.contact_board_content span.email a:hover { color:#FF0000}

/*
.page_banner { display:block; height:115px; background:url(../images/page_content_bg.png) no-repeat bottom left}
.page_banner h1{ margin:0; display:block; padding:10px 20px 0px 20px; font-size:2em; font-weight:bold; color:#606060}
*/
.page_banner { padding:0px 5px 5px 5px; display:block; min-height:50px; background:url(../images/page_content_bg.png) no-repeat top left}
.page_banner h1{ margin:0; display:block; font-size:2em; padding:25px 10px 0px 10px; font-weight:bold; color:#dd3f3f; background:url(../images/page_title_bg.gif) no-repeat top left}
#page_banner_elearning{ background-image:url(../images/page_content_bg_elearning.png)}
#page_banner_eadmin{ background-image:url(../images/page_content_bg_eadmin.png)}
#page_banner_IP{ background-image:url(../images/page_content_bg_IP.png)}
#page_banner_iportfolio{ background-image:url(../images/page_content_bg_iportfolio.png)}

/*
.page_content_board { padding:0px 10px 10px 20px; display:block; background:#FFFFFF; min-height:600px; border-bottom:1px solid #FFFFFF}
*/

.page_content_board { margin-left:5px; margin-right:5px; padding:10px; display:block; background:#FFFFFF; min-height:600px; border-bottom:1px solid #FFFFFF}
.natvigation  { display:block;  padding:10px 8px 3px 25px;background:url(../images/icon_home.gif) no-repeat 7px 8px ;color:#686868; }
.natvigation a{ color:#686868; padding-right:5px;}
.natvigation a:hover{ color:#FF0000; padding-right:5px;}
.natvigation span{ color:#686868; padding-right:5px;}

/*
.natvigation  { display:block; margin-bottom:15px;}
.natvigation a{ color:#2369b9; padding-right:5px;}
.natvigation span{ color:#000000; padding-right:5px; font-weight:bold}
*/

.buttonheading img{border: 0px}

.page_tab{ padding:0px;	 clear:both; display:block; background:url(../images/page_tab_bg.gif) repeat-x bottom; min-height:25px;}
.page_tab ul{	list-style-type: none;	margin:0;	margin-left: 0px; padding:0;display:block;}
.page_tab li{	display:inline;	margin:0;	padding:0;display:block; float:right}
.page_tab a{ font-size:0.95em;	text-decoration:none;	float:left;	margin:0;	margin-right: 2px; padding:0 0 0 9px;	background: url(../images/page_tab.gif) no-repeat left -200px;}
.page_tab a span{float:left;	display:block;	padding: 8px 9px 3px 0px;	background:url(../images/page_tab.gif) no-repeat right -300px;	color:#6d8aae;float:none;cursor: hand}
.page_tab a:hover span {padding: 6px 9px 5px 0px;	color:#FF0000;}
.page_tab li.current_tab a{ background-position:0px 0px; margin-top: 1px}
.page_tab li.current_tab a span{padding: 6px 9px 5px 0px; font-weight:bold;	background-position:right -100px;	color:#1e579f;}
.page_tab li.current_tab a:hover span{ color:#FF0000;}
.page_tab a:hover{background-position:left 0px;}
.page_tab a:hover span{ background-position:right -100px;}

/* Comment on 2011-01-19
.event_list_detail { display:block}
.event_list_detail a{ display:block; padding:10px 0px 10px 125px; border-bottom:1px dashed  #CCCCCC}
.event_list_detail a span.event_photo{ float:left; margin-left:-125px; cursor:hand; border:4px solid #eae8e8; width:110px; height:80px; display:block}

.event_list_detail a:hover span.event_photo{ border-color:#FFFFFF}
.event_list_detail a span.event_detail_text{  display:block; width:100%; float:left}
.event_list_detail a h2 { padding:0; margin:0; font-size:1em; font-weight:normal; padding-right:80px; display:block; cursor:hand; clear:both}
.event_list_detail a h2 span.news_title{ cursor:hand; display:block; width:100%; float:left; color:#0e64ad; font-size:1.2em; font-weight:bold}
.event_list_detail a h2 span.news_date{ font-size:0.95em; color:#b0b0b1; cursor:hand; display:block; width:80px; margin-right:-80px;float:right}
.event_list_detail a h2 span.news_venue{ font-size:1.0em; color:#b0b0b1; cursor:hand; display:block; width:100%; float:left; padding-bottom:5px}
.event_list_detail a em{ clear:both; display:block; cursor:hand; font-style:normal; font-size:0.95em; color:#777777 }
.event_list_detail a:hover { background:#FFFFFF;}
.event_list_detail a:hover h2 span.news_title{  color:#FF0000}

.event_list_detail a.event_detail_no_photo{ padding-left: 0px; }
.event_list_detail a.event_detail_no_photo span.event_photo{ display:none}
*/

.event_list_detail { display:block}
.event_list_detail div{ display:block; padding:10px 0px 10px 125px; border-bottom:1px dashed  #CCCCCC}
.event_list_detail div span.event_photo{ float:left; margin-left:-125px; cursor:hand; border:4px solid #eae8e8; width:110px; height:80px; display:block}

.event_list_detail div:hover span.event_photo{ border-color:#FFFFFF}
.event_list_detail div span.event_detail_text{  display:block; width:100%; float:left}
.event_list_detail div h2 { padding:0; margin:0; font-size:1em; font-weight:normal; padding-right:80px; display:block; cursor:hand; clear:both}
.event_list_detail div h2 a.news_title{ cursor:hand; display:block; width:100%; float:left; color:#0e64ad; font-size:1.2em; font-weight:bold}
.event_list_detail div h2 span.news_date{ font-size:0.95em; color:#b0b0b1; cursor:hand; display:block; width:80px; margin-right:-80px;float:right}
.event_list_detail div em{ clear:both; display:block; cursor:hand; font-style:normal; font-size:0.95em; color:#777777 }
.event_list_detail div:hover { background:#FFFFFF;}
.event_list_detail div:hover h2 a.news_title{  color:#FF0000}

.event_list_detail div.event_detail_no_photo{ padding-left: 0px; }
.event_list_detail div.event_detail_no_photo span.event_photo{ display:none}


.page_content{ display:block;	 clear:both; }
.page_content h1{ color:#dd3f3f; font-size:1.5em; padding:10px 0 10px 0; margin:0;}
           
.event_details_info{ clear:both; display:block; padding:10px; padding-top:0px;margin-bottom:10px; border-bottom:1px dashed #CCCCCC}
.detail_date{ display:block; padding-left:20px; background:url(../images/icon_date.gif) no-repeat top left; clear:both; line-height:20px; margin-right:20px;}
.detail_date em{ font-style:normal; padding:5px; margin-left:5px;}
.detail_venue { display:block; padding-left:20px; background:url(../images/icon_venue.gif) no-repeat top left;clear:both; line-height:20px; margin-right:20px;}
.detail_venue em{font-style:normal;; padding:5px; margin-left:5px;}
a.photo_album {display:block; padding-left:20px; background:url(../images/icon_photo_album.gif) no-repeat top left;clear:both; line-height:20px; margin-right:20px; color:#0e64ad}
a.photo_album:hover {color:#FF0000}

.footer{display:block; padding-top:5px; background:#FFFFFF}
.footer_content{margin: 0 auto; width:950px; display:block; height:40px; line-height:20px; font-size:0.95em}
.footer_content a{ color:#000000}
.footer_content a:hover{color:#FF0000}