/* Screen Layout Common */

body {
	padding:0 0 0 0;
	margin:0;
	/* font:76% tahoma, verdana, sans-serif; */
	background:#e0e0e0;
	/* color:#303030; */
}

a:link {
	color: #CC0000;
}
a:visited {
	color: #666666;
}
a:hover {
	color: #000000;
}
a:active {
	color: #CC0000;
}

.returnlink a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size:22px;
	color: #666666;
}
.returnlink a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size:22px;
	color: #999999;
}
.returnlink a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size:22px;
	color: #FFFFFF;
}
.returnlink a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size:22px;
	color: #666666;
}

.returnlink h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
}


h1 {
margin:0 0 0 0;
font-size:2.2em;
font-weight:normal;
}

h2 {
margin:0 0 12px 0;
font-size:1.6em;
font-weight:normal;
}

/* h3 {
margin:0 0 10px 0;
font-size:1.4em;
font-weight:normal;
}
*/

h4 {
margin:0 0 5px 0;
font-size:1.2em;
}

p {
margin:0 0 15px 0;
line-height:1.5em;
text-align:left;
}

a img {
border:0;
}


/* Common Classes */

.ricaltext {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000
}

.ricaltext_l {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333
}

.image_centre {
	text-align: center;
}

.image_right {
	text-align: right;
}

.image_left {
	text-align: left;
}


/* Header Container */

#ricalheader {
margin:0 auto 0 auto;
width:800px;
height:161px;
/* background:#ffffff; */
background:#e0e0e0;
border-left: 1px solid black;
border-right: 1px solid black;
}


/* Header Logo */

#logo {
float: left;
}

#logo h1 a {
color:#505050;
border:none;
}

#logo h1 a:hover {
color:#303030;
text-decoration:none;
border:none;
}


/* Header Image */

#topimage {
height: 24px;
width: 500px;
float: left;
background-image: url(images/head4.jpg);
background-repeat: no-repeat;
}


/* Header Image */

#headerimage {
height: 106px;
width: 500px;
float: left;
background-image: url(images/banner.jpg);
background-repeat: no-repeat;
}


/* Navigation Menu */

#navigation {
clear:none;
height: 31px;
width: 500px;
float: left;
background-image: url(images/gri_menu.jpg);
background-repeat: repeat-x;
}

#navigation ul{	
	list-style: none;
	padding: 0;
	margin: 0;	
}

#navigation li{
	float: left;
	margin: 0;
	padding: 0;
/*	margin-right: 4px; */
}

#navigation li a{
	margin:0 ;
	display: block;
}


#navigation .navitem1 {
	width: 35px;
	height: 31px;
	background: url(images/Off_Home.jpg);
}

#navigation .navitem1:hover {
	width: 35px;
	height: 31px;
	background: url(images/On_Home.jpg);
}

#navigation .navitem2 {
	width: 43px;
	height: 31px;
	background: url(images/Off_About.jpg);
}

#navigation .navitem2:hover {
	width: 43px;
	height: 31px;
	background: url(images/On_About.jpg);
}

#navigation .navitem3 {
	width: 68px;
	height: 31px;
	background: url(images/Off_Processes.jpg);
}

#navigation .navitem3:hover {
	width: 68px;
	height: 31px;
	background: url(images/On_Processes.jpg);
}

#navigation .navitem4 {
	width: 144px;
	height: 31px;
	background: url(images/Off_Quality.jpg);
}

#navigation .navitem4:hover {
	width: 144px;
	height: 31px;
	background: url(images/On_Quality.jpg);
}

#navigation .navitem5 {
	width: 63px;
	height: 31px;
	background: url(images/Off_Facilities.jpg);
}

#navigation .navitem5:hover {
	width: 63px;
	height: 31px;
	background: url(images/On_Facilities.jpg);
}

#navigation .navitem6 {
	width: 93px;
	height: 31px;
	background: url(images/Off_How_To.jpg);
}

#navigation .navitem6:hover {
	width: 93px;
	height: 31px;
	background: url(images/On_How_To.jpg);
}

#navigation .navitem7 {
	width: 51px;
	height: 31px;
	background: url(images/Off_Contact.jpg);
}

#navigation .navitem7:hover {
	width: 51px;
	height: 31px;
	background: url(images/On_Contact.jpg);
}


/* Main Containers */

#ricalmainhome {
clear:both;
margin:0 auto 0 auto;
width:800px;
height: 494px;
/* padding:5px 20px 20px 20px; */
/* background:#ffffff; */
background:#FFFFFF;
border-left: 1px solid black;
border-right: 1px solid black;
}

#ricalmainabout {
clear:both;
margin:0 auto 0 auto;
width:800px;
height: 592px;
/* padding:5px 20px 20px 20px; */
/* background:#ffffff; */
background:#FFFFFF;
border-left: 1px solid black;
border-right: 1px solid black;
}

#ricalmainprocess {
clear:both;
margin:0 auto 0 auto;
width:800px;
height: 1145px;
/* padding:5px 20px 20px 20px; */
/* background:#ffffff; */
background:#FFFFFF;
border-left: 1px solid black;
border-right: 1px solid black;
}

#ricalmainquality {
clear:both;
margin:0 auto 0 auto;
width:800px;
height:480px;
/* padding:5px 20px 20px 20px; */
/* background:#ffffff; */
background:#FFFFFF;
border-left: 1px solid black;
border-right: 1px solid black;
}

#ricalmainfacilities {
clear:both;
margin:0 auto 0 auto;
width:800px;
height:442px;
/* padding:5px 20px 20px 20px; */
/* background:#ffffff; */
background:#FFFFFF;
border-left: 1px solid black;
border-right: 1px solid black;
}


