/*---  CSS code for CWJ Revised Frameless site  ---*/

/*---  body is where you place the background image or colour for the whole site. ---*/

body {
   	background-image: url(http://www.cwj.ca/graphx/z-h-dot4.jpg);
	background-repeat: repeat;
}
/*--- General info for Containter -1000 pixels wide div tags ---*/
#container {
	width: 1000px;
	background-image: url(http://www.cwj.ca/graphx/z-bak-main.jpg);	
	background-repeat: repeat-y;
}
/*---  topcontainer is where you place the image for the header.  Also controls size of the topbar space. ---*/

#topcontainer {
	background-image: url(http://www.cwj.ca/graphx/z-bak-top2.jpg);
	background-repeat: no-repeat;
	background-position: left;
	height: 188px;
}
/*---  Info for left hand menu div tag ---*/
#menu {
	vertical-align: top;
	width: 200px;
	float: left;
	margin-left: 30px;
	margin-right: 1px;
}
/*---  Info for main content page div tag ---*/
#content {
	vertical-align: top;
	width: 730px;
	float: right;
	margin-top: 5px;
	margin-right: 22px;
}
/*---  footer holds the footer image for the site.  A border colour can be add to the image. Also controls size 
of the footer space. ---*/
#footer {
	background-image: url(graphx/z-bak-bot.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	background-position: left;
	height: 82px;
}
/*--- The news box is to feature special announcements -floats right with a blue-gray background, and  border ---*/
#news {
	background: #EEF0F8;
	float: right;	
	width: 150px;
	padding: 3px;
	border: 2px #804040 solid;
}
/*---  TEXT ---*/
/*---  menu text for left hand bar dark red colour ---*/

.bord {
	font-family: Arial, Alaska, sans-serif;
	font-size: small;
	font-weight: 600;
	color: #C60001;
	text-align: left;
	line-height: 1;
	text-decoration: none;
}
.bord a:link{
	font-family: Arial, Alaska, sans-serif;
	font-size: small;
	color: #C60001;
	text-align: left;
	line-height: 1;
	font-weight: 600;
	text-decoration: none;
}   
.bord a:hover{
	font-family: Arial, Alaska, sans-serif;
	font-size: small;
	font-weight: 600;
	color: #C60001;
	text-align: left;
	line-height: 1;
	text-decoration: underline;
}   
.bord a:visited{
	font-family: Arial, Alaska, sans-serif;
	font-size: small;
	color:#000080;
	text-align: left;
	line-height: 1;
	font-weight: 600;
	text-decoration: none;
}   
.bord2 {
	font-family: Arial, Alaska, sans-serif;
	font-size: small;
	font-weight: 600;
	text-align: left;
	color: #000080;
	text-decoration: none;
}
.bordimg {
	margin-left: 4px;
	text-align: left;
	vertical-align: top;
}

/*---  RegularText size 12 black colour ---*/

.text {
	font-family: "Toronto", "Times New Roman", serif;
	font-size: medium;
	color: #000000;
	font-weight: 500;
	text-align: left;
	text-decoration: none;
	margin-bottom: 2px;
}
.text a:link{
	font-family: "Toronto", "Times New Roman", serif;
	font-size: medium;
	color: #FF0000;
	font-weight: 600;
	text-align: left;
	text-decoration: none;
	margin-bottom: 2px;
}
.text a:hover{
	font-family: "Toronto", "Times New Roman", serif;
	font-size: medium;
	color: #FF0000;
	font-weight: 600;
	text-align: left;
	background: #FFFF91;
	text-decoration: underline;
	margin-bottom: 2px;		
}    
.text a:visited{
	font-family: "Toronto", "Times New Roman", serif;
	font-size: medium;
	color: #800000;
	font-weight: 600;
	text-align: left;
	margin-bottom: 2px;
	text-decoration: none;
}  

