/*---  CSS code for Spring Pulse Poetry Festival Web Page site  ---*/
/*---  body is where you place the background image or colour for the whole site. Like #88B6D7 for plain background ---*/
body {
	background: #005a79;
}
/*--- General info for Containter -830 pixels wide div tags ---*/
#container {
   	width: 830px;
	background-image: url("z-body-bground.gif"); 
	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(z-topbground.gif);
	background-repeat: repeat;
	height: 140px;
	border-top: 1px #0094B85 solid;
	border-right: 1px #0094B85 solid;
	border-left: 1px #0094B85 solid;
}
#topcurve {
	background-image: url(z-topcurve.gif);
	background-repeat: no-repeat;
	height: 44px;
}
/*---  General info for main page content div tag ---*/
#main {
	vertical-align: top;
	margin-top: 10px;
	margin-left: 50px;
	margin-right: 50px;
	text-align: left;
}
#footer {
	background-image: url(z-botcurve.gif);
	background-repeat: no-repeat;
	padding-top: 45px;
	height: 35px;
}
#news {
	background: #F2FAFE;
	width: 220px;
	float: right;	
	padding: 2px;
	border: 2px #0094B5 solid;
}
/* Gallery */
#gallery {
	width: 740px;
	height: 600px;
	margin: 0 auto;
	align: center;
}
#thumbs {
	display: block;
	float: left;
	background: url(z-img12.gif) repeat;
}
#prev {
	display: block;
	float: left;
	width: 30px;
	height: 100px;
	background: url(z-left.gif) no-repeat;
}
#next {
	display: block;
	float: left;
	width: 30px;
	height: 100px;
	background: url(z-right.gif) no-repeat right top;
}
#prev span, #next span {
	display: none;
}



/*---  TEXT ---*/
/*--- Text for  top menu ---*/
.menu {
	font-family: Arial;
	font-size: small;
	font-weight: 600;
	color: #000080;
	text-align: center;
	vertical-align: top;	
}
.menu a:link{
	font-family: Arial;
	font-size: small;
	font-weight: 600;
	color: #000080;
	text-align: center;
	text-decoration: underline;
	vertical-align: top;	
}
.menu a:hover{
	font-family: Arial;
	font-size: small;
	font-weight: 600;
	color: #FF8000;
	text-align: center;
	text-decoration: underline;
	vertical-align: top;
}
.menu a:visited{
	font-family: Arial;
	font-size: small;
	font-weight: 600;
	color: #804040;
	text-align:center;
	text-decoration: none;
	vertical-align: top;	
}
	/*--- Text for side menu ---*/
.menu2 {
	font-family: Arial;
	font-size: small;
	font-weight: 600;
	color: #804000;
	margin-left: 15px;
	text-align: center;
	text-decoration: none;
	vertical-align: top;	
}
.menu2 a:link{
	font-family: Arial;
	font-size: small;
	font-weight: 600;
	color: #804000;
	margin-left: 15px;
	text-align: center;
	text-decoration: none;
	vertical-align: top;	
}
.menu2 a:hover{
	font-family: Arial;
	font-size: small;
	font-weight: 600;
	color: #FF0000;
	margin-left: 15px;
	background: #FFFF00;
	text-align: center;
	text-decoration: underline;
	vertical-align: top;
}
.menu2 a:visited{
	font-family: Arial;
	font-size: small;
	font-weight: 600;
	color: #804000;
	margin-left: 15px;
	text-align: center;
	text-decoration: none;
	vertical-align: top;	
}
/*---  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: 500;
	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: 500;
	margin-bottom: 5px;
	text-decoration: none;
}  
.text a:visited{
	font-family: "Toronto", "Times New Roman", serif;
	font-size: medium;
	color: #800000;
	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: 500;
	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: 600;
	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;
}
.textc a:link{
	font-family: "Toronto", "Times New Roman", serif;
	font-size: medium;
	color: #FF0000;
	font-weight: 600;
	text-align: center;
}
.textc a:visited{
	font-family: "Toronto", "Times New Roman", serif;
	font-size: medium;
	color: #800080;
	font-weight: 600;
	text-align: center;
}
/*---  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;
	margin-bottom: 2px;
}
.textbc a:link{
	font-family: "Toronto", "Times New Roman", serif;
	font-size: medium;
	color: #408080;
	font-weight: 600;
	text-align: center;
	margin-bottom: 2px;
}
.textbc a:hover{
	font-family: "Toronto", "Times New Roman", serif;
	font-size: medium;
	color: #FF0000;
	font-weight: 600;
	text-align: center;
	background: #FEF9B4;
	margin-bottom: 2px;
}
.textbc a:visited{
	font-family: "Toronto", "Times New Roman", serif;
	font-size: medium;
	color: #408080;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	background: #FFFFFF;
	margin-bottom: 2px;
}
/*---  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-bottom: 2px;	
}
.textindent a:link{
	font-family: "Toronto", "Times New Roman", serif;
	font-size: medium;
	font-weight: 600;	
	color: #800000;
	text-indent: 30px;
	margin-bottom: 2px;
}
.textindent a:hover{
	font-family: "Toronto", "Times New Roman", serif;
	font-size: medium;
	font-weight: 500;	
	color: #FF0000;
	text-indent: 30px;
	background: #FEF9B4;
	margin-bottom: 2px;
}
.textindent a:visited{
	font-family: "Toronto", "Times New Roman", serif;
	font-size: medium;
	font-weight: 500;
	color: #800000;
	text-decoration: none;
	margin-bottom: 2px;
}  
/*---  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-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-bottom: 5px;
}
.textindent1 a:visited{
	font-family: "Toronto", "Times New Roman", serif;
	font-size: medium;
	font-weight: 500;
	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: 500;
	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: 500;	
	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: 500;
	color: #000080;
	text-indent: 30px;
	text-decoration: none;
	margin-right: 15px;
	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;
} 
/*---  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 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: 500;
	margin-top: 1px;
	margin-left: 50px;
	width: 650px;
}
.fld { 
	font-family:  "Toronto", "Times New Roman", serif;
	font-size: .medium;
	 font-weight:500;
	color:#000000;
	text-align:left;
}

textarea {border:1px solid #990000; background-color:#F3F7FC; }
/*---  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: 650px;
	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: #FF0000;
	text-align: center;
	margin-bottom: 5px;	
}
/*---  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: #FF8000;
	text-align: center;
	background: #FEF9B4;
	margin-bottom: 5px;		
}
.texthdr a:visited{  
	font-family: "Toronto", "Times New Roman", serif;
	font-size: large;
	font-weight: 600;
	color: #FF0000;
	text-align: center;
	margin-bottom: 5px;
	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;	
}
/* --- 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;
	padding: 2px;
	margin-left: 10px;
}
/*---  This image floats right and  has a white border.  ---*/
.imageright {
	float: right;
	padding: 2px;
	margin-left: 5px;
	background-color: #ffffff;
	border: 5px solid #ffffff;
}