#ricalmainlocation {
clear:both;
margin:0 auto 0 auto;
width:800px;
height: 1036px;
/* padding:5px 20px 20px 20px; */
/* background:#ffffff; */
background:#FFFFFF;
border-left: 1px solid black;
border-right: 1px solid black;
}

#ricalmaincontact {
	clear:both;
	margin:0 auto 0 auto;
	width:800px;
	height: 470px;
	/* padding:5px 20px 20px 20px; */
/* background:#ffffff; */
background:#FFFFFF;
	border-left: 1px solid black;
	border-right: 1px solid black;
}


/* Main Content */

#homeleft {
	clear:none;
	width:300px;
	height: 484px;
	float:left;
	padding:10px 0 0 0;
	margin: 0 auto;
	position: relative;
	text-align: center;
	background:#FFFFFF;
}

#homeleft p {

}

#homeright {
	clear:none;
	width:490px;
	height:484px;
	float:right;
	padding:10px 0 0 10px;
	margin: 0 auto;
	position: relative;
	text-align: left;
	background:#FFFFFF;
}

/* About Us Content */

#aboutleft {
	clear:none;
	width:170px;
	height: 582px;
	float:left;
	padding:10px 0 0 0;
	margin: 0 auto;
	position: relative;
	text-align: center;
	background:#FFFFFF;
}

#aboutleft p {

}

#aboutright {
	clear:none;
	width:610px;
	height:582px;
	float:right;
	padding:10px 10px 0 10px;
	margin: 0 auto;
	position: relative;
	text-align: left;
	background:#FFFFFF;
}

#aboutright p {

}

/* Processes Content */

#processleft {
	clear:none;
	width:170px;
	height: 1135px;
	float:left;
	padding:10px 0 0 0;
	margin: 0 auto;
	position: relative;
	text-align: center;
	background:#FFFFFF;
}

#processleft p {

}

#processright {
	clear:none;
	width:610px;
	height:1135px;
	float:right;
	padding:10px 10px 0 10px;
	margin: 0 auto;
	position: relative;
	text-align: left;
	background:#FFFFFF;
}

#processright p {

}


/* Quality Content */

#qualityleft {
	clear:none;
	width:170px;
	height: 470px;
	float:left;
	padding:10px 0 0 0;
	margin: 0 auto;
	position: relative;
	text-align: center;
	background:#FFFFFF;
}

#qualityleft p {

}

#qualityright {
	clear:none;
	width:610px;
	height:470px;
	float:right;
	padding:10px 10px 0 10px;
	margin: 0 auto;
	position: relative;
	text-align: left;
	background:#FFFFFF;
}

#qualityright p {

}

/* Facilities Content */

#facilitiesleft {
	clear:none;
	width:170px;
	height: 442px;
	float:left;
	padding:10px 0 0 0;
	margin: 0 auto;
	position: relative;
	text-align: center;
	background:#FFFFFF;
}

#facilitiesleft p {

}

#facilitiesright {
	clear:none;
	width:610px;
	height:442px;
	float:right;
	padding:10px 10px 0 10px;
	margin: 0 auto;
	position: relative;
	text-align: left;
	background:#FFFFFF;
}

#facilitiesright p {

}

/* Location Content */

#locationleft {
	clear:none;
	width:170px;
	height: 1026px;
	float:left;
	padding:10px 0 0 0;
	margin: 0 auto;
	position: relative;
	text-align: center;
	background:#FFFFFF;
}


#locationright {
	clear:none;
	width:610px;
	height:1026px;
	float:right;
	padding:10px 10px 0 10px;
	margin: 0 auto;
	position: relative;
	text-align: left;
	background:#FFFFFF;
}

#locationcellleft {
	margin: 10px 0 0 0;
	float: left;
	width: 317px; 
	height: 210px;
}

#locationcellright {
	margin: 10px 0 0 0;
	float: right;
	width: 292px; 
	height: 210px;
}

#locationcellbody {
	width: 552px; 
}


/* Contact Content */

#contactleft {
	clear:none;
	width:170px;
	height: 460px;
	float:left;
	padding:10px 0 0 0;
	margin: 0 auto;
	position: relative;
	text-align: center;
	background:#FFFFFF;
}


#contactright {
	clear:none;
	width:610px;
	height: 460px;
	float:right;
	padding:10px 10px 0 10px;
	margin: 0 auto;
	position: relative;
	text-align: left;
	background:#FFFFFF;
}

#contactcellbody {
	width: 490px;
	height: 165px;
}

#contactcellleft {
	margin: 15px 0 0 0;
	float: left;
	width: 182px;
	height: 120px;
	padding: 5px 0 0 0;
}

#contactcellright {
	margin: 10px 0 0 0;
	float: right;
	width: 427px; 
	height: 174px;
}


#contactinnercells {
	position: absolute;
	bottom:40px;
}

#contactcellleft p {
	line-height: 0.5em;
}

/* Footer Container*/

#ricalfooter {
clear:both;
margin:0 auto 20px auto;
width:800px;
height:50px;
border-left: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid black;
}


/* Footer Content - Group Site and Index Pages*/

#footerleft {
float: left;
width: 300px; 
height: 40px;
background:#CC0000;
padding:10px 0 0 0;
text-align: center;
}

#footerright {
float: right;
width: 500px; 
height: 50px;
background:#D3D8DC;
}


/* Footer Content - Other Pages*/

#footerleftcontent {
float: left;
width: 170px; 
height: 40px;
background:#CC0000;
padding:10px 0 0 0;
text-align: center;
}

#footerrightcontent {
float: right;
width: 630px; 
height: 50px;
background:#D3D8DC;
}


/* End CSS File */