@import url("local-navigation.css");

/* -------------------------------- */
/* ---- GLOBAL SITE FORMATTING ---- */
/* -------------------------------- */

body {	
	margin: 0;
	padding: 0;
	font: 11px/1em verdana, helvetica, sans-serif;
	color: #333;
	background: #540906 url(/english/img/bg.jpg) no-repeat 773px 0px;
	}

caption, th, td { font: 11px verdana, helvetica, sans-serif; }

* { padding: 0; margin: 0; }
p { margin-top: 8px; line-height: 1.35em; }
ul { list-style: none; }
img { border: 0; }
a { color: #333; text-decoration: none; }
a.red { color: #760000; text-decoration: underline; }
a:hover { text-decoration: underline; }

h1 { font-size: 17px; }

h1 a {
	color: #FFF;
	text-decoration: none;
	}

h2, h3, h4, h5, h6 {
	font-size: 12px;
	color: #585858;
	}

.hr {
	height: 1px;
	margin-top: 10px;
	background: transparent url(/english/img/bg_dot.gif) repeat-x;	
	}
	
.hr hr { display: none; }

img.txt {
	display: inline;
	visibility: visible;
	border: 0;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}

.alt {
	display: none;
	visibility: hidden;
	}


/* CLEARING
------------------------------------------------ */
.clearthis:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

.clearthis { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearthis { height: 1%; }
.clearthis { display: block; }
/* End hide from IE-mac */

	
/* CONTAINERS
------------------------------------------------ */
#container { /* shell around all except footer */
	background: url(/english/img/bg_nav_content.jpg) repeat-y;
	}

#masthead { /* logo, time zone, search */
	width: 773px;
	height: 101px;
	color: #fff;
	background: #2C0000 url(/english/img/bg_masthead.jpg) no-repeat;
	}

#container-inner { /* shell around columns below masthead */
	width: 773px;
	background: url(/english/img/bg_nav.jpg) no-repeat 0 0;
	}	
#nav { /* left navigation */
	float: left;
	width: 147px;
	padding-top: 7px;
	}
	
#main { /* shell around two content columns */
	float: left;
	width: 623px;
	w\idth: 618px;
	padding: 5px 0 27px 5px;
	background: #FFF;
	bac\kground: transparent url(/english/img/bg_content_top.gif) no-repeat;
	}
* html #main { padding-bottom: 61px; } 

#content { /* the main content column */
	float: left;
	width: 426px;
	w\idth: 423px;
	padding-right: 3px;
	overflow: hidden; /* for ie */
	margin: 0;
	}
	
#content-margin { /* right content column */
	float: left;
	width: 186px;
	}

#footer { /* copyright and links */
	position: relative;
	color: #686868;
	background: #CECDCE url(/english/img/bg_footer.gif) repeat-x;
	}
	

/* PAGE STRETCH
------------------------------------------------ */
/* commented backslash hack \*/ 
html, body { height: 100%;} 
/* end hack */
html, body { margin: 0; padding: 0 }

#container { min-height: 100%; margin-bottom: 0; height: auto; } 

* html #container { height: 100%; margin-bottom: -61px; } 

#footer {
	clear: both;
	height: 61px;
	}

#footer-clear { display: none; } /* stop content from going behind footer */
* html #footer-clear { display: block; clear: both; height: 61px; }
/* end */

	
/* MASTHEAD
------------------------------------------------ */
#logo-cctv {
    position: absolute;
    top: 25px;
    left: 3px;
    background: url(/english/img/logo_cctv.gif) no-repeat;
    }
#logo-cctv, #logo-cctv a {
    display: block;
    width: 257px;
    height: 47px;
    }
#timezone, #search {
	position: absolute;
	z-index: 50;
	}

/* ~~ Select Timezone ~~ */
#timezone {
	top: 40px;
	left: 376px;
	}

#timezone label {
	display: block;
	font-size: 10px;
	margin-bottom: 2px;
	}

#timezone select {
	width: 128px;
	font: 11px tahoma, helvetica, sans-serif;
	color: #5A5A5A;
	}

/* ~~ Search ~~ */
#search {
	top: 55px;
	left: 420px;
	width: 420px;
	height: 24px;
	background: transparent url(/english/img/btn/bg_search.gif) no-repeat  0 0;
	}
* html #search { top: 50px; }

#frm-search {
	width: 151px;
	height: 16px;
	padding: 0;
	vertical-align: top;
	margin: 2px 4px 0px 2px;
	}

