﻿/* Basic */
*
{
	margin: 0em;
	padding: 0em;
}

body
{
	font-family: Arial, sans-serif;
	font-size: 10pt;
	color: #666;
	background: #F9F9F7 url('../image/grid_background.jpg') repeat;
}

/* Homepage wrapper */
#wrapper, #col2Template
{
	width: 970px;
	margin: 0 auto;
	/*background: #fff url('../image/inner_bg1.jpg')  repeat-y ;*/
	border: solid 0px black; 
}

/* Header */
#header
{	
	background-image: url(../image/banners/rcpa_logo.gif);
	margin-left: 25px;
	background-repeat:no-repeat;	
	height: 64px;	 			
}

#menu
{
	clear: both;
	height: 46px;
	padding-left: 25px;
	border: solid 0px black;
}

/* Content */

#content
{
	line-height: 1.5em; 
	background-color: #fff;
	padding-top: 3px;
	border: solid 0px red;
} 

/* width 888px */
/*********************************
The settings crash the layout on EI
#col1
{
	float: left;
	width: 212px;
	padding-left: 22px; 
	padding-right: 18px; 
	background-color: #fff;	
	border: solid 0px orange;
}
*/
#col1
{
	float: left;
	width: 220px; /* 195px */
	padding-left: 25px; 
	padding-right: 5px; /* AP */
	/*background-color: #fff;	 AP */
	border: solid 0px orange;
}
.hPageLeftCol
{
background-color: #FFF7F2; 
vertical-align: top; 
width: 198px;
}


#col2
{
	float: left;	
	/*width: 560px; AP*/
	width: 560px;
	background-color: #FCFBFB;
	border: solid 0px red;
	margin: 0 5px 0 5px;
	/*padding:0 5px;*/
}
#col2wide
{
	float: left;
	width: 680px;
	background-color: #FCFBFB;
	border: solid 0px red;
	margin: 0 5px 0 5px;
	/*padding:0 5px;*/
}
#col2Home
{
	float: left;		
	width: 541px;
	background-color: #FFF;
	border: solid 0px red;
	margin: 0 5px 0 5px;
	
}
#col2Home inner-content ctl00_ContentPlaceHolderLeft_SectionControl2 latestupdates col1
{
	background-color: #FFF;
}
#col3
{
	float: left;	
	width: 180px;
	background-color: #fff;	
	margin:5px 0 0 5px;
}
/*
#col2Template #col1
{
	float: left;
	width: 760px; 
	padding-left: 22px; 
	background-color: #fff;	
	border: solid 0px orange;
}

#col2Template #col2
{
	float: left;	
	width: 126px;
	background-color: #fff;	
	margin-top:2em;
	margin-left: -5px; 
}
*/
#container
{ 
	width: 90%;
	margin: 10px auto; 
	line-height: 130%;
	text-align: left;	 
	background-color: white;	
}

.inner-content
{
	/*padding: 0 10px;*/
	padding: 0px;
	background-color: #FCFBFB;	
}
.inner-content-home
{
	/*padding: 0 10px;*/
	padding: 0px;
	background-color: White;	
}

/* Footer */

.clear
{
	clear: both;
	height: 1px;
}
.gapV5 { margin: 0 -10px 10px -10px; margin-bottom: 10px;}

.bulletList{ padding: 10px 0 0 20px;}
.bulletList li
{
    list-style: none;
	background-image: url(../image/buttons/rcpa_members_home_24.jpg);
	background-repeat: no-repeat;
	padding-left: 10px;
	background-position: 0 .5em;
	margin-left: 2px;
	font: 11px verdana;
	/*letter-spacing: 1px;
	line-height: 17px;*/
	line-height: 145%;
}
.bulletListTD
{
	background-image: url(../image/buttons/rcpa_members_home_24.jpg);
	background-repeat: no-repeat;
	padding-left: 10px;
	background-position: 0 .5em;
	margin-left: 2px;
	font: 11px verdana;
}
.bulletList  li a { text-decoration: underline; padding-left: 5px; color: #B21811;}

/**************** Menu Tree BEGIN *****************/
#menuTree {
width: 176px;
background: #FAFAF0;
padding-bottom: 0px;
margin-top: 139px;
border: solid 1px #DFDFDF;
border-bottom-width: 0px;
position:relative;
z-index:10;
}

