/*---  CSS code for 2 nd Jonathon's site  ---*/
/*---  body is where you place the background image or colour for the whole site. ---*/
body {
	background-image: url(images/z-bak02.jpg);
	background-repeat: repeat;
}
/*--- General info for Container -600 pixels wide div tags ---*/
#container {
	width: 600px;
	align: center;
	background: #E1EFFD;
	border: 3px #EFEFEF groove;
}
/*---  topcontainer is where you place the image for the header.  Height was 120 pixels now is 70 Also controls size of the topbar space. ---*/
#topcontainer {
	height: 90px;
	align: center;
  	background: #EFEFEF;
	border: 2px #0000A0 solid;
}
#main {
	vertical-align: top;
	text-align: left;
	width: 100%;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 2px solid #004284;
    margin: 1em 0;
    padding: 2px;
}
/*--- The news box is to feature special announcements -floats right with a darkblue border ---*/
#news {
	background: #D7EBFF;
	float: right;	
	width: 150px;
	padding: 3px;
	border: 2px #004284 solid;
}
#footer {
  	background: #EFEFEF;
	border: 2px #0000A0 solid;
}

/*---  TEXT ---*/
/*--- Text for side menu ---*/
.menu {
	font-family: Arial;
	font-size: small;
	font-weight: 600;
	color: #0000A0;
	margin-left: 4px;
	text-align: center;
	text-decoration: none;
	vertical-align: top;	
}
.menu a:link{
	font-family: Arial;
	font-size: small;
	font-weight: 600;
	color: #0000A0;
	margin-left: 4px;
	text-align: center;
	text-decoration: none;
	vertical-align: top;	
}
.menu a:hover{
	font-family: Arial;
	font-size: small;
	font-weight: 600;
	color: #FF8040;
	margin-left: 4px;
	text-align: center;
	background: #C7FEF4;
	vertical-align: top;
}
.menu a:visited{
	font-family: Arial;
	font-size: small;
	font-weight: 600;
	color: #0000A0;
	margin-left: 4px;
	text-align: center;
	text-decoration: none;
	vertical-align: top;	
}
	/*--- Text for side menu ---*/
.menu2 {
	font-family: Arial;
	font-size: small;
	font-weight: 600;
	margin-left: 4px;
	color: #FFFFFF;
	text-align: left;
	text-decoration: none;
	vertical-align: top;	
}
.menu2 a:link{
	font-family: Arial;
	font-size: small;
	font-weight: 600;
	margin-left: 4px;
	color: #FFFFFF;
	text-align: left;
	text-decoration: none;
	vertical-align: top;	
}
.menu2 a:hover{
	font-family: Arial;
	font-size: small;
	font-weight: 600;
	margin-left: 4px;
	color: #FF8040;
	text-align: left;
	text-decoration: underline;
	vertical-align: top;
}
.menu2 a:visited{
	font-family: Arial;
	font-size: small;
	font-weight: 600;
	margin-left: 4px;
	color: #FFFFFF;
	text-align: left;
	text-decoration: none;
	vertical-align: top;	
}
	/*--- Text for side menu ---*/
