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

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;
}
body.small {
	font-size: 8.5pt;
}
body.medium {
	font-size: 10pt;
}
body.large {
	font-size: 12pt;
}

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: 100%;
	line-height: 1em;
	padding: 0;
	margin: 0;
}

p, ol, ul, dl { font-size: inherit; }

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

h1 {
	color: #dddddd;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 18pt;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
	margin: 0;
	padding: 7px 0px 0px 0px;
	line-height: 1em;
}

h2 {
	color: #8B0D0D;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 140%;
	font-weight: bold;
	margin: 0;
	margin-bottom: 8px;
	padding: 7px 0px 4px 0px;
	line-height: 1em;
	border-bottom: 1px solid #CCCCCC;
}

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

.Hpadding {
	margin: 0;
	padding: 0px 0 .45em 0px;
	border:none;
	background: none;
}

/* Page Elements */

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

#header_for_print {
	display: none;
	font-size: 8.5pt;
}

#header {
	color: #A62323;
	position: relative;
	background-color: #FFFFFF;
	width: 100%;
	font-size: 8.5pt;
}
	#header #top_nav_home {
		position: absolute;
		top: 75px;
		right: 3px;
		font-size: 7pt;
		text-align: right;
	}
		#header #top_nav_home img {
			vertical-align: baseline;
			padding: 0;
			margin: 0 3px 0 0;
		}
		#header #top_nav_home a {
			padding: 0;
			margin: 0 4px;
		}
	#header img {
		vertical-align: top;
	}
	#header a {
		color: #A62323;
		font-weight: normal;
		text-decoration: none;
	}
		#header a:visited {
			color: #A62323;
			font-weight: normal;
			text-decoration: none;
		}
		#header a:hover {
			color: #A62323;
			font-weight: normal;
			text-decoration: underline;
		}


#middle_area_sub {
	background: #ffffff url('../img/sub_left_bg.gif') no-repeat scroll 0 0;
	border-top: 1px solid #E8E8E8;
	border-right: 1px solid #E8E8E8;
	border-left: 1px solid #E8E8E8;
	border-right: 1px solid #E8E8E8;
	padding: 0;
	margin: 0;
}
	#middle_area_sub #sub_title {
		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;
			border: none;
			background: none;		
		}
			#middle_area_sub #sub_title h1 img {
				vertical-align: middle;
				margin: 0;
				padding: 0;
			}
	#middle_area_sub #sub_title #printer {
		color: #797979;
		float: right;
		margin: 15px 0px 0 0;
		font-size: 8pt;
		padding-right: 4px;
		padding-left: 4px;
		background-color: #F7F7F7;
	}
		#middle_area_sub #sub_title #printer a {
			text-decoration: none;
		}
		#middle_area_sub #sub_title #printer a:hover {
			text-decoration: none;
		}
		#middle_area_sub #sub_title #printer .textsize {
			display: inline;
			float: left;
			width: 13pt;
			height: 13pt;
			text-align: center;
			padding: 0;
			margin: 0 4px 0 0;
			border: 1px solid #797979;
		}