/*---  Text single spaced ---*/
.text1 {
	font-family: "Toronto", "Times New Roman", serif;
	font-size: medium;
	color: #000000;
	text-decoration: none;
}
/*---  Text-bold left Dark Red ---*/
.text2 {
	font-family: "Toronto", "Times New Roman", serif;
	font-size: medium;
	color: #800000;
	font-weight: 600;
	text-align: left;
	vertical-align: middle;
}
.text2 a:hover{
	font-family: "Toronto", "Times New Roman", serif;
	font-size: medium;
	color: #008040;
	font-weight: 600;
	background: #FFFF91;
	text-decoration: underline;
	margin-bottom: 2px;
}    
.text2 a:visited{
	font-family: "Toronto", "Times New Roman", serif;
	font-size: medium;
	color: #800000;
	margin-bottom: 2px;
	text-decoration: none;
}  
/*---  Text-bold centered White ---*/
.text2c {
	font-family: "Toronto", "Times New Roman", serif;
	font-size: small;
	color: #804040;
	font-weight: 600;
	text-align: center;
	vertical-align: middle;
}
.text2c a:hover{
	font-family: "Toronto", "Times New Roman", serif;
	font-size: small;
	color: #0000FF;
	background: #FFFF91;
	text-decoration: underline;
	margin-bottom: 2px;
}    
.text2c a:link{
	font-family: "Toronto", "Times New Roman", serif;
	font-size: small;
	color: #804040;
	text-decoration: underline;
	margin-bottom: 2px;
}  
.text2c a:visited{
	font-family: "Toronto", "Times New Roman", serif;
	font-size: small;
	color: #804040;
	margin-bottom: 2px;
	text-decoration: none;
}  

