/*
CSS file for Hongkongpost.com
Author	: Laurence Lim (webmaster)
Date	: Jul 12, 2006
Version	: 1.1

CSS hireachy
----body
----img
----container
--------clfHeader
------------clfHeader img
------------clfLogoHkpost
------------clfLogoBrandHk
--------clfNavigation
------------clfNavigationLeft
------------clfNavigationRight
----------------clfNavigationRight form
----------------clfNavigationRight p
----------------clfNavigationRight label
----------------clfNavigationRight input
--------clfMainBody
------------clfSideBar
----------------clfMenu
--------------------clfMenu ul
--------------------clfMenu li a
--------------------clfMenu li a:hover
--------------------clfMenu ul li ul
--------------------clfMenu ul li ul li a
--------------------clfMenu ul li ul li a:hover
--------------------clfMenu a currentTab
----------------promotionIcons
--------------------promotionIcons a
------------clfContent
----------------clfContent h1 title
----------------clfContent p textLargePurple
----------------clfContent p textNormalPurple
----------------clfContent p textSmallPurple
----------------clfContent p textLargeGreen
----------------clfContent p textNormalGreen
----------------clfContent p textSmallGreen
----------------clfContent p textLargeBlue
----------------clfContent p textNormalBlue
----------------clfContent p textSmallBlue
----------------clfContent p textLargeRed
----------------clfContent p textNormalRed
----------------clfContent p textSmallRed
--------clfFooter
------------clfFooterLeft
------------clfFooterRight
[bug fix section]
----ieFix
*/



body {
	background-color: #FFFFFF;
	font-size: 80%;
	margin: 0;
	padding: 0;
	float:none;
}

img {
	border: 0;

	}

.bg {
	background: url(../../img/bg.gif) no-repeat;
}


