/*
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-12
*/

/* ********************************************************************* */
/* *** ALL FOLLOWING CSS STYLES Used Specifically for printing media *** */
/* ********************************************************************* */

html, body {
	color: #000000;
	background-color: #ffffff;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	margin: 0;
	padding: 0;
	text-align: center;
	line-height: 1.2em;
}

a:link {
	color: #666666;
	text-decoration: none;
}
	a:visited {
		color: #666666;
		text-decoration: none;
	}
	a:hover {
		color: #000000;
		text-decoration: underline;
	}

input, textarea, select {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	line-height: 1em;
	padding: 0;
	margin: 0;
}

img {
	border: 0;
	padding: 0;
	margin: 0;
	vertical-align: middle;
}

h1 {
	color: #A62323;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	margin: 0;
	padding: 0 0 .75em 0;
	line-height: 1.2em;
}

h2 {
	color: #000000;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	font-weight: bold;
	margin: 0;
	padding: 0 0 0.25em 0;
	line-height: 1.2em;
}



/* *** Page Elements *** */

#main_area {
	width: 100%;
	text-align: left; 
	margin-left: auto;
	margin-right: auto; 
}


/* *** Page Header *** */

#header_for_print {	/* the HKCA Logo for printing media -- printed on paper */
	display: none;	/* In order to avoid printing layout bug in MSIE */
	padding-bottom: 15px;
	border-bottom: 1px solid #C1C1C1;
}

#header {	/* the HKCA header for screen media */
	display: none;
}


/* *** Middle Area containing the side sub-navigation and the content area *** */

#middle_area_sub {
	background: #ffffff url('../img/sub_left_bg.gif') no-repeat scroll 0 0;
/*	border-left: 1px solid #E8E8E8;
	border-right: 1px solid #E8E8E8; */
	line-height: 1em;
}
	#middle_area_sub #sub_title {
		display: none;
		margin: 0;
		padding: 0;
	}
		#middle_area_sub #sub_title h1 {
			float: left;
			color: #6F0F00;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 22pt;
			font-weight: normal;
			line-height: 1.2em;
			margin: 0;
			padding: 10px 0 7px 12px;
		}
			#middle_area_sub #sub_title h1 img {
				vertical-align: middle;
				margin: 0;
				padding: 0;
			}
	#middle_area_sub #sub_title #printer {
		display: none;
	}
		#middle_area_sub #sub_title #printer a {
			text-decoration: none;
		}
		#middle_area_sub #sub_title #printer a:hover {
			text-decoration: none;
		}


/* *** Main/Home Page Middle Area *** */

#left_area_main {
	display: none;
}

#content_area_main {
	width: 100%;
}


/* *** Sub-pages Middle Area *** */

#left_area_sub {
	display: none;
}

