html,
body {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  text-align: center;
  background: #fff; 
  line-height: 170%;
  font: 11px Verdana, Arial, Helvetica, Sans-serif;
  color: #fff;
}

a img {
  border: 0;
}

#outer{
 width: 950px; 
 margin:auto;
 background: #fff;
 padding-top: 0px;
 padding-bottom: 15px;
 padding-right: 8px;
 padding-left: 8px;
 border: 1px solid #0bafcb;
} 

#top{
 background: transparent; 
 height: 10px;
 min-height: 10px;
} 

#header{
 width:900px;
 background: #fff;
 height: 75px;
 margin:auto;
} 

#logo 
{
 float: left;
 margin: 12px 0px 0px 10px;
}

#ritek_logo 
{
 float: right;
 margin: 41px 0px 0px 0px;
 margin-right: 10px;
}

/* PORTAL */

#portal{
 width: 950px; 
 margin:auto;
 background: #fff; 
 height: 25px;
 } 

	#portal ul {
	margin: 5px 0px 0 0 !important;
    margin: 5px 0px 0 0;
	padding: 0;
	padding-left:230px;
	list-style: none outside;
	}
	
	#portal li {
	display: inline;
    list-style: none;
	}
	
	#portal li a {
	padding: 3px 10px;
	float: left;
	color: #0bafcb;
	display: block;
	text-decoration: none;
	font: 11px Verdana, Arial, Helvetica, Sans-serif;
	}
			
	#portal li a:hover {
	color: #7f8282;
	}
	
	#portal ul li a.last {
	padding-right: 0px;
	}
	
/*End of PORTAL */	

#menutest{
padding:0;
margin: 0;
width:900px;
background: #fff url(../img/menu.gif) top left no-repeat;
height: 50px;
margin:auto;
overflow:hidden;
}

#middle1{
padding:0;
margin: 0;
width:900px;
background: #fff;
height: 355px;
min-height: 355px;
margin:auto;
}