#btn-frm-web {
	margin-right: 4px;
	margin-top: 2px;
	width: 57px;
	height: 20px;
	}
.btn-frm-web_cur {
	background: url(/english/img/btn/btn_search_webc.gif) no-repeat;
	}
.btn-frm-web_nor {
	background: url(/english/img/btn/btn_search_web.gif) no-repeat;
	}
#btn-frm-video {
	margin-right: 2px;
	margin-top: 2px;
	width: 57px;
	height: 20px;
	}
.btn-frm-video_cur {
	background: url(/english/img/btn/btn_search_videoc.gif) no-repeat;
	}
.btn-frm-video_nor {
	background: url(/english/img/btn/btn_search_video.gif) no-repeat;
	}
#btn-frm-search {
	margin-top: 2px;
	width: 57px;
	height: 20px;
	background: url(/english/img/btn/btn_search.gif) no-repeat;
	}
* html #btn-frm-search { margin-top: 3px; }



/* CONTENT
------------------------------------------------ */

/* ~~~~~~~~~~~~~~~~~ */
/* ~~ UL of links ~~ */
/* ~~~~~~~~~~~~~~~~~~ */
.link1 li {
	padding-left: 12px;
	margin-top: 8px;
	}

.link1 li span {
	padding-left: 12px;
	margin-top: 8px;
	background: url(/english/img/bg_bullet.gif) no-repeat 3px 4px;
	}

.link li {
	padding-left: 12px;
	margin-top: 8px;
	padding-top:2px;
	_height:14px;
	background: url(/english/img/bg_bullet.gif) no-repeat 0px 3px;
	}
	
.link li span {
	padding-left: 12px;
	margin-top: 8px;
	background: url(/english/img/bg_bullet.gif) no-repeat 3px 4px;
	}

