/*
J  a  v  a  c  a  t  z

Description:

Tel: (852)29877951
Fax: (852)29879294
Email: office@javacatz.com
Website: www.javacatz.com

Created: 2006-07-10
*/


/* ********************************************************************************************************** */
/* *** ALL FOLLOWING CSS STYLES Used Specifically in the Site's Main/Home Page on top of contentstyle.css *** */
/* ********************************************************************************************************** */


#main_area {
	width: 777px;
	text-align: left; 
	margin-left: auto;
	margin-right: auto; 
}

#index_left {
	width: 777px;
	position: absolute;
	float: left;
}
#index_right {
	position: relative;
	float: right;
	padding-top: 164px;
	margin: 0 0 0 1px;
}


/* *** e-Hotelier iframe *** */

.ehnews_shrink {
	width: 609px;
	height: 1em;
	border: 0;
	visibility: visible;
	margin:  0;
	padding: 0;
}
.ehnews_expand {
	width: 609px;
	height: 300px;
	border: 0;
	visibility: visible;
	margin: 1.2em 0 0 0;
	padding: 0;
	border-bottom: 1px solid #dddddd;
}
.ehnews_bottom {
	width: 100%;
	height: 300px;
	border: 0;
	padding: 0;
}
#ehnews_iframe_button {
	background-color: #6A222E;
	position: absolute;
	width: 100%;
	height: 16px;
	text-align: center;
	z-index: 90;
}
	#ehnews_iframe_button a {
		width: 100%;
	}
	#ehnews_iframe_button a:hover {
		font-weight: bold;
	}



/* *** Member Login Area *** */

#login_box {
	background-image: url('../img/main_login_bg.jpg');
	width: 166px;
	height: 147px;
}

#login {
	color: #A62323;
	font-size: 8pt;
	padding: 5px 10px 0 10px;
	margin: 0;
}
	#login .title {
		font-weight: bold;
		line-height: 1em;
	}
	#login input {
		width: 140px;
		margin: 1px 0 5px 0;
	}
		#login input.button {
			width: auto;
		}
	#login img {
		margin: 0 0 2px 0;
	}
	#login a {
		color: #A62323;
		font-size: 7.5pt;
	}
	#login a:hover {
		text-decoration: underline;
	}


/* *** E-Newsletter Subscription *** */

#subscribe_email_system {
	color: #ffffff;
	background: #6A232F url('') no-repeat scroll 0 0;
	padding: 10px 10px 0 10px;
}
	.titlepadding {
		margin: 0;
		padding: 0px 0 5px 10px;
		border:none;
		background: none;
	}
	#subscribe_button {
		background: transparent url(../img/bg_subscribe.gif) no-repeat scroll 5px 15px;
		padding: 0px 0 0 5px;
		height: 85px;
	}
	#unsubscribe_button {
		background: transparent url(../img/bg_unsubscribe.gif) no-repeat scroll 5px 15px;
		padding: 0px 0 0 5px;
		height: 85px;
	}
	#subscribe_email_button {
		width: 92px;
		height: 21px;
	}
	#unsubscribe_email_button {
		width: 107px;
		height: 21px;
	}


/* *** Toque'N Wok Newsletter Area *** */