#middle1 a{
text-decoration: none;
}

	.breadcrumb{
	padding:0;
	margin: 0;
	overflow: hidden;
	margin:0 0 0 0; 
	padding-top: 2px;
	padding-left:10px;
	padding-right:0px;
	margin-top: 8px;
	margin-left: 40px;
	height: 14px;
	width: 255px;
	background: #0bafcb;
	text-align: left;
	font: 10px Verdana, Arial, Helvetica, Sans-serif;
	float:left;
	color: #fff;
	border: 1px solid #fff;
	}
		
		.breadcrumb a, .breadcrumb a:hover{
		color: #fff;
		}
		
	.otherlinks{
	padding:0;
	margin: 0;
	overflow: hidden;
	margin:0 0 0 0; 
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left:10px;
	padding-right:10px;
	margin-top: 255px;
	margin-left: 15px;
	background: #0bafcb;
	text-align: left;
	font: 11px Verdana, Arial, Helvetica, Sans-serif;
	line-height: 130%;
	float:left;
	color: #fff;
	border: 1px solid #fff;
	}	
	
		.otherlinks a, .otherlinks a:hover{
		color: #fff;
		}
		
		
	.otherlinks2{
	padding:0;
	margin: 0;
	overflow: hidden;
	margin:0 0 0 0; 
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left:10px;
	padding-right:10px;
	margin-top: 68px;
	margin-left: 0px;
	margin-right: 15px;
	background: #fff;
	text-align: left;
	font: 11px Verdana, Arial, Helvetica, Sans-serif;
	line-height: 130%;
	float:right;
	color: #0bafcb;
	border: 1px solid #0bafcb;
	}	
	
		.otherlinks2 a, .otherlinks2 a:hover{
		color: #0bafcb;
		}	
		
	.otherlinks3{
	padding:0;
	margin: 0;
	overflow: hidden;
	margin:0 0 0 0; 
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left:10px;
	padding-right:10px;
	margin-top: 68px;
	margin-left: 0px;
	margin-right: 15px;
	background: #fff;
	text-align: left;
	line-height: 170%;
	font: 11px Verdana, Arial, Helvetica, Sans-serif;
	float:right;
	color: #0bafcb;
	border: 1px solid #0bafcb;
	}	
	
		.otherlinks3 a, .otherlinks3 a:hover{
		color: #0bafcb;
		}		
		
	.otherlinks4{
	padding:0;
	margin: 0;
	overflow: hidden;
	margin:0 0 0 0; 
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left:10px;
	padding-right:10px;
	margin-top: 68px;
	margin-left: 0px;
	margin-right: 15px;
	background: #fff;
	text-align: left;
	line-height: 170%;
	font: 11px Verdana, Arial, Helvetica, Sans-serif;
	float:right;
	color: #0bafcb;
	border: 1px solid #0bafcb;
	}	
	
		.otherlinks4 a, .otherlinks4 a:hover{
		color: #0bafcb;
		}			
	
	
	.homebg{
	padding:0;
	margin: 0;
	width:450px;
	height: 355px;
	background: #fff url(../img/bghome.gif) left center no-repeat;
	float:left;
	}
	
	.sitemapbg{
	padding:0;
	margin: 0;
	width:270px;
	height: 355px;
	background: #fff url(../img/bgsitemap.gif) left center no-repeat;
	float:left;
	}
	
	.leftbg1{
	padding:0;
	margin: 0;
	width:270px;
	height: 355px;
	background: #fff url(../img/bg1.gif) left center no-repeat;
	float:left;
	}
	
	.leftbg2{
	padding:0;
	margin: 0;
	width:270px;
	height: 355px;
	background: #fff url(../img/bg_cp.gif) left center no-repeat;
	float:left;
	}
	
	.rightbg3{
	padding:0;
	margin: 0;
	width:270px;
	height: 355px;
	background: #fff url(../img/bg_hddvd.gif) left center no-repeat;
	float:left;
	}
	
	.rightbg4{
	padding:0;
	margin: 0;
	width:370px;
	height: 355px;
	background: #fff url(../img/bg4.gif) left center no-repeat;
	float:left;
	}
	
	.rightbg5{
	padding:0;
	margin: 0;
	width:370px;
	height: 355px;
	background: #fff url(../img/bg_arita.gif) left center no-repeat;
	float:left;
	}
	
	.rightbg6{
	padding:0;
	margin: 0;
	width:270px;
	height: 355px;
	background: #fff url(../img/bg_ridata.gif) left center no-repeat;
	float:left;
	}
	
	.rightbg7{
	padding:0;
	margin: 0;
	width:270px;
	height: 355px;
	background: #fff url(../img/bg_om.gif) left center no-repeat;
	float:left;
	}
	
	.rightbg7_2{
	padding:0;
	margin: 0;
	width:270px;
	height: 355px;
	background: #fff url(../img/bg_cam.gif) left center no-repeat;
	float:left;
	}

	.rightbg8{
	padding:0;
	margin: 0;
	width:270px;
	height: 355px;
	background: #fff url(../img/bg_fmp.gif) left center no-repeat;
	float:left;
	}
	
	.rightbg9{
	padding:0;
	margin: 0;
	width:270px;
	height: 355px;
	background: #fff url(../img/bg2.gif) left center no-repeat;
	float:left;
	}
	
	.rightbg9_2{
	padding:0;
	margin: 0;
	width:370px;
	height: 355px;
	background: #fff url(../img/bg_mp2.gif) left center no-repeat;
	float:left;
	}
	
	.rightbg9_3{
	padding:0;
	margin: 0;
	width:370px;
	height: 355px;
	background: #fff url(../img/bg_mp3.gif) left center no-repeat;
	float:left;
	}
	
	.leftbg10{
	padding:0;
	margin: 0;
	width:270px;
	height: 355px;
	background: #fff url(../img/bg10.gif) left center no-repeat;
	float:left;
	}
	
	.leftbg11{
	padding:0;
	margin: 0;
	width:270px;
	height: 355px;
	background: #fff url(../img/bg11.gif) left center no-repeat;
	float:left;
	}
	
	.leftbg12{
	padding:0;
	margin: 0;
	width:270px;
	height: 355px;
	background: #fff url(../img/bg_jobs.gif) left center no-repeat;
	float:left;
	}
	
	.homeright{
	padding:0;
	margin: 0;
	width:450px;
	background: #0bafcb;
	height: 355px;
	float:left;
	overflow:hidden;	
	}
		.homeright_text{
		overflow: hidden;
		float:left; 
		margin:0 0 0 0; 
		padding-top: 30px;
		padding-left:40px;
		padding-right:0px;
		padding-bottom: 0px;
		width: 260px;
		text-align: left;
		font: 11px Verdana, Arial, Helvetica, Sans-serif;
		line-height: 170%;
		}
		
		.homeright_text span{
		padding-bottom: 28px;
		float: left;
		text-align: left;
		font: 12px Verdana, Arial, Helvetica, Sans-serif;
		}
		
		.homeright_text span.span2{
		padding-top: 28px;
		float: left;
		text-align: left;
		font: 12px Verdana, Arial, Helvetica, Sans-serif;
		}		
		
		.homeright_text a, .homeright_text a:hover{
		color: #fff;
		}
		
		.homeright_text h1{
		padding-top: 5px;
		padding-bottom: 28px;
		font: 22px Verdana, Arial, Helvetica, Sans-serif;
		letter-spacing: 0.5px;
		color: #fff;
		}
		
		.homeright_text2{
		overflow: hidden;
		float:left; 
		margin:0 0 0 0; 
		padding-top: 40px;
		padding-left:30px;
		padding-right:0px;
		padding-bottom: 0px;
		width: 80px;
		line-height: 170%;
		}
		
		.homeright_text2 img{
		padding-bottom: 6px;
		}
		
		.homeright_text3{
		overflow: hidden;
		float:left; 
		margin:0 0 0 0; 
		padding-top: 0px;
		padding-left:40px;
		padding-right:0px;
		padding-bottom: 0px;
		width: 370px;
		text-align: left;
		font: 11px Verdana, Arial, Helvetica, Sans-serif;
		line-height: 170%;
		}
		
		.homeright_text3 a, .homeright_text3 a:hover{
		color: #fff;
		}
		
	.center1{
	padding:0;
	margin: 0;
	width:315px;
	background: #0bafcb;
	height: 355px;
	float:left;
	overflow:hidden;
	}
	
		.center1_text{
		overflow: hidden;
		float:left; 
		margin:0 0 0 0; 
		padding-top: 30px;
		padding-left:40px;
		padding-right:0px;
		padding-bottom: 30px;
		width: 275px;
		text-align: left;
		font: 11px Verdana, Arial, Helvetica, Sans-serif;
		line-height: 170%;
		}
		
		.center1_text a, .center1_text a:hover{
		color: #fff;
		}
		
		.center1_text h1{
		padding-top: 0px;
		padding-bottom: 15px;
		font: 19px Verdana, Arial, Helvetica, Sans-serif;
		letter-spacing: 0.5px;
		color: #fff;
		}
		
		.center1_text2{
		overflow: hidden;
		float:left; 
		margin:0 0 0 0; 
		padding-top: 30px;
		padding-left:40px;
		padding-right:0px;
		padding-bottom: 30px;
		width: 275px;
		text-align: left;
		font: 10px Verdana, Arial, Helvetica, Sans-serif;
		line-height: 140%;
		}
		
		.center1_text2 a, .center1_text2 a:hover{
		color: #fff;
		}
		
		.center1_text2 h1{
		padding-top: 0px;
		padding-bottom: 15px;
		font: 19px Verdana, Arial, Helvetica, Sans-serif;
		letter-spacing: 0.5px;
		color: #fff;
		}
	
	.center2{
	padding:0;
	margin: 0;
	width:315px;
	background: transparent;
	height: 355px;
	float:left;
	color: #0bafcb;
	}
		
		.center2_text a, .center2_text a:hover{
		color: #0bafcb;
		}
		
		.center2_text{
		overflow: hidden;
		float:left; 
		margin:0 0 0 0; 
		padding-top: 68px;
		padding-left:0px;
		padding-right:40px;
		padding-bottom: 30px;
		width: 275px;
		text-align: left;
		color: #0bafcb;
		font: 11px Verdana, Arial, Helvetica, Sans-serif;
		line-height: 170%;
		}
		
		.center3_text{
		overflow: hidden;
		float:left; 
		margin:0 0 0 0; 
		padding-top: 70px;
		padding-left:0px;
		padding-right:40px;
		padding-bottom: 30px;
		width: 275px;
		text-align: left;
		font: 11px Verdana, Arial, Helvetica, Sans-serif;
		line-height: 170%;
		color: #0bafcb;
		}
		
		.center3_text a, .center3_text a:hover{
		color: #0bafcb;
		}
				
	
	.center3{
	padding:0;
	margin: 0;
	width:215px;
	background: transparent;
	height: 355px;
	float:left;
	color: #0bafcb;
	}
	
	.right1{
	overflow:hidden;
	padding:0;
	margin: 0;
	width:315px;
	background: #0bafcb;
	height: 355px;
	float:left;
	}
	
		.right1_text{
		overflow: hidden;
		float:left; 
		margin:0 0 0 0; 
		padding-top: 68px;
		padding-left:20px;
		padding-right:20px;
		padding-bottom: 30px;
		width: 275px;
		text-align: left;
		font: 11px Verdana, Arial, Helvetica, Sans-serif;
		line-height: 170%;
		}
		
		.right1_text a, .right1_text a:hover{
		color: #ffffff;
		}

		
		.right1_logo{
		overflow: hidden;
		margin:0 0 0 0; 
		padding-top: 35px;
		padding-left:105px;
		padding-right:40px;
		padding-bottom: 30px;
		width: 170px;
		text-align: right;
		}
		
		.right1_text2{
		overflow: hidden;
		float:left; 
		margin:0 0 0 0; 
		padding-top: 68px;
		padding-left:20px;
		padding-right:20px;
		padding-bottom: 30px;
		width: 275px;
		text-align: left;
		font: 10px Verdana, Arial, Helvetica, Sans-serif;
		line-height: 140%;
		}
		
		.right1_text2 a, .right1_text2 a:hover{
		color: #ffffff;
		}
	
	.left2{
	padding:0;
	margin: 0;
	width:315px;
	background: transparent;
	height: 355px;
	float:left;
	color: #0bafcb;
	}
	
		.left2_text{
		overflow: hidden;
		float:left; 
		margin:0 0 0 0; 
		padding-top: 30px;
		padding-left:16px;
		padding-right:24px;
		padding-bottom: 30px;
		width: 275px;
		text-align: left;
		color: #0bafcb;
		font: 11px Verdana, Arial, Helvetica, Sans-serif;
		line-height: 170%;
		}
		
		.left2_text a, .left2_text a:hover{
		color: #0bafcb;
		}
		
		.left2_text img{
		padding-top: 0px;
		padding-bottom: 10px;
		padding-right: 200px;
		color: #0bafcb;
		}
		
		.left2_text h1{
		padding-top: 0px;
		padding-bottom: 15px;
		font: 19px Verdana, Arial, Helvetica, Sans-serif;
		letter-spacing: 0.5px;
		color: #0bafcb;
		}
		
	.rightdisclaimer{
	padding:0;
	margin: 0;
	width:630px;
	background: #0bafcb;
	height: 355px;
	float:left;
	overflow:hidden;
	}
	
		.rightdisclaimer_text{
		overflow: hidden;
		float:left; 
		margin:0 0 0 0; 
		padding-top: 30px;
		padding-left:40px;
		padding-right:40px;
		padding-bottom: 30px;
		width: 550px;
		text-align: left;
		font: 9px Verdana, Arial, Helvetica, Sans-serif;
		line-height: 170%;
		}
		
		.rightdisclaimer_text2{
		overflow:auto;
		overflow-x:hidden;
		padding:0;
		height: 255px;
		width: 550px;
		text-align: left;
		font: 9px Verdana, Arial, Helvetica, Sans-serif;
		line-height: 170%;
		}
		
		.rightdisclaimer_text a, .rightdisclaimer_text a:hover{
		color: #fff;
		}
		
		.rightdisclaimer_text h1{
		padding-top: 0px;
		padding-bottom: 15px;
		font: 19px Verdana, Arial, Helvetica, Sans-serif;
		letter-spacing: 0.5px;
		color: #fff;
		}
	
	.rightjobs{
	padding:0;
	margin: 0;
	width:630px;
	background: #0bafcb;
	height: 355px;
	float:left;
	overflow:hidden;
	}
	
		.rightjobs_text{
		overflow: hidden;
		float:left; 
		margin:0 0 0 0; 
		padding-top: 30px;
		padding-left:40px;
		padding-right:40px;
		padding-bottom: 30px;
		width: 550px;
		text-align: left;
		font: 11px Verdana, Arial, Helvetica, Sans-serif;
		line-height: 170%;
		}
		
		.rightjobs_text2{
		overflow:auto;
		padding:0;
		height: 255px;
		width: 550px;
		text-align: left;
		float:left;
		font: 11px Verdana, Arial, Helvetica, Sans-serif;
		line-height: 170%;
		}
		
		.rightjobs_text a, .rightjobs_text a:hover{
		color: #fff;
		}
		
		.rightjobs_text h1{
		padding-top: 4px;
		padding-bottom: 15px;
		font: 19px Verdana, Arial, Helvetica, Sans-serif;
		letter-spacing: 0.5px;
		color: #fff;
		}
		
		.rightjobs_text h1.left{
		float:left;
		}
		
		.apply {
		float:right;
		border: 1px solid #fff;
		padding-top: 4px;
		padding-bottom: 4px;
		padding-left: 10px;
		padding-right: 10px;
		font: 19px Verdana, Arial, Helvetica, Sans-serif;
		}
		
	
