/*---  CSS code for Spring Pulse Poetry Festival Web Page site  ---*/
/*---  body is where you place the background image or colour for the whole site. ---*/
body {
	background: #F2FFF2;
}
/*--- 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-y; 
	background-position: top;
	height: 150px;
}

/*---  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-topbground.gif); 
	background-repeat: repeat-y; 
	background-position: bottom;
	height: 30px;
	margin-top: 8px;
}
#news {
	background: #F2FFF2;
	width: 254px;
	float: right;	
	margin: 2px;	
	padding: 6px;
	border: 2px #008080 solid;
}
#sponsors {
	background: #FFFFFF;
	width: 182px;
	float: right;	
	margin: 1px;	
	border: 2px #008080 solid;
}
/*---  TEXT ---*/
/*--- Text for  top menu ---*/
.menu {
	font-family: Arial;
	font-size: small;
	font-weight: 600;
	color: #00D200;
	text-align: center;
	vertical-align: top;	
}
.menu a:link{
	font-family: Arial;
	font-size: small;
	font-weight: 600;
	color: #00D200;
	text-align: center;
	vertical-align: top;	
}
.menu a:hover{
	font-family: Arial;
	font-size: small;
	font-weight: 600;
	color: #FFFF00;
	text-align: center;
	text-decoration: underline;
	vertical-align: top;
}
.menu a:visited{
	font-family: Arial;
	font-size: small;
	font-weight: 600;
	color: #00D200;
	text-align: center;
	text-decoration: none;
	vertical-align: top;	
}
	/*--- Text for side menu ---*/
.menu2 {
	font-family: Arial;
	font-size: small;
	font-weight: 600;
	color: #000000;
	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: #000000;
	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: #FFFFFF;
	text-align: center;
	text-decoration: underline;
	vertical-align: top;
}
.menu2 a:visited{
	font-family: Arial;
	font-size: small;
	font-weight: 600;
	color: #FF0000;
	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: Verdana, Arial, "sans-serif";
	font-size: medium;
	color: #000000;
	font-weight: 500;
	text-decoration: none;
	margin-bottom: 5px;
}
.text a:hover{
	font-family: Verdana, Arial, "sans-serif";
	font-size: medium;
	color: #FF0000;
	font-weight: 500;
	background: #FEF9B4;
	text-decoration: underline;
	margin-bottom: 5px;
}    
.text a:link{
	font-family: Verdana, Arial, "sans-serif";
	font-size: medium;
	color: #0000FF;
	font-weight: 500;
	margin-bottom: 5px;
	text-decoration: none;
}  
.text a:visited{
	font-family: Verdana, Arial, "sans-serif";
	font-size: medium;
	color: #800000;
	font-weight: 500;
	margin-bottom: 5px;
	text-decoration: none;
}  
.textrd {
	font-family: Verdana, Arial, "sans-serif";
	font-size: medium;
	color: #FF0000;
	font-weight: 500;
	text-decoration: none;
	margin-bottom: 5px;
}
.textrdb {
	font-family: Verdana, Arial, "sans-serif";
	font-size: medium;
	color: #FF0000;
	font-weight: 600;
	text-decoration: none;
	margin-bottom: 5px;
}
/*---  Text single spaced ---*/
.text1 {
	font-family: Verdana, Arial, "sans-serif";
	font-size: medium;
	color: #000000;
	text-decoration: none;
}
/*---  Text for currency numbers on the alpha and genre pages ---*/
.text2 {
	font-family: Verdana, Arial, "sans-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: "BookmanITC Lt BT", "Times New Roman", serif;
	font-size: x-large;
	font-weight: 600;
	color: #408080;
	text-align: center;
	vertical-align: middle;
}
/*---  Section Header Blueand Center for headers on regular pages ---*/
.hdr1 {
	font-family: Verdana, Arial, "sans-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: Verdana, Arial, "sans-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: Verdana, Arial, "sans-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: Verdana, Arial, "sans-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: Verdana, Arial, "sans-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: Verdana, Arial, "sans-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: Verdana, Arial, "sans-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: Verdana, Arial, "sans-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: Verdana, Arial, "sans-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: Verdana, Arial, "sans-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: Verdana, Arial, "sans-serif";
	font-size: medium;
	color: #000000;
	font-weight: 600;
	text-align: right;
}