#main_enews_box {
	color: #ffffff;
	background: #6A232F url('../img/main_enews_bg.jpg') no-repeat scroll 0 0;
	width: 166px;
	height: 182px;
}
	#main_subscribe_enews {
		padding: 0px 5px 0 5px;
		margin: 6px 0 0 0;
	}
		#main_subscribe_enews .title {
			font-weight: bold;
			line-height: 1em;
		}
		#main_subscribe_enews input {
			color: #000000;
			background-color: #ffffff;
			width: 140px;
			margin: 1px 0 5px 0;
		}
			#main_subscribe_enews input.button {
				width: auto;
			}
		#main_subscribe_enews img {
			margin: 0 0 2px 0;
		}
		#main_subscribe_enews a {
			color: #ffffff;
			font-size: 7.5pt;
			line-height: 1em;
		}
		#main_subscribe_enews a:hover {
			text-decoration: underline;
		}
	#main_unsubscribe_enews {
		padding: 0px 5px 0 5px;
		margin: 6px 0 0 0;
	}
		#main_unsubscribe_enews .title {
			font-weight: bold;
			line-height: 1em;
		}
		#main_unsubscribe_enews input {
			color: #000000;
			background-color: #ffffff;
			width: 140px;
			margin: 1px 0 5px 0;
		}
			#main_unsubscribe_enews input.button {
				width: auto;
			}
		#main_unsubscribe_enews img {
			margin: 0 0 2px 0;
		}
		#main_unsubscribe_enews a {
			color: #ffffff;
			font-size: 7.5pt;
			line-height: 1em;
		}
		#main_unsubscribe_enews a:hover {
			text-decoration: underline;
		}

	#main_enews_box .enews_separator {
		background-image: url('../img/psce_enews_separator.gif');
		background-repeat: no-repeat;
		background-position: 6px 6px;
		width: 158px;
		height: 12px;
	}
	#main_enews_box .enews_issue {
		background-image: url('../img/enews/issue74_bg.jpg');
		background-repeat: no-repeat;
		width: 166px;
		height: 66px;
		margin: 5px 0 0 0;
		padding: 30px 80px 5px 10px;
	}
		#main_enews_box .enews_issue a {
			color: #ffffff;
		}
		#main_enews_box .enews_issue a:hover {
			color: #ff0000;
		}
	#main_enews_box .enews_issue #issueno {
		font-weight: bold;
		line-height: 120%;
	}
	
	img.patron_javacatz {
		padding: 0 0 2px 0;
	}
	img.left_wacs {
		margin: 2px 0 2px 0;
	}


/* *** Main Content Area *** */

#middle_area_main {
	border-left: 1px solid #E8E8E8;
	border-right: 1px solid #E8E8E8;
}

#left_area_main {
	width: 166px;
	float: left;
	position: relative;
	background-color: #FFFFFF;
}

#content_area_main {
	background-color: #FFFFFF; 
	float: right;
	display: inline;
	position: relative;
	width: 609px;
}


/* *** News & Events Headline Area *** */

#news,
.column1 {
	color: #4D4D4D;
	background-color: #ffffff;
	width: 285px;
	float: left;
	padding: 0;
	margin: 0;
}
	#news a,
	.column1 a {
		color: #4D4D4D;
		text-decoration: none;
	}
	#news a:hover,
	.column1 a:hover {
		color: #000000;
		text-decoration: underline;
	}
	#news #news_padding,
	.column1 .column1_padding {
		padding: 10px 0px 10px 10px;
	}
	#news #news_padding dl,
	.column1 .column1_padding dl {
		padding: 0 0 12px 0;
		margin: 3px 0 3px 0;
		background: #ffffff url('../img/list_bottom_line.gif') repeat-x scroll 0 100%;
	}
	#news #news_padding dl dt,
	.column1 .column1_padding dl dt {
		color: #8E8E8E;
		background: #ffffff url('../img/list_deco_arrow.gif') no-repeat scroll 0 0;
		float: left;
		white-space: nowrap;
		width: 8.5em;
		padding: 0 0 0 12px;
		margin: 0;
	}
	#news #news_padding dl dd,
	.column1 .column1_padding dl dd {
		display: block;
		text-indent: 0px;
		color: #4D4D4D;
		padding: 0;
		margin: 0 0 0 9em;
	}
		
	#news #news_padding dl.last,
	.column1 .column1_padding dl.last {
		padding: 0 0 1em 0;
		margin: 0 0 0.5em 0;
		background-image: none;
	}
		#news #news_padding dl.last dt,
		.column1 .column1_padding dl.last dt {
			color: #8E8E8E;
			background: #ffffff url('../img/list_deco_arrow.gif') no-repeat scroll 0 0;
			float: left;
			white-space: nowrap;
			width: 8.5em;
			padding: 0 0 0 12px;
			margin: 0;
		}
		#news #news_padding dl.last dd,
		.column1 .column1_padding dl.last dd {
			display: table-cell;
			text-indent: 0em;
			color: #4D4D4D;
			padding: 0;
			margin: 0 0 0 9em;
		}
		
		