/*---  Text for questions on the about page ---*/
.textq {
	font-family: "Toronto", "Times New Roman", serif;
	font-size: medium;
	color: #800000;
	font-weight: 600;
	text-align: left;
	text-decoration: none;
	margin-bottom: 2px;
}
/*---  Smaller Text size 10 black colour ---*/
.textsm {
	font-family: "Toronto", "Times New Roman", serif;
	font-size: small;
	color: #000000;
	text-decoration: none;
	margin-bottom: 2px;
}
.textsm a:hover{
	font-family: "Toronto", "Times New Roman", serif;
	font-size: small;
	color: #FF0000;
	background: #FFFF91;
	text-decoration: underline;
	margin-bottom: 5px;
}    
.textsm a:visited{
	font-family: "Toronto", "Times New Roman", serif;
	font-size: small;
	color: #800000;
	text-decoration: none;
	margin-bottom: 2px;
}  
/*---  Text indented for first paragraph ---*/
.textindent{
	font-family: "Toronto", "Times New Roman", serif;
	font-size: medium;
	font-weight: 500;
	color: #000000;
	text-align: left;	
	text-indent: 50px;
	text-decoration: none;
	padding-bottom: 5px;
	padding-right: 30px;
}
.textindent a:link{
	font-family: "Toronto", "Times New Roman", serif;
	font-size: medium;
	font-weight: 600;
	color: #FF0000;
	text-align: left;	
	text-indent: 50px;
	text-decoration: none;
	padding-bottom: 5px;
	padding-right: 30px;
}
.textindent a:hover{
	font-family: "Toronto", "Times New Roman", serif;
	font-size: medium;
	font-weight: 600;	
	color: #FF0000;
	text-align: left;	
	text-indent: 50px;
	text-decoration: none;
	padding-bottom: 5px;
	padding-right: 30px;
}
.textindent a:visited{
	font-family: "Toronto", "Times New Roman", serif;
	font-size: medium;
	font-weight: 600;
	color: #004040;
	text-align: left;	
	text-indent: 50px;
	text-decoration: none;
	padding-bottom: 5px;
	padding-right: 30px;	
}  
/*---  Text indented for first paragraph MAROON ---*/
.textindent1{
	font-family: "Toronto", "Times New Roman", serif;
	font-size: medium;
	font-style: normal;
	font-weight: 500;
	color: #6B1029;	
	text-indent: 30px;
	text-decoration: none;
	margin-right: 30px;
	margin-bottom: 2px;
}
.textindent1 a:hover{
	font-family: "Toronto", "Times New Roman", serif;
	font-size: medium;
	font-weight: 500;	
	color: #FF8000;
	text-indent: 30px;
	background: #FEF9B4;
	margin-right: 30px;
	margin-bottom: 5px;
}
.textindent1 a:visited{
	font-family: "Toronto", "Times New Roman", serif;
	font-size: medium;
	font-weight: 500;
	color: #6B1029;
	text-decoration: none;
	margin-right: 30px;
	margin-bottom: 5px;
} 
/*---  Text indented for first paragraph DARK BLUE with light blue-gray background ---*/
.textindent2{
	font-family: Alaska, Arial, "sans-serif";
	font-size: medium;
	font-style: normal;
	font-weight: 500;
	color: #000080;
	background: #ECEDF1;	
	text-indent: 30px;
	text-decoration: none;
	margin-right: 30px;
	margin-bottom: 5px;
}
.textindent2 a:hover{
	font-family: Alaska, Arial, "sans-serif";
	font-size: medium;
	font-weight: 500;	
	color: #00FF00;
	background: #ECEDF1;
	text-indent: 30px;
	background: #FEF9B4;
	margin-right: 30px;
	margin-bottom: 5px;
}
.textindent2 a:visited{
	font-family: Alaska, Arial, "sans-serif";
	font-size: medium;
	font-weight: 500;
	color: #000080;
	background: #ECEDF1;
	text-indent: 30px;
	text-decoration: none;
	margin-right: 30px;
	margin-bottom: 5px;
} 
/*---  Text indented for first paragraph RED ---*/
.textindent3{
	font-family: "Toronto", "Times New Roman", serif;
	font-size: medium;
	font-style: normal;
	font-weight: 500;
	color: #FF0000;	
	text-indent: 30px;
	text-decoration: none;
	margin-right: 15px;
	margin-bottom: 5px;
}
.textindent3 a:hover{
	font-family: "Toronto", "Times New Roman", serif;
	font-size: medium;
	font-weight: 500;	
	color: #FF0000;
	text-indent: 30px;
	background: #FEF9B4;
	margin-right: 15px;
	margin-bottom: 5px;
}
.textindent3 a:visited{
	font-family: "Toronto", "Times New Roman", serif;
	font-size: medium;
	font-weight: 500;
	color: #FF0000;
	text-decoration: none;
	margin-right: 15px;
	margin-bottom: 5px;
} 
/*---  Legend heading in Fieldset  ---*/
.legend{
	font-family: "Toronto", "Times New Roman", serif;
	font-size: large;
	color:#FF0000;
	font-weight: 600;
}
  
/*---  Text align right for CWCC form tables  ---*/
.textr1 {
	font-family: "Toronto", "Times New Roman", serif;
	font-size: medium;
	color: #000000;
	font-weight: 600;
	text-align: right;
}
/*---  Text  for  reviewers in TOC pages  ---*/
.textr2 {
	font-family: "Toronto", "Times New Roman", serif;
	font-size: small;
	font-style: italic;
	color: #800000;
	margin-bottom: 2px;
	text-align: left;
	margin-left: 300px;
}
/*---  Text align centre  ---*/
.textc {
	font-family: "Toronto", "Times New Roman", serif;
	font-size: medium;
	color: #000000;
	text-align: center;
	text-decoration: none;
}
.textc a:hover{
	font-family: "Toronto", "Times New Roman", serif;
	font-size: medium;
	color: #FF8040;
	font-weight: 600;
	text-align: center;
	background: #FFFF91;
	text-decoration: underline;
	margin-bottom: 5px;
}
/*---  Text bold ---*/