#footertest{
padding:0;
margin:0;
width:900px;
margin:auto;
background: #fff url(../img/footer.gif) left top no-repeat;
margin:auto;
overflow:hidden;
height: 50px;
color: #0bafcb; 
font: 11px Verdana, Arial, Helvetica, Sans-serif;
}

#footertest a, #footertest a:hover{
color: #0bafcb; 
text-decoration:none;
}

	#disclaimer {
	margin: 0 0 0 0 !important;
	margin: 0;
	padding: 0;
	padding-left: 18px;
	padding-top: 21px;
	background: transparent;
	float: left;
	}

/* HEADER */
	
.headtabs ul{
margin: 0px;
margin-left: 20px;
padding: 0px;
margin-top:14px;
font: 11px;
border-bottom: 0px solid #fff;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.headtabs li{
display: inline;
margin: 0;
padding:0;
}

.headtabs li a{
text-decoration: none;
margin:0;
padding: 0;
margin-right: 15px;
border: 0px solid gray;
border-bottom: none;
background: transparent;
color: #0bafcb;
}

.headtabs li a:visited{
color: #0bafcb;
}

.headtabs li a:hover, .basictab li a.current{
background: transparent;
color: #0bafcb;
}

.headtabs li a:active{
color: #0bafcb;
}