.link li strong { color: #666; }


.link-with-number li {
	clear:both;
	margin-top: 8px;
	padding-top:2px;
	min-height:14px;
	_height:14px;
	/*
	padding-left: 24px; background: url(/english/img/bg_bullet_no_01.gif) no-repeat 0px 0px;
	*/
	}

.link-with-number li .number{color:#c00; font-weight:bolder; padding-right:8px;}
/*
.link-with-number li.no-01 {
	background-image: url(/english/img/bg_bullet_no_01.gif);
	}
	
.link-with-number li.no-02 {
	background-image: url(/english/img/bg_bullet_no_02.gif);
	}
	
.link-with-number li.no-03 {
	background-image: url(/english/img/bg_bullet_no_03.gif);
	}
	
.link-with-number li.no-04 {
	background-image: url(/english/img/bg_bullet_no_04.gif);
	}
	
.link-with-number li.no-05 {
	background-image: url(/english/img/bg_bullet_no_05.gif);
	}
	
.link-with-number li.no-06 {
	background-image: url(/english/img/bg_bullet_no_06.gif);
	}
	
.link-with-number li.no-07 {
	background-image: url(/english/img/bg_bullet_no_07.gif);
	}
	
.link-with-number li.no-08 {
	background-image: url(/english/img/bg_bullet_no_08.gif);
	}
	
.link-with-number li.no-09 {
	background-image: url(/english/img/bg_bullet_no_09.gif);
	}
	
.link-with-number li.no-10 {
	background-image: url(/english/img/bg_bullet_no_10.gif);
	}
*/	

.link li i, .link-with-number li i {
	font-style:normal;
	padding-left: 12px;
	padding-right: 24px;
	color: #999999;
	padding-top:2px;
	padding-bottom:1px;
	height:14px;
	float:right;
	margin:-14px 100px 0 -140px;
	}
	
.link li i.time-up, .link-with-number li i.time-up {
	background: url(/english/img/bg_time_up.gif) no-repeat right 0px;
	}
.link li i.time-down, .link-with-number li i.time-down {
	background: url(/english/img/bg_time_down.gif) no-repeat right 0px;
	}

.link-with-number li strong { color: #666; }

/* narrow list in margin */	
.link-withpic li {
	background: url(/english/img/bg_dot.gif) repeat-x bottom left;
	}

.link-withpic li img {
	margin-top: 8px;
	}	

.link-withpic li.video-icon img {
	margin-top: 0;
	}
	
.link-withpic li#yellow-hover {
	background-color: #FFF7DD; 
	padding-bottom: 0; 
	margin-top: 0;
	}

.link-withpic li span {
	display: block;
	padding: 8px 0 8px 12px;
	background: url(/english/img/bg_bullet.gif) no-repeat 0px 11px;
	}	
	
.link-withpic li.last {
	background-image: none;
	}
	
.link-withpic li.last span {
	padding-bottom: 0;
	}

.link-left {
	float: left;
	margin-right: 40px;
	padding-right: 40px;
	}

.link-right {
	clear: right;	
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~ News Module ~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~ */
.hdr-lg, .hdr-sm, .hdr-related, h4.hdr-whats-on-cctv, .hdr-full-gray
 {
	height: 28px;
	he\ight: 19px;
	padding: 9px 0 0 17px;
	}
	
h4.hdr-video {
	height: 28px;
	}
	

.hdr-lg, .hdr-sm, .hdr-related {
	background: transparent url(/english/img/bg_hdr.gif) no-repeat;
	}

.hdr-full-gray {
	background: transparent url(/english/img/bg_hdr_full_gray.gif) 0 0 no-repeat;
	width: 617px;
	height: 30px;
	he\ight: 21px;
	padding: 9px 0 0 17px;
	}
h4.hdr-whats-on-cctv {
	background: url(/english/img/hdr_whats_on_cctv.jpg) no-repeat 0 0;
	}

h4.hdr-video {
	background: url(/english/img/bg_hdr_video.gif) no-repeat 0 0;
	}

.hdr-lg, .hdr-sm, .hdr-related, .hdr-nocurve, .hdr-video
 {
	margin-top: 6px;	
	}
	
.module-thin .icon-video, .module-thin .icon-audio {
	display: inline;
	margin: 0;
	padding: 0;
	line-height: 10px;
	}
	
.module-thin .icon-video { /* in margin module link */
	width: 14px;
	height: 10px;
	vertical-align: middle;
	}

.module-thin .icon-audio { /* in margin module link */
	width: 12px;
	height: 9px;
	}
	
.module {
	width: 423px;
	w\idth: 388px;	
	padding: 1px 19px 12px 16px;
	background: transparent url(/english/img/bg_module.gif) repeat-y;
	}

.module h3, .module h4, .module h5, .module h6 {
	margin-top: 8px;
	font-size: 12px;
	}

.module-bot {
	width: 423px;
	background: url(/english/img/bg_module_bot.gif) no-repeat;
	}

.module-bot, .module-thin-bot
 {
	height: 4px;
	font-size: 1px;
	}

.text-only p {	
	padding-top: 3px;
	line-height: 1.5em;
	}

/* Featured Headline */	
.featured-headline, .featured-headline-alt, .under-discussion, .article-headline { margin-top: 6px; }
* html .featured-headline { margin-top: 7px; }
* html .featured-headline-alt { margin-top: 7px; }
* html .under-discussion { margin-top: 7px; }
* html .article-headline { margin-top: 7px; }
	 
.featured-headline img, .under-discussion img, .article-headline img, featured-headline-alt img {
	float: left;
	margin-right: 9px;
	}

.under-discussion img { margin-top: 2px; }

.article-headline img {
	margin-top: 12px;
	margin-bottom: 3px;
	}

.featured-headline h3, .featured-headline-alt h3  {
	color: #000;
	line-height: 1.3em;
	margin-top: 0;
	margin-bottom: 2px;
	padding-top: 2px;
	}

.featured-headline h3 a, .featured-headline-alt h3 a {
	color: #760000;
	}

.featured-headline-alt h3 {
	padding-top: 5px;
	}

.under-discussion h3 {
	color: #000;
	line-height: 1.2em;
	margin: 0;
	padding-top: 2px;
	}

.under-discussion span {
	display: block;
	margin-top: 9px;
	font-weight: bold;
	color: #666;
	}

.article-headline h3 { 
	margin: 0;
	padding: 2px 0 5px;
	font-size: 18px;
	font-weight: normal;
	color: #000;
	line-height: 1.2em;
	}

.article-headline h4 {
	font-size: 9px;
	font-weight: normal;
	margin: 0 0 11px;
	}
	
.article-headline h4.has-video {
	color:#530f0c;
	font-size:12px;
	font-weight:bold;
	}
.article-headline h4.has-video a{
	color:#7d2824;
	font-size:11px;
	}
.article-headline h4.has-video img{margin:0; float:none;}
	
.article-video a {
	color: #760000;
	padding-top: 15px;
	font-weight: bold;
	font-size: 11px;
	width: 110px;
	display: block;
	background: url(/english/img/video_icon.gif) 86px 95% no-repeat;
	}
	
.featured-headline #copy p { margin: 0; }
.featured-headline-alt p.caption { margin: 10px 0; }
.featured-headline-alt p, .under-discussion p { margin: 0; }	
.featured-headline h4 { color: #333; font-size: 10px; margin: 0; padding: 0;}
.featured-headline a, .featured-headline-alt a { color: #760000; }
.dialogue-contact { padding-top: 10px; }

h3.video {
	background: url(/english/img/video_icon.gif) no-repeat 80% 80%; 
	}
/* end featured headline */	
/* ~~ end News Module ~~ */


/* CONTENT-MARGIN
------------------------------------------------ */

/* ~~~~~~~~~~~~~~~~~~~~ */
/* ~~ Margin Modules ~~ */
/* ~~~~~~~~~~~~~~~~~~~~ */
.hdr-sm, .hdr-related {
	background: transparent url(/english/img/bg_hdr_thin.gif) no-repeat;
	}
.hdr-related {color:#d5541a;}
.module-thin {
	width: 186px;
	w\idth: 155px;	
	padding: 1px 14px 12px 17px;
	background: transparent url(/english/img/bg_module_thin.gif) repeat-y;
	font-size: 10px;
	letter-spacing:.2px;
	}

#module_related {
	background-image: url(/english/img/bg_module_thin_related.gif);
	}

.lesspad { /* apply second class for module-thin that needs wider content area */
	w\idth: 173px;
	padding-left: 8px;
	padding-right: 7px;	
	}
	
.module-thin h5, .module-thin h6 {
	margin-top: 8px;
	}
	
.module-thin-bot {
	width: 186px;
	background: url(/english/img/bg_module_thin_bot.gif) no-repeat;
	}
	
/* ~~ Basic module with outline ~~ */
.mod-basic {
	border: 1px solid #B4B2B5;
	padding: 1px 5px 16px 15px;
	background: #F2F2F2;
	margin: 0 2px 0 3px;
	}
	
.mod-basic li {
	margin-top: 7px;
	font-size: 10px;
	}

/* ~~ Advertisement module ~~ */
.mod-ad	{
	margin-bottom: 6px;
	padding: 7px 10px 10px 9px;
	}
	
.mod-ad	h5 a {
	font-size: 10px;
	color: #E16B00;
	}




/* ~~~~~~~~~~~~~~~~~ */
/* ~~~~ Weather ~~~~ */
/* ~~~~~~~~~~~~~~~~~ */
#mod-weather, #mod-cctv-live {
	padding-top: 6px;	
	}

#mod-weather select {
	width: 108px;
	height: 18px;
	font-size: 10px;
	font-weight: bold;
	color: #5A5A5A;
	}

.scale {
	font-size: 10px;
	}

.scale a {
	text-decoration: underline;
	}
	
a.scale-shown {
	font-weight: bold;
	text-decoration: none;
	border-bottom: 0;
	}
	
#mod-weather dl {
	margin-top: 10px;
	background-repeat: no-repeat;
	background-position: 0px 16px;
	}
	
#mod-weather dl dd {
	font-weight: bold;
	color: #1A3552;
	margin-top: 6px;
	margin-left: 60px;
	padding-bottom: 10px;
	}
	
#mod-weather dl dd.temperature {
	font-size: 20px;
	margin-top: 4px;
	padding-bottom: 0;
	}
	