.textb {
	font-family: "Toronto", "Times New Roman", serif;
	font-size: medium;
	font-weight: 600;
	text-align: left;
	color: #000000;
	margin-right: 8px;
	margin-bottom: 10px;
	font-weight: 600; 
}
/*---  Text bold and centered ---*/
.textbc {
	font-family: "Toronto", "Times New Roman", serif;
	font-size: medium;
	font-weight: 600; 
	color: #000000;
	margin-right: 8px;
	margin-bottom: 2px;
	text-align: center;
}
.textbc a:link{
	font-family: "Toronto", "Times New Roman", serif;
	font-size: medium;
	font-weight: 600; 
	color: #004080;
	text-align: center;
	text-decoration: none;
	margin-right: 8px;
	margin-bottom: 2px;
}
.textbc a:hover{
	font-family: "Toronto", "Times New Roman", serif;
	font-size: medium;
	color: #000000;
	font-weight: 600;
	background: #FFFF91;
	text-decoration: underline;
	margin-right: 8px;
	margin-bottom: 2px;
}
.textbc a:visited{
	font-family: "Toronto", "Times New Roman", serif;
	font-size: medium;
	color: #004080;
	margin-right: 8px;
	margin-bottom: 2px;
	font-weight: 600; 
	text-align: center;
	text-decoration: none;
}
/*---  Text used for CWCC YEARS IN THE BORDER  and bold colour dark RED  and centered ---*/
.cwccyr {  
	font-family: "Toronto", "Times New Roman", serif;
	font-size: xx-large;
	font-weight: 800;  
	color: #C10000;
	text-align: center;
	margin-bottom: 10px;	
}
/*---  Text used for HEADERS size 18px and bold colour dark blue and centered ---*/
.texthdr {  
	font-family: "Toronto", "Times New Roman", serif;
	font-size: large;
	font-weight: 600;  
	color: #000080;
	text-align: center;
	margin-bottom: 10px;	
}
.texthdr a:hover{  
	font-family: "Toronto", "Times New Roman", serif;
	font-size: large;
	font-weight: 600; 
	color: #FF8000;
	text-align: center;
	background: #FFFF91;
	text-decoration: underline;
	margin-bottom: 10px;	
}
.texthdr a:visited{  
	font-family: "Toronto", "Times New Roman", serif;
	font-size: large;
	font-weight: 600;  
	color: #008000;
	text-align: center;
	margin-bottom: 10px;
	text-decoration: none;	
}
/*---  SUBHEADS 18px and bold colour dark brown , leftalign ---*/
.texthdr2 {  
	font-family: "Toronto", "Times New Roman", serif;
	font-size: large;
	font-weight: 600;  
	font-variant: small-caps;
	color: #800000;
	margin-left: 10px;
	text-align: left;
	text-decoration: none;	
}
.texthdr2 a:visited{  
	font-family: "Toronto", "Times New Roman", serif;
	font-size: large;
	font-weight: 600;  
	font-variant: small-caps;
	color: #800000;
	margin-left: 10px;
	text-align: left;
	text-decoration: none;	
}
.texthdr2 a:hover{  
	font-family: "Toronto", "Times New Roman", serif;
	font-size: large;
	font-weight: 600; 
	font-variant: small-caps;
	color: #800000;
	margin-left: 10px;
	text-align: left;
	background: #FFFF91;
	text-decoration: underline;
}
.texthdr2 a:visited{  
	font-family: "Toronto", "Times New Roman", serif;
	font-size: large;
	font-weight: 600; 
	font-variant: small-caps;
	color: #800000;
	margin-left: 10px;
	text-align: left;
	text-decoration: none;	
}
/*---  Text used for HEADERS size 18px and bold colour dark blue and LEFT---*/
.texthdr3 {  
	font-family: "Toronto", "Times New Roman", serif;
	font-size: large;
	font-weight: 600; 
	color: #000080;
	text-align: left;
	margin-left: 50px;
	margin-bottom: 1px;	
}
/*---  Text for quotations ---*/
.quote {
	font-family: "Toronto", "Times New Roman", serif;
	font-size: medium;
	color: #804040;
	font-weight: 500;
	margin-top: 1px;
	margin-left: 50px;
	margin-right: 10px;
	width: 500px;
}
/*---  Text for quotations ---*/
.quoteref {
	font-family: "Toronto", "Times New Roman", serif;
	font-size: medium;
	color: #000040;
	text-align: right;
	margin-left: 50px;
	margin-right: 50px;
	width: 500px;
	font-style: italic;
}
/*---  Section Header BLUE and Left for tables on the genre page ---*/
.hdr {
	font-family: "Toronto", "Times New Roman", serif;
	font-size: x-large;
	color: #000080;
	font-weight: 600;
	text-align: left;
	vertical-align: middle;
}
/*---  Section Header Blueand Center for headers on regular pages ---*/
.hdr1 {
	font-family: "Toronto", "Times New Roman", serif;
	font-size: x-large;
	color: #004080;
	font-weight: 600;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: center;
	vertical-align: middle;
}
/*---  Section Header White and Left for tables on the alpha page ---*/
.hdr2 {
	font-family: "Toronto", "Times New Roman", serif;
	font-size: x-large;
	color: #FF0000;
	font-weight: 600;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-left: 10px;
	padding-right: 30px;
	text-align: left;
	vertical-align: middle;
}
/*---  Section Header White and Center for Other Pages ---*/
.hdr2c {
	font-family: "Toronto", "Times New Roman", serif;
	font-size: x-large;
	color: #FF0000;
	font-weight: 600;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-left: 10px;
	padding-right: 30px;
	text-align: center;
	vertical-align: middle;
}
/*---  Section Header Blue and Left for titles on pages ---*/
.hdr3 {
	font-family: "Toronto", "Times New Roman", serif;
	font-size: x-large;
	color: #004080;
	font-weight: 600;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-left: 10px;
	padding-right: 30px;
	text-align: left;
	vertical-align: middle;
}
/*---  Section Header Blue and Left for titles on pages ---*/
.hdr3c {
	font-family: "Toronto", "Times New Roman", serif;
	font-size: x-large;
	color: #004080;
	font-weight: 600;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-left: 10px;
	padding-right: 30px;
	text-align: center;
	vertical-align: middle;
}
/*---  Section Header Red and Centerfor titles on pages ---*/
.hdr4c {
	font-family: "Toronto", "Times New Roman", serif;
	font-size: x-large;
	color:#FF0000;
	font-weight: 600;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-left: 10px;
	padding-right: 30px;
	text-align: center;
	vertical-align: middle;
}/*---  Section Header Green and centered for NOPC titles and headers on pages ---*/
.nopc {
	font-family: "Toronto", "Times New Roman", serif;
	font-size: x-large;
	color: #008040 ;
	font-weight: 600;
	text-align: center;
	margin-bottom: 3px;
}
/*---  Section Header Green and slightly smaller and LEFT for NOPC sub titles and sub-headers on pages ---*/
.nopc2 {
	font-family: "Toronto", "Times New Roman", serif;
	font-size: large;
	color: #008040 ;
	font-weight: 600;
	text-align: left;
	margin-bottom: 3px;
}
/*---  Text Headers for TOC pages indented for lists and table of Contents heading level pages  ---*/
.toc{
	text-indent: 100px;
	text-align: left;
	text-transform: uppercase;
	font-family: "Toronto", "Times New Roman", serif;
	font-size: x-large;
	font-style: normal;
	color: #000080;	
	text-decoration: none;
}
/*---  Text indented for lists and table of Contents pages FIRST LEVEL  ---*/
.toc1{
	font-family: "Toronto", "Times New Roman", serif;
	font-size: medium;
	font-style: normal;
	color: #000000;
	line-height: 1;
	margin-left: 100px;
	text-decoration: none;
}
/*---  Text indented for lists and table of Contents SECOND level pages  ---*/
.toc2{
	font-family: "Toronto", "Times New Roman", serif;
	font-size: medium;
	font-style: normal;
	color: #000000;
	line-height: 1;	
	margin-left: 140px;
	text-decoration: none;
}
/*---  Text second nested indent for lists and table of Contents THIRD level on pages  ---*/
.toc3{
	font-family: "Toronto", "Times New Roman", serif;
	font-size: medium;
	font-style: normal;
	color: #000000;	
	line-height: 1;
	margin-left: 180px;
	text-decoration: none;
}/*---  Text for questions on the about page ---*/
.textq {
	font-family: "Toronto", "Times New Roman", serif;
	font-size: medium;
	color: #800000;
	font-weight: 600;
	text-align: left;
	text-decoration: none;
	margin-bottom: 2px;
}
/*---  Text used for TITLES size 18px and bold colour dark blue and centered ---*/
.title{  
	font-family: "Toronto", "Times New Roman", serif;
	font-size: x-large;
	font-weight: 600;
	color: #000080;
	text-align: center;
	margin-bottom: 10px;	
}
/*---  Text used for headers size LINKS 18px and bold colour dark brown , centered ---*/
.title a:hover{  
	font-family: "Toronto", "Times New Roman", serif;
	font-size: x-large;
	font-weight: 600;
	color: #FF0000;
	text-align: center;
	background: #FEF9B4;
	margin-bottom: 10px;		
}
.title a:visited{  
	font-family: "Toronto", "Times New Roman", serif;
	font-size: x-large;
	font-weight: 600;
	color: #008000;
	text-align: center;
	margin-bottom: 10px;
	text-decoration: none;	
}
.menu{
	font-family: "Toronto", "Times New Roman", serif;
	font-size: small;
	color: #000000;
	text-decoration: none;
	padding-left: 4px;
	margin-bottom: 5px;
}
.menu a:hover{
	font-family: "Toronto", "Times New Roman", serif;
	font-size: small;
	color: #FF0000;
	background: #FFFF91;
	text-decoration: underline;
	padding-left: 4px;
	margin-bottom: 5px;		
}    
.menu a:visited{
	font-family: "Toronto", "Times New Roman", serif;
	font-size: small;
	color: #800000;
	margin-bottom: 5px;
	text-decoration: none;
}  
/* --- Table Placement for CWCC Submit Form ---*/
.tbl1 {
	width: 550px;
	text-align: left;
	padding: 5px;
}
/* --- Image Placement   margin-left can be used to position the image further left --- */