.tabcontainer{
margin: 0;
padding:0;
clear: left;
width:100%; /*width of 2nd level sub menus*/
height:1.5em; /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/
margin-top: 1px;
margin-left: 20px;
font: 11px;
background: transparent;
color: #0bafcb;
text-align: left;
}

.tabcontainer a{
margin:0;
padding: 0;
text-decoration: none;
font: 11px Verdana, Arial, Helvetica, Sans-serif;
margin-right: 10px;
background: transparent;
color: #0bafcb;
}

.tabcontainer li a:visited{
margin:0;
padding: 0;
color: #0bafcb;
}

.tabcontainer li a:hover, .tabcontainer li a.current{
margin:0;
padding: 0;
color: #0bafcb;
}

.tabcontainer li a:active{
margin:0;
padding: 0;
color: #0bafcb;
}

.tabcontent{
margin:0;
padding: 0;
display:none;
}

#sc1 { margin-left:15px; }
#sc2 { margin-left:120px; }
#sc3 { margin-left:188px; }

/* END of HEADER */

.sitemap ul.inside{
text-decoration: none;
list-style-position: outside;
list-style-type: none;
margin:0;
padding:0;
padding-left: 20px;
padding-top:0;
padding-bottom:0px;
margin-top:0px;
margin-bottom: 0px;
}