#content_area_sub {
	float: right;
	display: inline;
	position: relative;
	width: 100%;
	padding: 0;
	margin: 0;
}

	#content_area_sub #text {
		text-align: justify;
		line-height: 1.3em;
		padding: 15px 10px 40px 15px;
	}
	
		#content_area_sub #text .imgright {	/* for the right side thumbnails inside the content area */
			float: right;
			padding: 0;
			border: 1px solid #C1C1C1;
			margin: 5px 0 2px 10px;
			color: #797979;
			text-align: center;
			font-weight: bold;
		}
			#content_area_sub #text .imgright img {
				background-color: #FFFFFF;
				border: 0;
				padding: 0;
				margin: 3px;
			}
			#content_area_sub #text .imgright .caption {
				padding: 0 3px 3px 3px;
			}
			#content_area_sub #text .imgright .title {
				color: #797979;
				background-color: #dddddd;
				margin: 3px;
				z-index: 80;
			}
			
		#content_area_sub #text p {
			margin: 0.2em 0 1.2em 0;
			padding: 0;
		}
		
		#content_area_sub #text a {
			color: #E03324;
			text-decoration: none;
		}
			#content_area_sub #text a:hover {
				color: #6F0F00;
				text-decoration: underline;
			}
			
		#content_area_sub #text .date {	/* Date of publication of the main contents */
			color: #959595;
			margin: 0 0 1em 0;
		}
		
		#content_area_sub #text dl {	/* Definition List */
			margin: 0;
			padding: 0;
		}
			#content_area_sub #text dt {
				font-weight: bold;
				margin: 0;
				padding: 0;
			}
			#content_area_sub #text dd {
				font-weight: normal;
				margin: 0;
				padding: 0 0 1em 0;
			}

		#content_area_sub #text ul {	/* Unordered List */
			margin: 0;
			padding: 0;
		}
			#content_area_sub #text li {
				margin: 10px 0 10px 20px;
				padding: 0;
				list-style-type: square;
			}

		#content_area_sub #text form {	/* Submit Forms */
			padding: 0;
			margin: 0;
		}
			#content_area_sub #text form input {
				padding: 0;
				margin: 0.25em 0;
				line-height: 1.2em;
			}
			#content_area_sub #text form textarea {
				padding: 0;
				margin: 0.25em 0;
				line-height: 1.2em;
			}
			#content_area_sub #text form .title {
				float: left;
				width: 8em;
				line-height: 1em;
			}
			#content_area_sub #text form .signup_event {	/* Specific for Signing Up Events */
				font-size: 150%;
				font-weight: bold;
				text-decoration: underline;
			}

		#content_area_sub #text h2.advertising {	/* For About Us :: Advertising */
			padding: 1em 0 0.5em 0;
			margin: 0;
			border-top: 1px solid #000000;
		}
		#content_area_sub #text h3.advertising {
			font-size: 8pt;
			font-weight: bold;
			text-decoration: none;
			padding: 1em 0 0.5em 0;
			margin: 0;
		}
		#content_area_sub #text dl.advertising {
			margin: 0 0 0 15px;
			padding: 0;
		}
		#content_area_sub #text dl.advertising dt {
			float: left;
			font-weight: bold;
			margin: 0;
			padding: 0;
			width: 10em;
		}
		#content_area_sub #text dl.advertising dd {
			font-weight: normal;
			margin: 0;
			padding: 0 0 0.5em 0;
		}
		
		#content_area_sub #text .sample_ad {
			border: 1px solid #C1C1C1;
			text-align: center;
		}

		#content_area_sub #text form.contact_us {	/* For Contact Us Online Form */
			padding: 0;
			margin: 0;
		}
			#content_area_sub #text form.contact_us input, textarea {
				padding: 0;
				margin: 0 0.5em 5px 0;
			}
			#content_area_sub #text form.contact_us textarea {
				width: 280px;
			}
			#content_area_sub #text form.contact_us .title {
				float: left;
				width: 6em;
				text-align: right;
				padding: 0;
				margin: 0 0.5em 0 0;
			}
		
		#content_area_sub #text .top {	/* Back to Top */
			display: none;
		}
		
		#content_area_sub #text #page_left {	/* Floating elements left or right */
			float: left;
		}
		#content_area_sub #text #page_right {
			float: right;
			border-left: 1px solid #C1C1C1;
			padding: 0 5px 0 10px;
		}
			#content_area_sub #text #page_right .contact_padding {
				padding: 3.75em;
			}
			
		#content_area_sub #text img.title {
			vertical-align: baseline;
			margin: 0 0.5em 0 0;
		}

		#content_area_sub #text ol {	/* Ordered List */
			padding: 0px;
			margin: 0;
		}
			#content_area_sub #text ol.level01 li {	/* Used specifically in Membership :: Constitution of HKCA */
				list-style-type: upper-roman;
				font-weight: bold;
				text-decoration: none;
				padding: 0.5em 0;
			}
			#content_area_sub #text ol.level02 li {
				list-style-type: lower-alpha;
				font-weight: normal;
				text-decoration: none;
				padding: 0;
			}
			#content_area_sub #text ol.level03 li {
				list-style-type: square;
				font-weight: normal;
				text-decoration: none;
				padding: 0;
			}

		#content_area_sub #text table {
			font-size: 8.5pt;
			width: 100%;
		}
		#content_area_sub #text td {
			border-top: 1px solid #cccccc;
			border-bottom: 1px solid #cccccc;
			margin: 2px 0;
			padding: 1px 5px;
		}

		#content_area_sub #text fieldset {	/* Fieldset boxes */
			border: 1px solid #cccccc;
			margin: 0;
			padding: 5px;
		}
			#content_area_sub #text legend {
				color: #000000;
				font-weight: bold;
				padding: 0 5px;
			}
			#content_area_sub #text fieldset div {
				padding: 5px;
			}

		#content_area_sub #text ul.links {	/* Unordered list for Useful Links */
			padding: 0;
			margin: 10px 0;
		}
			#content_area_sub #text ul.links li {
				list-style-type: none;
				padding: 0;
				margin: 0;
				height: 66px;
			}
			#content_area_sub #text ul.links div.logo {
				float: left;
				width: 140px;
				text-align: center;
			}
			#content_area_sub #text ul.links div.desc {
				color: #797979;
				clear: right;
				font-size: 118%;
				font-weight: bold;
				line-height: 1.2em;
				padding: 15px 0;
				margin: 0;
			}
			#content_area_sub #text ul.links a {
				font-weight: normal;
			}
			#content_area_sub #text ul.links img {
				padding: 0;
				margin: 0 0.5em 0 0;
				vertical-align: middle;
			}

		#content_area_sub #text table.committee {	/* Used Specifically in Committee page */
			width: 580px;
			font-size: 100%;
			
		}

		#content_area_sub #text .competitions {	/* Used Specifically in Competitions page */
			color: #666666;
		}
			#content_area_sub #text .competitions a {
				color: #000000;
			}
				#content_area_sub #text .competitions a:hover {
					color: #ff0000;
				}
	
		#content_area_sub #text .news_events {	/* Used Specifically in News & Events page */
			color: #666666;
		}
		#content_area_sub #text .news_events a {
			color: #000000;
		}
			#content_area_sub #text .news_events a:hover {
				color: #ff0000;
			}



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