.menu3 {
	font-family: Arial;
	font-size: x-small;
	font-weight: 600;
	color: #FFFF9B;
	margin-left: 4px;
	text-align: left;
	text-decoration: none;
	vertical-align: top;	
}
.menu3 a:link{
	font-family: Arial;
	font-size: x-small;
	font-weight: 600;
	color: #FFFF9B;
	margin-left: 4px;
	text-align: left;
	text-decoration: none;
	vertical-align: top;	
}
.menu3 a:hover{
	font-family: Arial;
	font-size: x-small;
	font-weight: 600;
	color: #FF8040;
	margin-left: 4px;
	text-align: left;
	text-decoration: underline;
	vertical-align: top;
}
.menu3 a:visited{
	font-family: Arial;
	font-size: x-small;
	font-weight: 600;
	color: #FFFF9B;
	margin-left: 4px;
	text-align: left;
	text-decoration: none;
	vertical-align: top;	
}
/*--- Text for Footer ---*/
.footer {
	font-family: Arial;
	font-size: small;
	font-weight: 600;
	color: #004284;
	text-align: center;
	text-decoration: none;
}
.footer a:link{
	font-family: Arial;
	font-size: small;
	font-weight: 600;
	color: #004284;
	text-align: center;
	text-decoration: none;
}
.footer a:hover{
	font-family: Arial;
	font-size: small;
	font-weight: 600;
	color: #FF8040;
	text-align: center;
	text-decoration: underline;
}
.footer a:visited{
	font-family: Arial;
	font-size: small;
	font-weight: 600;
	color: #004284;
	text-align: center;
	text-decoration: none;
}
/*------  This is for the CWCC year in the left border -no need for graphic links anymorw -Nov 15-2010 -----*/
.cwccyr {
	font-family: "Toronto", "Times New Roman", serif;
	font-size: x-large;
	color: #DFDFDF;
	font-weight: 600;	
	text-align: center;
	margin-bottom: 3px;
}
/*---  RegularText size 12 black colour ---*/
/*---  RegularText size 12 black colour ---*/

.text {
	font-family: "Toronto", "Times New Roman", serif;
	font-size: medium;
	color: #000000;
	font-weight: 500;
	text-decoration: none;
	margin-bottom: 5px;
}
.text a:hover{
	font-family: "Toronto", "Times New Roman", serif;
	font-size: medium;
	color: #FF0000;
	font-weight: 600;
	background: #FEF9B4;
	text-decoration: underline;
	margin-bottom: 5px;
}    
.text a:link{
	font-family: "Toronto", "Times New Roman", serif;
	font-size: medium;
	color: #0000FF;
	font-weight: 600;
	margin-bottom: 5px;
	text-decoration: none;
}  
.text a:visited{
	font-family: "Toronto", "Times New Roman", serif;
	font-size: medium;
	color: #408080;
	font-weight: 500;
	margin-bottom: 5px;
	text-decoration: none;
}  
/*---  Text single spaced ---*/
.text1 {
	font-family: "Toronto", "Times New Roman", serif;
	font-size: medium;
	color: #000000;
	text-decoration: none;
}
/*---  Text for currency numbers on the alpha and genre pages ---*/
.text2 {
	font-family: "Toronto", "Times New Roman", serif;
	font-size: medium;
	color: #800000;
	font-weight: 600;
	text-align: center;
	vertical-align: middle;
}
/*---  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 Headers Red and Center for Other Pages ---*/
.hdr2c {
	font-family: "Toronto", "Times New Roman", serif;
	font-size: x-large;
	color: #FF0000;
	font-weight: 600;
	padding-bottom: 2px;
	margin-left: 10px;
	padding-right: 30px;
	text-align: center;
	vertical-align: middle;
}
.hdr2c a:link{
	font-family: "Toronto", "Times New Roman", serif;
	font-size: x-large;
	color: #FF0000;
	font-weight: 600;
	padding-bottom: 2px;
	margin-left: 10px;
	padding-right: 30px;
	text-align: center;
	vertical-align: middle;
}
.hdr2c a:hover{
	font-family: "Toronto", "Times New Roman", serif;
	font-size: x-large;
	color: #000080;
	font-weight: 600;
	padding-bottom: 2px;
	margin-left: 10px;
	padding-right: 30px;
	text-align: center;
	background: #FFFFE1;
	vertical-align: middle;
}
.hdr2c a:visited{
	font-family: "Toronto", "Times New Roman", serif;
	font-size: x-large;
	color: #FF0000;
	font-weight: 600;
	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;
}
/*---  Text align right  ---*/
.textr {
	font-family: "Toronto", "Times New Roman", serif;
	font-size: medium;
	color: #000000;
	margin-bottom: 2px;
	text-align: right;
	margin-right: 50px;
}
/*---  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: medium;
	font-style: italic;
	color: #800000;
	margin-bottom: 2px;
	text-align: left;
	margin-left: 250px;
}
/*---  Text align centre  ---*/
.textc {
	font-family: "Toronto", "Times New Roman", serif;
	font-size: medium;
	color: #000000;
	font-weight: 500;
	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: #FEF9B4;
}
/*---  Text bold ---*/