/*---  Text  for  reviewers in TOC pages  ---*/
.textr2 {
	font-family: Verdana, Arial, "sans-serif";
	font-size: medium;
	font-style: italic;
	color: #800000;
	margin-bottom: 2px;
	text-align: left;
	margin-left: 250px;
}
/*---  Text align centre  ---*/
.textc {
	font-family: Verdana, Arial, "sans-serif";
	font-size: medium;
	color: #000000;
	font-weight: 500;
	text-align: center;
	text-decoration: none;
}
.textc a:hover{
	font-family: Verdana, Arial, "sans-serif";
	font-size: medium;
	color: #FF8040;
	font-weight: 500;
	text-align: center;
	background: #FEF9B4;
}
.textc a:link{
	font-family: Verdana, Arial, "sans-serif";
	font-size: medium;
	color: #FF0000;
	font-weight: 500;
	text-align: center;
}
.textc a:visited{
	font-family: Verdana, Arial, "sans-serif";
	font-size: medium;
	color: #800080;
	font-weight: 500;
	text-align: center;
}
/*---  Text align centre  fon smaller for Poem page ---*/
.textc2 {
	font-family: Verdana, Arial, "sans-serif";
	font-size: small;
	color: #000000;
	font-weight: 500;
	text-align: center;
	text-decoration: none;
}
.textc2 a:hover{
	font-family: Verdana, Arial, "sans-serif";
	font-size: small;
	color: #FF8040;
	font-weight: 500;
	text-align: center;
	background: #FEF9B4;
}
.textc2 a:link{
	font-family: Verdana, Arial, "sans-serif";
	font-size: small;
	color: #FF0000;
	font-weight: 500;
	text-align: center;
}
.textc2 a:visited{
	font-family: Verdana, Arial, "sans-serif";
	font-size: small;
	color: #800080;
	font-weight: 500;
	text-align: center;
}
/*---  Text bold ---*/

.textb {
	font-family: Verdana, Arial, "sans-serif";
	font-size: medium;
	color: #000000;
	font-weight: 600;
}
/*---  Text bold and italics ---*/

.textbi {
	font-family: Verdana, Arial, "sans-serif";
	font-size: medium;
	color: #000000;
	font-weight: 600;
	font-style: italic;
}
/*---  Text bold and centered ---*/
.textbc {
	font-family: Verdana, Arial, "sans-serif";
	font-size: medium;
	color: #000000;
	font-weight: 600;
	text-align: center;
	margin-bottom: 2px;
}
.textbc a:link{
	font-family: Verdana, Arial, "sans-serif";
	font-size: medium;
	color: #408080;
	font-weight: 600;
	text-align: center;
	margin-bottom: 2px;
}
.textbc a:hover{
	font-family: Verdana, Arial, "sans-serif";
	font-size: medium;
	color: #FF0000;
	font-weight: 600;
	text-align: center;
	background: #FEF9B4;
	margin-bottom: 2px;
}
.textbc a:visited{
	font-family: Verdana, Arial, "sans-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: Verdana, Arial, "sans-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: Verdana, Arial, "sans-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: Verdana, Arial, "sans-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: Verdana, Arial, "sans-serif";
	font-size: small;
	color: #000000;
	text-decoration: none;
	margin-bottom: 2px;
}
.textsm a:hover{
	font-family: Verdana, Arial, "sans-serif";
	font-size: small;
	color: #FF0000;
	background: #FEF9B4;
	margin-bottom: 2px;
}    
.textsm a:visited{
	font-family: Verdana, Arial, "sans-serif";
	font-size: small;
	color: #800000;
	text-decoration: none;
	margin-bottom: 2px;
}  