#footer {
	color: #000000;
	background-color: #FFFFFF;
	clear: both;
	border-top: 1px solid #C1C1C1;
}
	#footer img {
		vertical-align: bottom;
	}
	#footer #bottom_links {
		display: none;
	}
	#footer #bottom_ad {
		display: none;
	}
	#footer #javacatz {
		color: #575757;
		float: left;
		display: inline;
		position: relative;
		font-size: 6.5pt;
		margin: 5px 0 5px 2px;
		width: 45%
	}
	#footer #copyright {
		color: #575757;
		font-size: 6.5pt;
		float: right;
		display: inline;
		position: relative;
		margin: 5px 2px 5px 0;
		text-align: right;
		width: 45%;
	}
		#footer .copyright a {
			color: #575757;
			text-decoration: none;
		}
			#footer .copyright a:visited {
				color: #575757;
				text-decoration: none;
			}
			#footer .copyright a:hover {
				color: #575757;
				text-decoration: underline;
			}


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

#right_ad {
	display: none;
}

.ad_box_sme {
	display: none;
}
.ad_box_homelinker_left {
	display: none;
}
.ad_box_homelinker_content {
	display: none;
}
.ad_box_super {
	display: none;
}
.ad_box_superall {
	display: none;
}
		

/* *** Other Special CSS elements *** */

.more {
	font-size: 7pt;
	text-align: right;
}

.redout {
	color: #ff0000;
}




/* *** Fixes for some javascript effects codes *** */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-table;
}

/* Hides from IE-mac */
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}


/* *** printer styles *** */
@media print{
/*hide the left column when printing*/
	#leftcol { display:none; }
	#twocols, #maincol { width:100%; float:none; }
}



/* *** Just the testing borders for debugging *** */

.test1 {
	border: 1px solid #0000ff;
}
.test2 {
	border: 1px dashed #00ff00;
}
.test3 {
	border: 1px dotted #0000ff;
}
.test4 {
	border: 1px dashed #ff0000;
}
.test5 {
	border: 1px dotted #ff0000;
}