/* Weather list */
.weather-week li {
	font-size: 10px;
	margin-top: 6px;
	padding-left: 1px;
	padding-bottom: 7px;
	background: url(/english/img/bg_dot.gif) repeat-x bottom left;
	}
	
.weather-week li span {
	float: left;
	display: block;
	width: 60px;
	}	

/* Now Live */
#nowlive {
	margin-top: 6px;
	width: 170px;
	w\idth: 160px;	
	padding: 5px 0 5px 10px;
	background: #F8EFD9 url(/english/img/bg_nowlive_top.gif) no-repeat;
	}

#nowlive strong {
	float: left;
	font-size: 10px;
	width: 55px;
	}
	
#nowlive strong.showtitle {
	width: 97px;
	}

#nowlive-bot {
	font-size: 1px;
	width: 170px;
	height: 2px;
	background: url(/english/img/bg_nowlive_bot.gif) no-repeat;
	}

/* General table with dotted lines */
.tbl-info tr {
	background: url(/english/img/bg_dot.gif) repeat-x top left;
	}

.tbl-info td {
	font-size: 10px;
	padding: 5px 5px 6px 0;
	}

.tbl-info col.time {
	text-align: right;
	}
html>body .tbl-info td { text-align: right; }
html>body .tbl-info td+td { text-align: left; }

