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

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

/* Header Container */

#ricalheader {
margin:0 auto 0 auto;
width:800px;
height:145px;
/* 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 */

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


/* Navigation Menu */

#navigation {
clear:none;
height: 36px;
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: 37px;
	height: 36px;
	background: url(images/main_home_off.jpg);
}

#navigation .navitem1:hover {
	width: 37px;
	height: 36px;
	background: url(images/main_home_on.jpg);
}

#navigation .navitem2 {
	width: 66px;
	height: 36px;
	background: url(images/main_the_group_off.jpg);
}

#navigation .navitem2:hover {
	width: 66px;
	height: 36px;
	background: url(images/main_the_group_on.jpg);
}

#navigation .navitem3 {
	width: 94px;
	height: 36px;
	background: url(images/main_how_to_find_us_off.jpg);
}

#navigation .navitem3:hover {
	width: 94px;
	height: 36px;
	background: url(images/main_how_to_find_us_on.jpg);
}

#navigation .navitem4 {
	width: 53px;
	height: 36px;
	background: url(images/main_contact_off.jpg);}

#navigation .navitem4:hover {
	width: 53px;
	height: 36px;
	background: url(images/main_contact_on.jpg);
}


/* Main Containers */

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

#ricalmaingroup {
clear:both;
margin:0 auto 0 auto;
width:800px;
height: 627px;
/* 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: 1092px;
/* 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: 292px;
/* 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: 300px;
	float:left;
	padding:10px 0 0 0;
	margin: 0 auto;
	position: relative;
	text-align: center;
	background:#FFFFFF;
}

#homeleft p {

}

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


/* Group Content */

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

#groupleft p {

}

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

#groupright p {

}

/* Location Content */

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


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

#locationcellleft {
	margin: 10px 0 0 0;
	float: left;
	width: 145px; 
	height: 195px;
}

#locationcellright {
	margin: 10px 0 0 0;
	float: right;
	width: 345px; 
	height: 195px;
}

#locationcellbody {
	width: 490px; 
}


/* Contact Content */

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


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


#contactcellleft {
	margin: 10px 0 0 0;
	float: left;
	width: 200px; 
	height: 174px;
}

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


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

#contactcellbody {
	width: 490px; 
}


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

#footerleft {
float: left;
width: 300px; 
height: 50px;
background:#CC0000;
}

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


/* End CSS File */