/*---  Used to float image right with a white border ---*/

.imageright {
	float: right;
	padding: 4px;
	margin-left: 10px;
	margin-right: 8px;
	background-color: #ffffff;
	border: 2px solid #FFFFFF;
}

/* ---  Used to float image left with a white border ---*/

.imageleft {
	float: left;
	padding: 4px;
	margin-left: 5px;
	background-color: #FFFFFF;
	border: 2px solid #FFFFFF;
}
/*---  Used to float image left with NO border ---*/
.imageleft2 {
	float: left;
	vertical-align: top;
	padding: 2px;
	margin-left: 10px;
}
/*---  This image floats left but as has a border.  ---*/

/*---  FOOTER ---*/

/*---  .footer is used to control the colour, font, size, and look on the links used in the footer div tag. 
If you look in any of the html pages you will the footer code it effects.---*/

.footer {
	font-family: Memorandum, NewBrunswick, serif;
	font-style: normal;
	font-size: 14px;
	margin-bottom: 2px;
}
.footer  a:visited {
	font-family: Memorandum, NewBrunswick, serif;
	font-style: normal;
	font-size: 14px;
	margin-bottom: 2px;
	color: #040404;
	text-decoration: none;
}
.footer  a:hover {
	font-family: Memorandum, NewBrunswick, serif;
	font-style: normal;
	font-size: 14px;
	margin-bottom: 2px;
	color: #040404;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #040404;
}
.footer  a:active {
	font-family: Memorandum, NewBrunswick, serif;
	font-style: normal;
	font-size: 14px;
	margin-bottom: 2px;
	color: #DEE0D5; 
	text-decoration: underline;
}
/* --- footer end links--- */