#left_area_sub {
	width: 166px;
	float: left;
	position: relative;
	line-height: 1.2em;
	text-align: left;
	padding: 0;
	margin: 0;
	font-size: 8.5pt;
}
	#left_area_sub .sub_left {
		color: #797979;
		padding: 0px 10px 0px 12px;
		margin: 0;
		list-style-position: outside;
		list-style-image: url(../img/bul_leftsub.gif);
		list-style-type: none;
	}
		#left_area_sub .sub_left .header {
			text-transform: uppercase;
			font-weight: bold;
		}
		#left_area_sub .sub_left a {
			color: #797979;
			text-decoration: none;
			padding: 0;
			margin: 0;
			line-height: 1.2em;
		}
		#left_area_sub .sub_left a:hover {
			color: #6F0F00;
			text-decoration: none;
		}
	#left_area_sub .sub_left_selected {
		color: #6F0F00;
		background: transparent url('../img/sub_left_pointer.gif') no-repeat scroll 160px 50%;
		padding: 0 20px 0 12px;
		margin: 0;
	}
		#left_area_sub .sub_left_selected a {
			color: #6F0F00;
			text-decoration: none;
			padding: 0;
			margin: 0;
			line-height: 1.2em;
		}
		#left_area_sub .sub_left_selected a:hover {
			color: #6F0F00;
			text-decoration: none;
		}
	#left_area_sub .sub_left_separator {
		background: transparent url('../img/sub_left_separator.gif') no-repeat scroll 0px 50%;
		width: 165px;
		height: 15px;
		padding: 0;
		margin: 0;
	}
	#left_area_sub ul {
		color: #797979;
		list-style-type: square;
		padding: 0.25em 0 0.25em 10px;
		margin: 0px;
	}
		#left_area_sub ul li {
			margin: 0.25em 0;
		}
		#left_area_sub .sub_left_selected ul a {
			color: #797979;
		}

	#left_area_sub li.sub_left_selected {
		color: #6F0F00;
		background: transparent url('../img/sub_left_pointer.gif') no-repeat scroll 100% 50%;
		padding: 0;
		margin: 0;
	}
		#left_area_sub li.sub_left_selected a {
			color: #6F0F00;
			text-decoration: none;
		}
		#left_area_sub li.sub_left_selected a:hover {
			color: #6F0F00;
			text-decoration: none;
		}

	#left_area_sub .bottom_padding {
		height: 40px;
	}

	#left_area_sub ol {
		padding: 0;
		margin: 0.25em -10px 0.25em -5px;
	}
		#left_area_sub ol.level01 li {
		list-style-type: none;
		list-style-position: outside;
		padding: 0;
		margin: 0;
		list-style-image: url(../img/bul_leftsubsub.gif);
		}