#cctv-live {
	margin: 5px 10px 0 9px;
	}

/* contact-info */
.contact-info {
	font-size: 10px;
	}
	
/* cctv address */
.contact-info address {
	margin: 13px 0;
	font-size: 10px;
	}
.contact-info address span {
	color: #666;
	font-style: normal;
	font-weight: bold;
	}	
.contact-info address p {
	margin-top: 2px;
	font-style: normal;
	}
	
.contact-info .telephone span a {
	color: #760000;
	}

.telephone { 
	padding-bottom: 13px;
	background: url(/english/img/bg_dot.gif) repeat-x 0px 100%;
	}

.contact-info h5, .coming-up h5, .coming-up span, .coming-up p { 
	font-size: 10px; 
	color: #333;
	}

.contact-info ul {
	margin-top: 8px;
	}

.contact-info ul li#travelogue {
	font-size: 10px;
	color: #333;
	}
	
.coming-up h5 { 
	font-size: 10px; 
	color: #000; 
	margin-bottom: 7px;
	}

.coming-up li#first { margin-bottom: 4px; color: #666; }
.coming-up li { list-style-type: none; margin-top: 6px; }
.coming-up span { color: #818080; margin: 4px 0 2px 0; padding: 0; display: block; font-weight: bold; }
.coming-up p { margin: 0; }
.coming-up span a { color: #760000; padding-top: 4px; }
.coming-up p.last { background: none; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~ Affiliated Sites ~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.hdr-nocurve {
	width: 181px;
	height: 10px;
	margin-right: 2px;
	margin-left: 2px;
	}	

#hdr-affiliated {
	margin-top: 10px;
	background: url(/english/img/hdr_affiliated_sites.gif) no-repeat;	
	}
	
#hdr-advertisement {
	margin-top: 10px;
	background: url(/english/img/hdr_advertisement.gif) no-repeat;	
	}


/* FOOTER
------------------------------------------------ */
#footer {
	height: 61px;
	}
	
#footer * {
	font-size: 9px;
	}

#footer a {
	font-size: 9px;
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #8A8A8A;
	}
	
#footer a:hover {
	border-bottom: 1px solid #333;
	}	

#footer ul li {
	display: inline;
	padding-left: 11px;
	padding-right: 5px;
	background: url(/english/img/bg_bullet_footer.gif) no-repeat 0px 6px;
	}
	
#footer ul li.first {
	padding-left: 0;
	background-image: none;
	}

#content-botbar, #links-global, #links-languages, #copyright {
	position: absolute;
	}

#content-botbar {
	top: 0px;
	left: 147px;
	width: 623px;
	height: 4px;
	background: #636363;
	font-size: 1px;
	}

#links-global {
	top: 20px;
	left: 14px;
	}	
	
#links-languages {
	top: 20px;
	left: 510px;
	}
	
#links-languages ul {
	display: inline;
	}

#links-languages ul .first {
	margin-left: 3px;
	}
	
#copyright {
	top: 34px;
	left: 14px;
	}
	
.btn-crest {
	position: absolute;
	top: 10px;
	left: 745px;
	}

#footer .btn-crest a {
	border: 0;
	}
	
* html #footer #links-languages * {
	border: 0;
	}
	

/* BUTTONS
------------------------------------------------ */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~ Single button in div ~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* General */
.btn, .btn-more img, .btn-video img, .btn-to-photo-gallery img, .btn-pic-news img {
	display: block;
	height: 18px;
	}
.btn, .banner { background-position: 0 0; background-repeat: no-repeat; }

/* ~~ Specific buttons in div ~~ */
/* More */
.btn-more, .btn-more img { width: 54px; }
.btn-more { margin-top: 8px; background-image: url(/english/img/btn/btn_more.gif); }

.btn-to-photo-gallery, .btn-to-photo-gallery img{width:92px; }
.btn-to-photo-gallery { margin-top: 8px; background-image: url(/english/img/btn/btn_photo_gallery.gif); }