.textb {
	font-family: "Toronto", "Times New Roman", serif;
	font-size: medium;
	color: #000000;
	font-weight: 600;
}
/*---  Text bold and italics ---*/

.textbi {
	font-family: "Toronto", "Times New Roman", serif;
	font-size: medium;
	color: #000000;
	font-weight: 600;
	font-style: italic;
}
/*---  Text bold and centered ---*/
.textbc {
	font-family: "Toronto", "Times New Roman", serif;
	font-size: medium;
	color: #000000;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
}
.textbc a:link{
	font-family: "Toronto", "Times New Roman", serif;
	font-size: medium;
	color: #400040;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
}
.textbc a:hover{
	font-family: "Toronto", "Times New Roman", serif;
	font-size: medium;
	color: #FF0000;
	font-weight: 600;
	text-align: center;
	background: #FEF9B4;
	text-decoration: none;
}
.textbc a:visited{
	font-family: "Toronto", "Times New Roman", serif;
	font-size: medium;
	color: #400040;
	font-weight: 600;
	text-align: center;
	background: #FFFFFF;
	text-decoration: none;

}
/*---  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 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: #FEF9B4;
	margin-bottom: 2px;
}    
.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 BLACK ---*/
.textindent{
	font-family: "Toronto", "Times New Roman", serif;
	font-size: medium;
	font-style: normal;
	font-weight: 500;
	color: #000000;	
	text-indent: 30px;
	text-decoration: none;
	margin: 2px;	
}
.textindent a:hover{
	font-family: "Toronto", "Times New Roman", serif;
	font-size: medium;
	font-weight: 500;	
	color: #FF0000;
	text-indent: 30px;
	background: #FEF9B4;
}
.textindent a:link{
	font-family: "Toronto", "Times New Roman", serif;
	font-size: medium;
	font-weight: 600;
	color: #800000;
	text-decoration: none;
}  
.textindent a:visited{
	font-family: "Toronto", "Times New Roman", serif;
	font-size: medium;
	font-weight: 500;
	color: #800000;
	text-decoration: none;
}  
/*---  Text indented for first paragraph MAROON ---*/
.textindent1{
	font-family: "Toronto", "Times New Roman", serif;
	font-size: medium;
	font-style: normal;
	font-weight: 600;
	color: #6B1029;	
	text-indent: 30px;
	text-decoration: none;
	margin-bottom: 2px;
}
.textindent1 a:hover{
	font-family: "Toronto", "Times New Roman", serif;
	font-size: medium;
	font-weight: 600;	
	color: #FF8000;
	text-indent: 30px;
	background: #FEF9B4;
	margin-bottom: 5px;
}
.textindent1 a:visited{
	font-family: "Toronto", "Times New Roman", serif;
	font-size: medium;
	font-weight: 600;
	color: #6B1029;
	text-decoration: none;
	margin-bottom: 5px;
} 
/*---  Text indented for first paragraph DARK BLUE ---*/
.textindent2{
	font-family: "Toronto", "Times New Roman", serif;
	font-size: medium;
	font-style: normal;
	font-weight: 600;
	color: #000080;	
	text-indent: 30px;
	text-decoration: none;
	margin-bottom: 5px;
}
.textindent2 a:hover{
	font-family: "Toronto", "Times New Roman", serif;
	font-size: medium;
	font-weight: 600;	
	color: #00FF00;
	text-indent: 30px;
	background: #FEF9B4;
	margin-bottom: 5px;
}
.textindent2 a:visited{
	font-family: "Toronto", "Times New Roman", serif;
	font-size: medium;
	font-weight: 600;
	color: #000080;
	text-indent: 30px;
	text-decoration: none;
	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: 600;
	color: #FF0000;	
	text-indent: 30px;
	text-decoration: none;
	margin-bottom: 5px;
}
.textindent3 a:hover{
	font-family: "Toronto", "Times New Roman", serif;
	font-size: medium;
	font-weight: 600;	
	color: #FF0000;
	text-indent: 30px;
	background: #FEF9B4;
	margin-bottom: 5px;
}
.textindent3 a:visited{
	font-family: "Toronto", "Times New Roman", serif;
	font-size: medium;
	font-weight: 600;
	color: #FF0000;
	text-decoration: none;
	margin-bottom: 5px;
} 
/*---  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;
	margin-left: 60px;
	margin-right: 20px;
	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;
	margin-left: 180px;
	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;	
	margin-left: 100px;
	text-decoration: none;
}

/*---  Text for Baha'i Quotes Page ---*/
.bquote {
	font-family: "Toronto", "Times New Roman", serif;
	font-size: large;
	color: #004040;
	font-weight: 500;
	text-indent: 250px;
	text-align: left;
	text-decoration: none;
	margin-right: 20px;
	margin-left: 30px;
	margin-bottom: 20px;
}
/*---  Text for quotations ---*/
.quote {
	font-family: "Toronto", "Times New Roman", serif;
	font-size: medium;
	color: #804040;
	font-weight: 600;
	margin-top: 1px;
	margin-right: 50px;
	margin-left: 50px;
}
/*---  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;
	font-style: italic;
}
/*---  .Text for italic questions align is left. ---*/
.quest { 
	font-family: "Toronto", "Times New Roman", serif;
	font-size: large;
	color: #000080;
	font-weight: 600;
	font-style: italic;
	text-align: left;
	margin-bottom: 3px;
}
/*---  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;	
}
/*---  Text used for headers size LINKS 18px and bold colour dark brown , centered ---*/
.texthdr a:hover{  
	font-family: "Toronto", "Times New Roman", serif;
	font-size: large;
	font-weight: 600;
	color: #FF0000;
	text-align: center;
	background: #FEF9B4;
	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;	
}
/*---  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;	
}
/*---  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-bottom: 10px;	
}
/*---  SUBHEADS 18px and bold colour dark brown , leftalign ---*/
.texthdr2 {  
	font-family: "Toronto", "Times New Roman", serif;
	font-size: medium;
	font-weight: 600;
	font-variant: small-caps;
	color: #004080;
	text-align: left;
	margin-bottom: 5px;
	text-decoration: none;	
}
.texthdr2 a:hover{  
	font-family: "Toronto", "Times New Roman", serif;
	font-size: medium;
	font-weight: 600;
	font-variant: small-caps;
	color: #FF0000;
	text-align: left;
	background: #FEF9B4;
	margin-bottom: 5px;		
}
.texthdr2 a:visited{  
	font-family: "Toronto", "Times New Roman", serif;
	font-size: medium;
	font-weight: 600;
	font-variant: small-caps;
	color: #008000;
	text-align: left;
	margin-bottom: 5px;
	text-decoration: none;	
}
/* --- Table Placement for CWCC Submit Form ---*/
.tbl1 {
	width: 650px;
	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: 0px;
	margin-right: 10px;
	background-color: #ffffff;
	border: 5px solid #ffffff;
}

/*---  Used to float image centre with a white border.  This has been customized for the centre container if you
are trying to centre an image in the left container copy the code below, rename ".imagecentre" and adjust the "margin-left:"
until you get a position that works  ---*/
.imagecentre {
	padding: 2px;
	margin-left: 250px;
	background-color: #ffffff;
	border: 5px solid #ffffff;
}

/*---  Used to float image left with a white border ---*/
.imageleft {
	float: left;
	padding: 2px;
	margin-left: 10px;
	background-color: #ffffff;
	border: 5px solid #ffffff;
}
/*---  Used to float image left with NO border ---*/
.imageleft2 {
	float: left;
	margin-left: 10px;
}
/*---  Used to float image left with NO border ---*/
.imageleft3 {
	float: left;
}
/*---  This image floats right and  has a white border.  ---*/
.imageright {
	float: right;
	padding: 2px;
	margin-left: 5px;
	background-color: #ffffff;
	border: 5px solid #ffffff;
}
/*---  This image floats right and  has NO border.  ---*/
.imageright2 {
	float: right;
		vertical-align: top;

}