/*
	--------------------------------------------------
	SITE CONTENT STYLES
	--------------------------------------------------
	Client:	Retail Council of Canada
	Author:	eSolutions
	Date:	February, 2010
		
*/


/* ===================================================================================== STYLES FOR ALL PAGES */

/* Font Families */

body { font-family: Arial, Helvetica, sans-serif; }


/* Text Colors */

body { color: #333; }


/* Text Size and Leading Classes */

#printArea 				{ font-size: 12px; line-height: 16px; }
#printArea h1			{ font-size: 33px; line-height: 22px; }
#printArea h2 			{ font-size: 17px; line-height: 18px; }
#printArea h3		 	{ font-size: 13px; line-height: 16px; }
#printArea .intro 		{ font-size: 14px; line-height: 18px; }
#printArea .caption 	{ font-size: 11px; line-height: 15px; }
#printArea .none 		{ font-size: 12px; line-height: 16px; }


/* Additional Text Styling */

#printArea h1			{ font-weight: bold; color:#6E7F26; padding-bottom: 15px;}
#printArea h2 			{ color: #192566; text-transform: uppercase; }
#printArea h3		 	{ font-weight: bold; }
#printArea .intro 		{ font-weight: bold; }
#printArea .caption 	{ font-style: italic; }


/* Link Colors */

a, a:link, a:visited 	{ color: #D70030; text-decoration: underline; }
a:hover, a:active 		{ color: #D70030; text-decoration: none; }


/* Ensuring content-related lists display properly in content areas */

#contentLeft ul, #printArea ul { margin: 15px 0px 30px 30px; }
#contentLeft ol, #printArea ol { margin: 15px 0px 30px 30px; }
#contentLeft li, #printArea li { margin: 10px 0px 10px 0px; }


/* Image Placement */

img.imageleft {
	float: left;
	margin: 0px 20px 20px 0px;
	padding: 2px;
	border: 1px solid #555555;
}

img.imageright {
	float: right;
	margin: 0px 0px 20px 20px;
	padding: 2px;
	border: 1px solid #555555;
}


/* Tabular Data Table */

.datatable {
	margin: 0px 0px 15px 0px;
	padding: 0;
	border: 1px solid #B6B4B4;
}

.datatable td { padding: 7px 10px; }

.datatable .titlerow {
	background: #a7adc3;
	text-align: left;
	font-weight: bold;
	color: #192566;
}

.datatable .row { background: #f0f1ec; }

.datatable .altrow { background: #e1e2db; }




/* ===================================================================================== STYLES HOME PAGE */


/* ===== Banner Area ===== */


#homepageBannerContainerLeft .noflash {
	display: block;
	padding: 15px;
	width: 663px;
	height: 263px;
	background: url(/images/structure/home_image_noFlash.jpg) 0 0 no-repeat;
	color: #FFF;
}

#homepageBannerContainerLeft .noflash a {
	color: #FFF;
	font-weight: bold;
	text-decoration: underline;
}

#homepageBannerContainerLeft .noflash a:hover {
	text-decoration: none;
}

#homepageBannerContainerRightButtons {
	float: left;
	margin: 0;
	padding: 0;
	width: 201px;
	height: 293px;
}

#quickLinks {
	float: left;
	width: 201px;
	margin: 0;
	height: 293px;
	padding: 0;
	overflow: hidden;
}


/* ===== 3 Content Columns ===== */


#rss_box1, #rss_box2, #rss_box3 {
	position: absolute;
	left: 302px;
	top: 9px;
}

#rss_box2 { left: 619px; }

#rss_box3 { left: 936px; }

#col1, #col2, #col3 {
	float: left;
	padding: 0 2px 0 23px;
	padding: 0 3px 0 16px;
	width: 315px;
	overflow: hidden;
	line-height: 18px;
}

#col2, #col3 {
	padding: 0 4px 0 0;
	width: 314px;
}

#col_box_container .col_box { padding: 10px 15px 0 15px; }

#col_box_container .col_box a { color: #065BA0; color: green; text-decoration: none; }

#col_box_container .col_box a:hover { text-decoration: underline; }

#col_box_container h2 {
	font-weight: bold;
	font-size: 13px;
	line-height: 16px;
	color: #333;
	margin: 5px 0;
	padding: 0;
}

#col_box_container .col_box ul {
	list-style: none;
	margin: 0 0 15px 0;
	padding: 0;
}

#col_box_container .date { color: #4C4961; }

#col1 .col_box li.alert,
#col1 .col_box li.bulletin {
	padding-left: 20px;
	background: url(/images/structure/icon_alert.gif) 0 0 no-repeat;
}

#col1 .col_box li.bulletin {
	background: url(/images/structure/icon_bulletin.gif) 0 0 no-repeat;
}

#more_box1, #more_box2, #more_box3 {
	position: absolute;
	top: 7px;
	left: 224px;
}

#more_box2 { left: 541px; }
#more_box3 { left: 859px; }

.noWrap {
	float: left;
	padding: 10px 15px 70px 0;
}




/* ===================================================================================== STYLES FOR CONTENT PAGES */


#contentInt_right ul {
	list-style: none;
}

#contentInt_right #memberServices a,
#contentInt_right #joinNow a {
	float:left;
	width: 169px;
	height: 33px;
	background: url(/en/images/structure/member_services.jpg) no-repeat;
	font-size:1%;
	text-indent: -9999px;
}

#contentInt_right #joinNow a {
	height: 34px;
	background-image: url(/en/images/structure/join_now.jpg);
}

#contentInt_right #memberServices a:hover {
	background-position: 0 -33px;
}

#contentInt_right #joinNow a:hover {
	background-position: 0 -34px;
}





/* ----- END OF TEMPLATE ----- */