.sitemap ul.outside{
margin:0;
padding:0;
padding-left: 40px;
padding-top:0px;
padding-bottom:15px;
margin-top:0px;
margin-bottom: 0px;
text-decoration: none;
list-style-position: inside;
list-style-type: none;
}

.sitemap h1{
font: 12px Verdana, Arial, Helvetica, Sans-serif;
}

.sitemap h2{
font: 10px Verdana, Arial, Helvetica, Sans-serif;
}

.sitemap2 a,.sitemap2 a:hover,.sitemap a, .sitemap a:hover{
color: #fff;
}

.sitemap2{
padding-top: 2px;
}

.sitemap2 ul.inside2{
text-decoration: none;
list-style-position: outside;
list-style-type: none;
margin:0;
padding:0;
padding-left: 20px;
padding-top:0;
padding-bottom:15px;
margin-top:0px;
margin-bottom: 0px;
}

.sitemap2 ul.outside2{
margin:0;
padding:0;
padding-left: 40px;
padding-top:0px;
padding-bottom:15px;
margin-top:0px;
margin-bottom: 0px;
text-decoration: none;
list-style-position: inside;
list-style-type: none;
}

.sitemap2 h1{
font: 12px Verdana, Arial, Helvetica, Sans-serif;
}

.sitemap2 h2{
font: 10px Verdana, Arial, Helvetica, Sans-serif;
}