.btn-video img, .btn-video a {
	margin-top: 5px;
	background: url(/english/img/btn/btn_video.gif) 0 0 no-repeat;
	width: 65px;
}
.btn-details { margin-top: 5px; background-image: url(/english/img/btn/btn_details.gif); }

/* view schedule */
.btn-view-schedule, .btn-view-schedule img { width: 129px; height: 29px; }
.btn-view-schedule { margin-top: 8px; background-image: url(/english/img/btn/btn_view_schedule.gif); }

/* Watch CCTV Live (above #nav) */
.btn-cctv-live, .btn-cctv-live img { width: 142px; height: 42px; }
.btn-cctv-live { margin-left: 3px; background-image: url(/english/img/btn_cctv_live.gif); }

/* Watch CCTV Live (in #content-margin) */
.btn-wide-cctv-live, .btn-wide-cctv-live img { width: 171px; height: 44px; }
.btn-wide-cctv-live { margin-top: 0; background-image: url(/english/img/btn_cctv_live_wide.gif); }

/* Crest in footer */
.btn-crest, .btn-crest img { width: 24px; height: 29px; }
.btn-crest { background-image: url(/english/img/btn_crest.gif); }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~ More than 1 button in ul ~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* General */
.btns { height: 18px; }
.btns li { float: left; }

/* ~~ Specific buttons in li ~~ */
/* Full Story */
#btn-fullstory, #btn-fullstory a, #btn-fullstory img { width: 67px; height: 18px; }
#btn-fullstory { background-image: url(/english/img/btn/btn_fullstory.gif); margin-right: 5px; }

/* Video */
.btn-video2, .btn-video2 a, .btn-video2 img { width: 65px; height: 18px; }
.btn-video2 { background: url(/english/img/btn/btn_video.gif) no-repeat; }

#headline-main.type2 .btns { padding: 8px 0 0 15px; }
#headline-main.type2 ul.btns li#btn-fullstory { background-image: url(/english/img/btn/btn_bk_fullstory.gif) }

.normal-headline ul.btns { margin: 0; padding: 0; }

.featured-headline .btns, .featured-headline-alt .btns { margin-top: 5px; }


/* NAV
------------------------------------------------ */
#nav ul {
	position: relative;
	z-index: 1000;
	margin-top: 8px;
	border-bottom: 2px solid #270001;
	background: #515151; /* prevent flicker in IE */
	}

#nav li {
	background: url(/english/img/bg_navbtn.gif) no-repeat;
	}

#nav li a {
	display: block;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	color: #eee;
	height: 26px;
	he\ight: 18px;
	padding-top: 8px;
	padding-left: 17px;
	}
* html #nav li a { he\ight: 17px; padding-top: 9px; }

#nav li a:hover {
	text-decoration: none;
	}

#nav ul.closed {
	display: none;
	}
	
#nav ul.opened {
	display: block;
	}	
	
#nav li.sub-closed {
	background-image: url(/english/img/bg_navbtn_closed.gif);
	}	

#nav li.sub-open {
	background-image: url(/english/img/bg_navbtn_open.gif);
	}
	
/* ~~ Level 2 ~~ */
#nav ul ul {
	margin-top: 0;
	border-bottom: 0;
	background: #7C7C7C; /* prevent flicker in IE */	
	}
	
#nav ul ul li {
	height: 21px;
	background: url(/english/img/bg_navbtn_sub.gif) no-repeat;
	}
	
#nav ul ul li a {
	display: block;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	color: #eee;
	height: 21px;
	he\ight: 16px;
	padding-top: 5px;
	padding-left: 17px;
	}
* html #nav ul ul li a { he\ight: 12px; padding-top: 6px; }

#nav ul ul li.sub-first {
	background-image: url(/english/img/bg_navbtn_sub_first.gif);
	}
	
#nav ul ul li.onpage {
	background-image: url(/english/img/bg_navbtn_sub_on.gif);
	}
/* ~~ end nav ~~ */

/* ~~~~ Footer - Article ~~~~ */
#article-footer { 
	height: 80px;
	text-align: right;
	background: url(/english/img/bg_dot.gif) repeat-x;
	margin-top: 40px;
	margin-bottom: -20px;
	font-size: 10px; 
	}

#article-footer a.active { 
	color: #000;
	font-weight: bold;
	}

#article-footer a {
	color: #760000;
	font-weight: bold;
	}