#content_area_sub {
	float: right;
	display: inline;
	position: relative;
	width: 608px;
	padding: 0;
	margin: 0;
}
	#content_area_sub #text {
		text-align: justify;
		line-height: 1.3em;
		padding: 15px 10px 40px 15px;
	}

		#content_area_sub #text table {
			font-size: 8.5pt;
			width: 580px;
		}
			#content_area_sub #text td {
				border: 1px solid #E8E8E8;
				margin: 2px 0;
				padding: 1px 5px;
			}
			#content_area_sub #text td h1 {
				border: none;
				font-family: Georgia, "Times New Roman", Times, serif;
				font-size: 130%;
				font-weight: bold;
				color: #000;
				line-height: 16px;
				text-decoration: none;
			}
			#content_area_sub #text td h2 {
				border: none;
				font-family: Georgia, "Times New Roman", Times, serif;
				font-size: 100%;
				font-weight: bold;;
				color: #6E6E6E;
				text-decoration: none;
			}
	
		#content_area_sub #text .imgright {
			float: right;
			padding: 0;
			border: 1px solid #C1C1C1;
			margin: 2px 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 .slideshow {
			float: right;
			width: 180px;
			height: 180px;
			margin: 5px 0 5px 10px;
			padding: 0;
			border: 1px solid #C1C1C1;
		}
			#content_area_sub #text .slideshow .content {
				padding: 3px;
				margin: 0;
			}
			
		#content_area_sub #text .date {
			color: #959595;
			margin: 0 0 1em 0;
		}
		
		#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 dl {
			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 {
			margin: 0;
			padding: 0;
		}
			#content_area_sub #text li {
				margin: 10px 0 10px 20px;
				padding: 0;
				list-style-type: square;
			}
			#content_area_sub #text .jobs li {
				list-style-image: url(../img/bul_listing.gif);
			}
			#content_area_sub #text .jobs li a {
				color: #666666;
			}
				#content_area_sub #text .jobs li a:hover {
					color: #000000;
				}
		
		#content_area_sub #text form {
			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 {
				font-size: 100%;
				font-weight: bold;
				line-height: 1.1em;
			}
		
		#content_area_sub #text .top {
			text-align: right;
			font-size: 100%;
			font-weight: normal;
			font-style: normal;
			text-decoration: none;
		}
			#content_area_sub #text .top img {
				vertical-align: middle;
			}
			#content_area_sub #text .top a {
				color: #6F0F00;
				text-decoration: none;
			}
				#content_area_sub #text .top a:hover {
					color: #6F0F00;
					text-decoration: none;
				}
		#content_area_sub #text #page_left {
			float: left;
		}
		#content_area_sub #text #page_right {
			float: right;
			margin-top: 27px;
			border-left: 1px solid #C1C1C1;
			padding: 0 5px 0 10px;
			color: #7F7F7F;
		}
			#content_area_sub #text #page_right .contact_padding {
				padding: 4.5em;
			}
		#content_area_sub #text img.title {
			vertical-align: baseline;
			margin: 0 0.5em 0 0;
		}
		
		#content_area_sub #text ol {
			padding: 0px;
			margin: 0;
		}
			#content_area_sub #text ol.level01 li {
				list-style-type: upper-roman;
				/* font-size: 118%; */
				font-weight: bold;
				text-decoration: none;
				padding: 0.5em 0;
			}
			#content_area_sub #text ol.level02 li {
				list-style-type: lower-alpha;
				/* font-size: 106%; */
				font-weight: normal;
				text-decoration: none;
				padding: 0;
			}
			#content_area_sub #text ol.level03 li {
				list-style-type: square;
				/* font-size: 100%; */
				font-weight: normal;
				text-decoration: none;
				padding: 0;
			}
			
		#content_area_sub #text fieldset {
			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 {
			padding: 0;
			margin: 10px 0;
		}
			#content_area_sub #text ul.links li {
				background: transparent url('../img/bottom_dots.gif') repeat-x scroll 0 100%;
				list-style-type: none;
				padding: 0;
				margin: 0;
				height: 70px;
			}
			#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: 100%;
				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;
			}

#footer {
	color: #000000;
	background-color: #FFFFFF;
	clear: both;
	border-top: 1px solid #e8e8e8;
}
	#footer img {
		vertical-align: bottom;
	}
	#footer #bottom_links {
		color: #4D4D4D;
		background-color: #E8E8E8;
		margin: 0;
		padding: 4px 10px 4px 0;
		font-size: 7.5pt;
		text-align: right;
	}
		#footer #bottom_link img {
			vertical-align: baseline;
		}
	#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;
			}

#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;
		}



#right_ad {
	float: right;
}

.ad_box_sme {
	background-color: #eeeeff;
	text-align: center;
	font-weight: bold;
	width: 165px; height: 70px;
	margin: 3px 0px 3px 1px;
}
.ad_box_homelinker_left {
	background-color: #eeeeff;
	text-align: center;
	font-weight: bold;
	width: 165px; height: 165px;
	margin: 3px 0px 3px 1px;
}
.ad_box_homelinker_content {
	background-color: #eeeeff;
	text-align: center;
	font-weight: bold;
	width: 165px; height: 160px;
	margin: 2px 0 1px 10px;
}
.ad_box_super {
	background-color: #eeeeff;
	text-align: center;
	font-weight: bold;
	width: 580px; height: 100px;
	margin: 2px;
}
.ad_box_superall {
	background-color: #eeeeff;
	text-align: center;
	font-weight: bold;
	width: 775px; height: 100px;
	margin: 1px;
}


.more {
	font-size: 7pt;
	text-align: right;
	margin-bottom: 5px;
}



.center {
	width: 100%;
	text-align: center;
}
.redout {
	color: #ff0000;
}
.grayout {
	color: #999999;
}
.highlighted {
	background-color: #CCCCFF;
}
.revert {
	color: inherit;
	background-color: inherit;
}


.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; }
}


.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;
}