#container {
	float: none;
}

	#clfHeader {
		background-image: url(../../img/header/bg_header.gif);
		height: 65px;
		display: none;
	}

	#clfHeader img {
		display: block;
	}

		#clfLogoHkpost {
			float: left;
		}

		#clfLogoBrandHk {
			float: none;
		}

	#clfNavigation {
		background: url(../../img/header/bg_nav.gif) repeat-x;
		height: 22px;
		margin-bottom: 2px;
		width:auto;
		display: none;
	}

		#clfNavigationLeft {
			float: left;
			height: 20px;
		}

		#clfNavigationRight {
			float: none;
			height: 20px;
		}

			#clfNavigationRight form {
				margin: 0;
			}

			#clfNavigationRight p {
				margin: 0;
			}

			#clfNavigationRight label {
				display: none;
			}

			#clfNavigationRight input {
				font-size: 80%;
				height: 12px;
				margin-bottom: 5px;
				width: 100px;
			}

	#clfMainBody {
		margin-bottom: 5px;
		width: 85%;
	}

		#clfSideBar {
			float: left;
			margin: 0;
			width: 160px;
			display: none;
		}
		
			#clfMenu {
				margin-bottom: 5px;
				font-size: 100%;
				font-weight: bold;
				display: none;
			}
		
				#clfMenu ul {
					height: 1%;
					list-style: none;
					margin: 0;
					padding: 0;
				}

				#clfMenu li a {
					background-color: #DDEEFF;
					border-bottom: 1px solid #99CCFF;
					border-right: 1px solid #2266BB; 
					border-top: 1px solid #F6F6FF; 
					color: #000066;
					display: block;
					height: 1%;
					padding: 4px;
					text-decoration: none;
				}
		
				#clfMenu li a:hover {
					background-color: #008260;
					border-top: 1px solid #000000; 
					border-right: 1px solid #FFFFFF; 
					border-bottom: 1px solid #FFFFFF; 
					color: #FFFFFF; 
				}

				#clfMenu ul li ul {
					height: 1%;
					list-style: none;
					margin: 0;
					padding: 0;
				}

				#clfMenu ul li ul li a {
					background-color: #F7F7FF;
					border-bottom: 1px solid #99CCFF;
					border-right: 1px solid #2266BB; 
					border-top: 1px solid #F6F6FF; 
					color: #006644; 
					display: block;
					height: 1%;
					padding: 4px 4px 4px 10px;
					text-decoration: none;
				}

				#clfMenu ul li ul li a:hover {
					background-color: #008260;
					border-top: 1px solid #000000; 
					border-right: 1px solid #FFFFFF; 
					border-bottom: 1px solid #FFFFFF; 
					color: #FFFFFF; 
				}

				#clfMenu a.currentTab {
					background-color: #432683;
					border-top: 1px solid #000000; 
					border-right: 1px solid #FFFFFF; 
					border-bottom: 1px solid #FFFFFF; 
					color: #FFFFFF;
				}

			#promotionIcons {
				text-align: center;
			}
		
				#promotionIcons a {
					display: block;
					margin: 2px;
				}
		
				#promotionIcons p {
					margin: 0px;
				}
				
		
		#clfContent {
			margin-left: 5px;
			margin-right: 5px;
			width: inherit;
			float:left;
		}
			h1.title {
			background: url(../../img/title/bg_title.gif) no-repeat bottom left;
			background-color: transparent;
			border-bottom: 2px solid #CCCCCC;
			color: #008260;
			display: block;
			font-size: 100%;
			line-height: 30px;
			margin: 0 0 30px 0;
			padding: 30px 0 0 30px;
			}

			hr {
				color: #CCCCCC;
				background-color: transparent;
			}

			ul.index li {
				margin-bottom: 15px;
				padding: 0;
			}

			ol.lowerAlpha {
				list-style: lower-alpha;
			}

			ol.upperAlpha {
				list-style: upper-alpha;
			}

			ol.lowerRoman {
				list-style: lower-roman;
			}

			ol.upperRoman {
				list-style: upper-roman;
			}

			a.goBack {
				font-size: 80%;
				padding: 5px;
			}

			a:hover.goBack {
				background-color: #FFFFCC;
				padding: 5px;
			}

			.imgAlignLeft {
				float: left;
				margin: 0 5px 0 0;
				
			}

			.imgAlignRight {
				float: right;
				margin: 0 0 0 5px;
				
			}

			.textAlignLeft {
				text-align: left;
			}

			.textAlignCenter {
				text-align: center;
			}

			.textAlignRight {
				text-align: right;
			}

			.textCaption {
				font-size: 85%;
			}

			.textLargeBlack {
				color: #000000;
				font-size: 120%;
				font-weight: bold;
			}

			.textNormalBlack {
				color: #000000;
				font-size: 100%;
				font-weight: bold;
			}

			.textSmallBlack {
				color: #000000;
				font-size: 80%;
				font-weight: normal;
			}

			.textLargePurple {
				color: #432683;
				background-color: transparent;
				font-size: 120%;
				font-weight: bold;
			}

			.textNormalPurple {
				color: #432683;
				background-color: transparent;
				font-size: 100%;
				font-weight: bold;
			}

			.textSmallPurple {
				color: #432683;
				background-color: transparent;
				font-size: 80%;
				font-weight: normal;
			}

			.textLargeGreen {
				color: #008260;
				background-color: transparent;
				font-size: 120%;
				font-weight: bold;
			}

			.textNormalGreen {
				color: #008260;
				background-color: transparent;
				font-size: 100%;
				font-weight: bold;
			}

			.textSmallGreen {
				color: #008260;
				background-color: transparent;
				font-size: 80%;
				font-weight: normal;
			}

			.textLargeBlue {
				color: #0000AA;
				font-size: 120%;
				font-weight: bold;
			}

			.textNormalBlue {
				color: #0000AA;
				font-size: 100%;
				font-weight: bold;
			}

			.textSmallBlue {
				color: #0000AA;
				font-size: 80%;
				font-weight: normal;
			}

			.textLargeRed {
				color: #FF0000;
				font-size: 120%;
				font-weight: bold;
			}

			.textNormalRed {
				color: #FF0000;
				font-size: 100%;
				font-weight: bold;
			}

			.textSmallRed {
				color: #FF0000;
				font-size: 80%;
				font-weight: normal;
			}
			
			#pdaSitemapLink {
				display:inherit;
			}

			
	#clfFooter{
		border-top: 1px dashed #888888;
		border: none;
		clear: both;
		font-size: 80%;
		margin-left: 5px;
		padding: 2px;
		}

		#clfFooterLeft {
			float: none;
		}
		

		#clfFooterRight {
			float: none;
		}
	
		#corporateImage img{
		width: 300px;
		height:120px;
		text-align:center;
		}
		
		#promotionBanners{
		width:300px;
		}
		
		
		#promotionBanners img{
		width:105px;
		height:56px;
		
		}

		#contentLeft{
		width:300px;
		font-size:12px;
		}
		
		#contentLeft h1{
		font-size:12px;
		}
		
 
/* Bug fix for IE/Win */

/* Hides from IE5-mac \*/
* html .ieFix {
	height: 1%;
}
/* End hide from IE5-mac */