/* Vertical Border separating News & Events Headlines and Past Competitions Headlines */
		
#vertical_border,
.vertical_border {
	color: #4D4D4D;
	background-color: transparent;
	width: 20px;
	height: 330px;
	float: left;
}
	#vertical_border #vertical_border_padding,
	.vertical_border .vertical_border_padding {
	}


/* *** Past Competitions Headline Area *** */
#psce,
.column2 {
	color: #4D4D4D;
	background-color: #ffffff;
	width: 290px;
	float: left;
}
	#psce #psce_padding,
	.column2 .column2_padding {
		padding: 10px 0px 10px 0px;
	}
	#psce #psce_padding .psce_item,
	.column2 .column2_padding .psce_item {
		background: #ffffff url('../img/list_bottom_line.gif') repeat-x scroll 0 100%;
		padding: 3px 0 1em 0;
		height: 77px;
	}
	#psce #psce_padding .psce_item .img,
	.column2 .column2_padding .psce_item .img {
		background-repeat: no-repeat;
		width: 100px;
		height: 77px;
		float: left;
		padding: 0 5px 0 0;
	}
	#psce #psce_padding .psce_item .border,
	.column2 .column2_padding .psce_item .border {
		position: relative;
		top: 0px;
		left: 0px;
		background-image: url('../img/psce_img_border.gif');
		background-repeat: no-repeat;
		width: 100px;
		height: 77px;
		float: left;
	}
	#psce #psce_padding .psce_item .border .text,
	.column2 .column2_padding .psce_item .border .text {
		position: relative;
	}
	#psce #psce_padding .psce_item h3,
	.column2 .column2_padding .psce_item h3 {
		font-size: 8pt;
		font-weight: bold;
		padding: 0;
		margin: 2px 0 0.3em 0;
	}
	#psce #psce_padding .psce_item .date,
	.column2 .column2_padding .psce_item .date {
		color: #8E8E8E;
		font-size: 7.5pt;
		font-weight: normal;
		margin: 1px 0 0.5em 0;
	}
	#psce #psce_padding .psce_item .contents,
	.column2 .column2_padding .psce_item .contents {
		color: #4D4D4D;
	}
	#psce a,
	.column2 a {
		color: #4D4D4D;
		text-decoration: none;
	}
	#psce a:hover,
	.column2 a:hover {
		color: #000000;
		text-decoration: underline;
	}


/* *** Bottom Footer Area *** */

#footer #bottom_ad {
	color: #4D4D4D;
	background-color: #E8E8E8;
	height: 78px;
	margin: 0;
	padding: 0;
}
	#footer #bottom_ad #ad {
		padding: 0px 10px 10px 10px;
		margin: 0;
	}
		#footer #bottom_ad #ad img {
			border: 1px solid #939291;
			width: 466px;
			height: 58px;
			float: left;
			padding: 0;
			margin: 10px 10px 0 0;
		}
		#footer #bottom_ad #ad h3 {
			font-size: 9pt;
			font-weight: bold;
			padding: 10px 0 0 0;
			margin: 0 0 0.5em 0;
		}


/* *** Advertisement Related Stuff *** */

#right_ad {
	float: right;
	padding: 0 10px 0 0;
}

.ad_box_sme {
	margin: 3px 0px 3px 1px;
}
.ad_box_homelinker_left {
	margin: 3px 0px 3px 1px;
}
.ad_box_homelinker_content {
	margin: 0 0 1px 10px;
}
.ad_box_super {
	margin: 3px 3px 3px 15px;
}
.ad_box_superall {
	margin: 1px;
}
.sp_container {
	padding: 0 0 0 20px;
}