/*---  Text indented for first paragraph BLACK ---*/
.textindent{
	font-family: Verdana, Arial, "sans-serif";
	font-size: medium;
	font-weight: 500;
	color: #000000;	
	text-indent: 30px;
	text-align: left;
	text-decoration: none;
	margin-bottom: 2px;	
}
.textindent a:link{
	font-family: Verdana, Arial, sans-serif;
	font-size: medium;
	font-weight: 500;	
	color: #000000;
	text-decoration: underline;
	text-indent: 30px;
	text-align: left;
	margin-bottom: 2px;
}
.textindent a:hover{
	font-family: Verdana, Arial, sans-serif;
	font-size: medium;
	font-weight: 500;	
	color: #FF0000;
	text-indent: 30px;
	text-align: left;
	background: #FEF9B4;
	margin-bottom: 2px;
}
.textindent a:visited{
	font-family: Verdana, Arial, sans-serif;
	font-size: medium;
	font-weight: 500;
	color: #000000;
	text-align: left;
	text-decoration: none;
	margin-bottom: 2px;
}  
/*---  Text indented for first paragraph MAROON ---*/
.textindent1{
	font-family: Verdana, Arial, "sans-serif";
	font-size: medium;
	font-style: normal;
	font-weight: 600;
	color: #6B1029;	
	text-indent: 30px;
	text-decoration: none;
	margin-left: 50px;
	margin-right: 50px;
	margin-bottom: 2px;
}
.textindent1 a:hover{
	font-family: Verdana, Arial, "sans-serif";
	font-size: medium;
	font-weight: 600;	
	color: #FF8000;
	text-indent: 30px;
	background: #FEF9B4;
	margin-left: 50px;
	margin-right: 50px;
	margin-bottom: 5px;
}
.textindent1 a:visited{
	font-family: Verdana, Arial, "sans-serif";
	font-size: medium;
	font-weight: 600;
	color: #6B1029;
	text-decoration: none;
	margin-left: 50px;
	margin-right: 50px;
	margin-bottom: 5px;
} 
/*---  Text indented for first paragraph DARK BLUE ---*/
.textindent2{
	font-family: Verdana, Arial, "sans-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: Verdana, Arial, "sans-serif";
	font-size: medium;
	font-weight: 600;	
	color: #00FF00;
	text-indent: 30px;
	background: #FEF9B4;
	margin-bottom: 5px;
}
.textindent2 a:visited{
	font-family: Verdana, Arial, "sans-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: Verdana, Arial, "sans-serif";
	font-size: medium;
	font-style: normal;
	font-weight: 600;
	color: #FF0000;	
	text-indent: 30px;
	text-decoration: none;
	margin-right: 15px;
	margin-bottom: 5px;
}
.textindent3 a:hover{
	font-family: Verdana, Arial, "sans-serif";
	font-size: medium;
	font-weight: 600;	
	color: #FF0000;
	text-indent: 30px;
	background: #FEF9B4;
	margin-right: 15px;
	margin-bottom: 5px;
}
.textindent3 a:visited{
	font-family: Verdana, Arial, "sans-serif";
	font-size: medium;
	font-weight: 600;
	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: Verdana, Arial, "sans-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: Verdana, Arial, "sans-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: Verdana, Arial, "sans-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: Verdana, Arial, "sans-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: Verdana, Arial, "sans-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: Verdana, Arial, "sans-serif";
	font-size: medium;
	color: #804040;
	font-weight: 600;
	margin-top: 1px;
	margin-right: 50px;
	margin-left: 50px;
	width: 550px;
}
/*---  Text for quotations ---*/
.quoteref {
	font-family: Verdana, Arial, "sans-serif";
	font-size: medium;
	color: #000040;
	text-align: right;
	margin-left: 50px;
	margin-right: 50px;
	width: 450px;
	font-style: italic;
}
/*---  .Text for italic questions align is left. ---*/
.quest { 
	font-family: Verdana, Arial, "sans-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: Verdana, Arial, "sans-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: Verdana, Arial, "sans-serif";
	font-size: large;
	font-weight: 600;
	color: #FF0000;
	text-align: center;
	background: #FEF9B4;
	margin-bottom: 10px;		
}
.texthdr a:visited{  
	font-family: Verdana, Arial, "sans-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: Verdana, Arial, "sans-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: Verdana, Arial, "sans-serif";
	font-size: x-large;
	font-weight: 600;
	color: #FF0000;
	text-align: center;
	background: #FEF9B4;
	margin-bottom: 10px;		
}
.title a:visited{  
	font-family: Verdana, Arial, "sans-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: Verdana, Arial, "sans-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: Verdana, Arial, "sans-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: Verdana, Arial, "sans-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: Verdana, Arial, "sans-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;
}