/* MIDDLEFRONT*/

input,
textarea,
select {
  padding: 1px;
  font: 10px Verdana, Arial, Helvetica, Sans-serif;
  color: #0bafcb;
  background: #fff;
  border: 1px solid #CCC;
  width: 250px;
}

.right{
margin-left: 30px;
}

input,
textarea{
width: 250px;
}

select  {
width: 255px;
}


input:focus,
input:hover,
textarea:focus,
textarea:hover,
select:focus,
select:hover {
  color: #0bafcb;
  background: #fff;
  border: 1px solid #7f8282;
}

input.noBorder,
input:focus.noBorder,
input:hover.noBorder {
  padding: 0;
  border: 0;
}

input.button {
  padding: 2px 2px;
  font: 11px Verdana, Arial, Helvetica, Sans-serif;
  cursor: pointer;
  width: 50px;
  color: #0bafcb;
  background: #fff;
  border-width: 1px;
  border-style: solid;
  border-color: #888 #888 #8880 #888;
}

input.radio {
  background: none;
  border: 0px;
}



h1, h2, h3, h4, h5, h6 {
  margin: 0 0 0 0;
  padding: 0;
} 

img { border: 0px solid black; margin: 0px 0px 0px 0px; } 

.tabcontainer{
margin-top: 9px;
#
}

.download_pdf {
	background: url(../img/icon_download_pdf.gif) no-repeat;
	height: 31px;
	padding-left: 40px;
	padding-top: 5px;
	display: inline-block;
	}

.download_zip {
	background: url(../img/icon_download_zip.gif) no-repeat;
	height: 31px;
	padding-left: 40px;
	padding-top: 5px;
	display: inline-block;
	}