body {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 13px;

	line-height: 150%;

	color: #333333;

	background-color: #FFFFFF;

}



td, th {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 160%;

	color: #333333;

	font-weight: normal;

	list-style-position: outside;

}



a {

	color: #666666;

	text-decoration: none;

	font-weight: bold;

}



a:hover{

	color: #003366;

	text-decoration: underline;

}



.left_nav {

    margin-left: 0px;

    list-style-type:none;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	line-height: 160%;

	color: #006699;

	font-weight: bold;

}

#left_nav_table{

    width: 150px;

}



#top_table {

	width: 100%;

	border-spacing:0px;

	margin: 0px;

	padding: 0px;

	background-color: #006AB6;

	background-image: url("top_r1_c4.gif"/*tpa=http://www.johroutsource.com/images/top/top_r1_c4.gif*/);

}

#foot_table {

	width: 100%;

	border-spacing:0px;

	margin: 0px;

	padding: 0px;

	background-color: #4B8EBE;

}



#nav {

	width: 100%;

	border-spacing:0px;

	margin: 0px;

	padding: 0px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	background-image: url("top_r2_c4.gif"/*tpa=http://www.johroutsource.com/images/top/top_r2_c4.gif*/);

}

#content_table {

	width: 100%;

	border-spacing:0px;

	margin: 0px;

	padding: 0px;

	background-color: #ffffff;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 14px;

	vertical-align: top;

}

.navLink {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

	background-image: url("top_r2_c1.jpg"/*tpa=http://www.johroutsource.com/images/top/top_r2_c1.jpg*/);

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 15px;

	color: #FFFFFF;

	height: 25px;

}



.navLink a {

	color: #FFFFFF;

	text-decoration: none;

}



.navLink a:hover {

	color: #FFFF00;

	text-decoration: none;

}



form {

	background-color: #CCCC99;

}



.title {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 20px;

	line-height: 10px; color: #003366;}



.subtitle {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 150%;

	color: #003366;

	font-weight: bold;

}
.subtitle a{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 150%;

	color: #003366;

	font-weight: bold;
}

.subtitle a:hover{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 150%;

	color: #003366;

	font-weight: bold;
}

.header {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 20px;

	background-color: #669900;

 color: #FFFF33;

}





.sidebar {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	line-height: 14px;

	padding: 3px;

	background-color: #FFFFCC;

 color: #003333;

}



.sidebarHeader {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 14px;

	line-height: 18px;

	color: #003300;

	background-color: #FFFF66;

}



.sidebarFooter {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 18px;

	background-color: #FFFF99;

 font-style: italic;

}



.footer {

  font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

	color: #FFFFFF;

	vertical-align: middle;

}

.footer a{

	color: #FFFFFF;

	text-decoration: none;

}



.legal {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #FFFFFF;

	font-weight: bold;

	vertical-align: top;

}



.box1 {

	border-width: thin;

	border-color: #99FF99 #003300 #003300 #99FF99;

 border-style: double;

 }



.promo {

	font-family: "Times New Roman", Times, serif;

	color: #000033;

}



.titlebar {

	font-family: "Times New Roman", Times, serif;

	font-size: 9px;

	color: #FFFFFF;

	background-color: #336699;

}



.dingbat {

	font-family: Arial, Helvetica, sans-serif;

	background-color: #FFFFFF;

    color: #660000; font-weight: bolder; font-size: medium;

 }



input.big {

	width: 100px;

}



input.small {

	width: 50px;

}

.copyright {

	color:#666666;

	text-align: center;

	padding-top: 8px;

}



ul{	color: #333333;

	text-decoration: none;

	font-weight: bold;}

ul a{	color: #003366;

	text-decoration: none;

	font-weight: bold;}



#navi_0 {list-style:none}

#navi_1 {list-style:none}

#navi_2 {list-style:none}



.MenuOut {list-style:none}

.MenuOver {list-style:none}



#subNavi div.border {z-index:1000; overflow:hidden; }

#m_0_menu{ margin-left:122px;  width:135px; }

#m_1_menu{
	margin-left:257px;
	width:176px;
}

#m_2_menu{ margin-left:370px;  width:135px;}

#m_0_menu a{ display: block; width:120px; }

#m_1_menu a{ display: block; width:230px;}

#m_2_menu a{ display: block; width:120px;}



.over { background-color: #E3E3E3; color:#666666; }

.out { background-color: #ffffff; color:#666666;}

.over a{color:#666666}

.over a:hover{color:#333333}