#menuTree ul {
list-style: none;
margin: 0;
padding: 0;
}
#menuTree a {
font: bold 13px/28px arial, helvetica, sans-serif;
display: block;
border-width: 0px 1px 1px 1px;
border-style: solid;
border-color: #FFF;
margin: 0 0 0px 0px;
padding-left:40px;
text-transform:lowercase;
color: #231F20;
background: #FFFFFF;
text-decoration: none;
text-align:left;
letter-spacing: -0.00em;/* for IE */
/* letter-spacing: -0.2px;for FF */
}
#menuTree div.treeLevel1 a {font-size:13px; padding-left:10px;}
#menuTree div.treeLevel0Active a{background-color: #B1B3B4; color:White; border: solid 1px #B1B3B4;line-height:26px;}
#menuTree div.treeLevel1Active a, #menuTree div.treeLevel2Active a {background-color: #B1B3B4; color:White; font-size:13px; padding-left:10px;border: solid 1px #B1B3B4;line-height:26px;}
#menuTree a:hover {	color: #B1B3B4;	}	/*background: #E60032;*/




#menuTree li {
position: relative;
}

#menuTree ul ul ul {
position: absolute;
top: -1px;
left: 100%;
width: 100%;
border-top:solid 1px #DFDFDF;
border-right:solid 1px #DFDFDF;
border-left:solid 1px #DFDFDF;

background-color: #FAFAF0;

position:absolute;
z-index: 5;
}

div#menuTree ul ul ul,
div#menuTree ul ul li:hover ul ul
{display: none;}

div#menuTree ul ul li:hover ul,
div#menuTree ul ul ul li:hover ul
{display: block;}
/**************** Menu Tree EMD *****************/


/********  Rounded Corners BEGIN  ******************************/
.internalMilk {border: solid 1px #F3F3F3; margin:-2px 6px 2px 6px; padding-bottom:20px; background-color:#FFF;}
/*.rCorners {
	border:solid #DFDFDF;
 	border-width:0 1px 0 1px;
	background:#FFF;
	float: left;
	width: 175px;
	margin-right: 5px;
	margin-top: 10px;
}*/
.rCorners {
	border:solid #DFDFDF;
 	border-width:0 1px 0 1px;
	background:#FFF;
	float: left;
	width: 175px;
	margin-right: 9px;
	margin-top: 0px;
	margin-bottom:12px;
	padding-right: 1px;
}
.rCorners div 
{
	background-color: #FFFFFF;
  position:relative;
  top: -1px;
  left: 0;
  border:solid #DFDFDF;
  border-width: 1px 0 0 0;
  /* width: 99.9%;
 padding:0 1px;*/
}
.rCorners div div {
	top: 2px;
	border:solid #DFDFDF;
	border-width:0 0 1px 0; /*0 0 1px*/
	padding: 0;	
	padding-bottom: 5px;
	padding-top: 3px;
}

.rCorners div div.IEpaddingR {
	
	padding:0;
	top:1px;
	border:solid #DFDFDF;
	border-width:0 0 1px 0;
	margin-bottom:-1px;
	
	/*padding-right:2px; for IE only !!!!!!! */
}

.rCorners333 div div a {margin-left: 8px; color: #676147; text-decoration: none; font: bold 16px verdana; letter-spacing: 1px; text-transform:lowercase;}


/********  Rounded Corners END  ******************************/
/********  Rounded Corners clear Version BEGIN  ******************************/
  
.rCrnsDiv{border-width:0px;background:transparent;}
.rCrnsB{display:block; overflow:hidden; height:1px; background:#DFDFDF; font-size:1px; margin:0 1px;}
.rCrnsBdiv{border:solid 1px #DFDFDF; border-width: 0 1px; background-color:#FAFAF0;padding:2px 1px 1px 2px;}
.rCrnsBdivTable{border-collapse:collapse; border: solid 1px #FFF; width:100%;}
/********  Rounded Corners clear Version END  ******************************/

.IEpaddingL1 {width:50%; padding:1px 8px 1px 1px;}
.IEpaddingPrintInf {padding:0px;top:2px;}

.crossClose {float:right; cursor:pointer; display:none;}

td.collapseblock p.collapsedContent, td.collapseblock div.collapsedContent, td.collapseblock  img.crossClose{display:none;border-width:0px;}
td.expandblock  p.collapsedContent, td.expandblock div, td.expandblock div.collapsedContent, td.expandblock  img.crossClose{display:block;border-width:0px;background:transparent;}

.paddingGaps{width:100%; padding:9px 7px 9px 10px;  text-align:justify;}

/****** Colour Selector ********/
#menuTree div.treeLevel0{border: solid 1px #DFDFDF;border-width: 0 0 1px 0;}
#menuTree div.treeLevel0Active{border: solid 1px #B1B3B4;}
#menuTree div.treeLevel0Active a{background-color: #B1B3B4; color:White; border: solid 1px #B1B3B4;}
#menuTree div.treeLevel1Active a, #menuTree div.treeLevel2Active a {background-color: #B1B3B4; color:White; border: solid 1px #B1B3B4;}

#menuTree a:hover {	color: #B1B3B4;	}	/*background: #E60032;*/

div.treeLevelMyWishList{border-style: solid; border-color: #DFDFDF; border-width: 0pt 0pt 1px;}
