/* 1. GENERAL
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
* {
  padding:0;
  margin:0;
  /*list-style:none;*/
}
  
body {
	background: #fff ;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;}

/* 1.1	Headings and paragraphs
-----------------------------------------------------------------------------------------------*/	
h1, h2, h3, p {
	margin: 0; }

/* 1.2	Forms
-----------------------------------------------------------------------------------------------*/	
input, textarea, select {
	font: 1.2em Arial, Helvetica, sans-serif;}

.form1 textarea {
  width:250px;height:200px;}

.form2 textarea {
  width:220px;height:200px;}

.form3 textarea {
  width:440px;height:200px;}

/* 1.3	Links
-----------------------------------------------------------------------------------------------*/	
a:link, a:visited, a:active {
	color: #242424;
	text-decoration: underline;}

a:hover  {
	color: #242424;
	text-decoration: none;}
	



/* 1.4	Miscellaneous
-----------------------------------------------------------------------------------------------*/	
hr { 
	display: none; }
		
strong {
	font-weight: bold; }
		
em {
	font-style: italic; }
	
abbr, acronym {
	border-bottom: 1px dotted #999; 
	cursor: help;}

img {
	border: none; }


/* 2. GENERAL ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
.clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
	overflow: hidden;}
	
.clearfix:after { /* clear floats */
 content:".";
 display:block;
 height:0;
 clear:both;
 visibility:hidden;}

.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
.clearfix {display: block;}
/* End hide from IE-mac */

.imgreplace {
  display:block;
  text-indent:-99999px;}

.redtext {
  color:#a3340d;}


/* 3. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#container {
  width:800px;
  margin:0 auto;}

#wrapper {
  background:url(/canb/images/bg-container.gif) repeat-y;}

#sidecol {
  width:314px;
  float:left;}

#maincontent {
  width:486px;
  float:right;}

#footer {
  background:#000;
  padding:25px 44px 25px 54px;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size:1.1em;
  color:#fff;}

/* 3.1	SIDECOL
-----------------------------------------------------------------------------------------------*/
#sidecol h1 a {
  background:url(/canb/images/logo-canb.gif) no-repeat;
  width:314px;
  height:120px;
  display:block;
  text-indent:-99999px;}

#sidecol ul.nav {
  background:#d3cbb4;
  padding:16px 0;
  border-bottom:10px solid #000;}
  
  #sidecol ul.nav li {
	padding:0 0 0 63px;
	margin:0 0 5px 0;
	font-size:1.4em;
	display:block;}
	
	#sidecol ul.nav li a {
	  display:block;}
  
  #sidecol ul.nav li.active{
    display:block;
	background:#a3340d;
	padding:1px 0 1px 39px;}
	
	
	#sidecol ul.nav li.active a {
	  background:url(/canb/images/bul-nav.gif) left no-repeat;
	  padding-left:15px;
	  color:#fff;}

#sidecol .subcontent {
  padding:24px 27px;}
  
  #sidecol .subcontent h2 {
    margin:6px 0;
	color:#fff;
	font-size:1.6em;} 
  
  #sidecol .subcontent p {
    color:#000;
	font-size:1.2em;
	padding:0 0 5px 0;}
	
	#sidecol .subcontent td {
    color:#000;
	font-size:1.1em;
	padding:0 0 5px 0;}

/* 3.2	MAINCONTENT
-----------------------------------------------------------------------------------------------*/
#maincontent h2.title-webring {
  background:url(/canb/images/title-webringhistorytolife.gif) no-repeat;
  width:486px;
  height:49px;}
  
#maincontent h2.title-webringfr {
  background:url(/canbfr/images/title-webringhistorytolifefr.gif) no-repeat;
  width:486px;
  height:49px;}  

#maincontent h2.title-tagline {
  background:url(/canb/images/title-tagline.gif) no-repeat;
  width:486px;
  height:95px;}
  
#maincontent h2.title-taglinefr {
  background:url(/canbfr/images/title-taglinefr.gif) no-repeat;
  width:486px;
  height:95px;}  

#maincontent .content {
  padding:21px;}
  
  #maincontent .content h2 {
    margin:6px 0;
	color:#000;
	font-size:1.6em;}

#maincontent .phototext {
  padding:0 0 15px 0;}

  #maincontent .phototext .picleft {
    float:left;
    padding:0 14px 10px 0;
    width:211px;}
  
  #maincontent .phototext .textright {
    float:right;
	width:215px;}
	
	#maincontent .phototext .textright p {
	  color:#71706d;
	  font-style:italic;
	  font-size:1.1em;}

#maincontent p {
  color:#000;
  font-size:1.2em;
  padding:0 0 5px 0;}
  
#maincontent td {
  color:#000;
  font-size:1.2em;
  padding:0 0 5px 0;}  

/* 3.3	FOOTER
-----------------------------------------------------------------------------------------------*/  
#footer p.copy {
  float:left;}

#footer ul {
  float:right;}
  
  #footer ul li {
	display:inline;}
  
  #footer ul li a {
    color:#fff;
	padding:0 5px ;}