/****************** TOP LEVEL ******************/

* {
	border:0;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Sans;
	font-size: 11pt;
	color: #004080;
}


/*************** COMMON STYLING ****************/
.clearfloats { clear:both }

.blacki {
	color:black;
	font-style: italic;
	}

.parai {
	color: #660033;
	font-size: 11pt;
	font-style: italic;
	}

.black12 {
	color:black;
	font-size: 12px;
	}

.black12i {
	color:black;
	font-size: 12px;
	font-style: italic;
	}

.poemheadi {
	color: #660033;
	font-size: 12pt;
	padding: 25px 0 0 0;
	font-style: italic;
         }

.indent30 {
	color: #660033;
        padding-left: 30px;
	padding-right: 30px;
	}

.ruler {
	color: #660033; 
	width: 70%; 
	padding: 25px 0 25px 0;
}

a:link    {color: #FF8000; font-weight:bold;}
a:visited {color: #FF9900; font-weight:bold;}
a:active  {color: #FF8000; font-weight:bold;}
a:hover   {color: #E3A09B; font-weight:bold;}

#form {
	height: 15px;
	padding: 0 0 40px 0;
      }

#form input {
	background: white;
	border: 2px solid #660033;
          }


/****************** COMMON DIVS ******************/
/* Header */

#header {
	
           }

#header img {
	float: left;
	width: 1000px;
	height: 200px;
           }

#header h1 {
	height: 60px;
	font-family: Arial Narrow;
	letter-spacing: 2pt;
	font-size: 28pt;
	color: #FF9900;           
	padding: 15px 0 5px 15px;
          }

#subhead {
	width: 1000px;
	border: 2px solid white;
	padding: 0 0 15px 0;
             }

#banner {
	background: white;
	padding: 20px 100px 5px 10px;
	height: 150px;
	border: 3px  solid #660033;
           }

#banner img {
	background: white;
	float: left;
	height: 120px;
	padding: 0 5px 0 0;
         }

#banner h1 {
	background: white;	
	height: auto;
	text-align: center;
	font-family: Verdana, Arial, Sans;
                  font-size: 11pt;
	color: #004080;
                	padding: 20px 0 5px 0;
           }
#banner p {
	background: white;
	font-size: 10pt;
	padding: 3px;
         }



/* Left Menu */
#leftside {
	float: left;
	width: 120px;
	padding: 40px 0 0 0;
	
}
#collect {
	background: white;
	padding: 20px 0 20px 0;
	border: 3px solid #660033;
            }

#collect h1 {
	background: white;	
	font-size: 8pt;
	padding: 5px 0 5px 3px;
               }

#collect a {
                 background: white;
              }

#collect a:link    {color: #FF8000; font-size: 10pt;}
#collect a:visited {color: #FF9900; font-size: 10pt;}
#collect a:active  {color: #004080; font-size: 10pt;}
#collect a:hover   {color: #004080; font-size: 10pt;}



/* Main Content */ 
#middle {
	margin-left: 180px;
	padding: 0 60px 10px 0;
	width: 750px;
      }  

#middle h1 {
	
	color: #660033;
	font-size: 12pt;
	padding: 25px 0 0 0;
      }

#middle p {
	color: #660033;
	font-size: 11pt;
	padding: 25px 0 0 0;
      }


#middle ul {
	width: 80%;
	margin: auto;
	color: #660033;
      }

#middle li {
	color: #660033;

       }

#middle th {
	color: #660033;
	font-size: 12pt;
	text-align: left;
	padding: 25px 0 0 0;
      }

#middle td {
	font-size: 12pt;
	text-align: left;
	height: 10px;
	padding: 25px 0 0 0;
      }

#middle hr { /* Just one of those you have to know about as they simply act very different in different browsers - have a play */
	border:3px solid #660033;
	height:3px;
	margin:30px 0 10px 0;

}


#midblock {
	margin-left: 200px;
	height: 100px;
	font-family: Monotype Corsiva, Times New Roman, Georgia;
	color: #660033;
	font-style: italic;
	font-size: 14pt;
   	padding: 30px 5px 50px 5px;
         }

#midblock p {
         
         }

/* Footer */

#footer {
	text-align: center;
	clear:both; /* added as I've taken it outside of the middle div */
	padding: 20px 0 0 0;
}

#footer p{
	
	text-align:center;
	color: #660033;
	font-size: 10pt;
	padding: 0 0 10px 0;
          }

#footer hr {
	border:3px solid #660033;
	height:3px;
	margin:30px 30px 30px 30px;
	
          }


#footer img#leftfloat, #footer img#rightfloat {
                  padding: 5px 0 0 0;
          }

#footer img#leftfloat {
	float: left;
	margin-left: 15%;
           }

#footer img#rightfloat {
                 float: right;
                 margin-right: 15%;
          }
                  

/****************** Poems ******************/

	


#poet {
	padding: 0 0 0 50px;
        }

#poet h1 {
	color: #FF9900;
	font-size: 14pt;
	padding: 50px 0 25px 0;
         }

#poet p {
	padding: 0 0 25px 0;
	color: black;
         }
/* This is to distinguish the div id from the fieldset id on the members page */
div#poem {
	color: black;
	font-size: 12pt;
	padding: 0 0 0 100px;
       }

#poem h1 {
	font-weight: bold;
	color: black;
	padding: 25px 0 25px 0;
      }

#poem p {
	color: black;
	}

#poem h2 {
	font-weight: bold;
	color: black;
	padding: 25px 0 50px 150px;

        }


#poetft  {
	padding: 50px 0 0 0;

           }








/****************** Contact Form ******************/

#contact form  {
	
	padding: 0 0 40px 0;

      }

#contact br {

	clear:left;

}



#contact p {


}

#contact input, 
#contact textarea,
#contact select {

	border: 1px solid #660033;
	padding: 3px;
}

#contact input, 
#contact label {

	margin:5px 0 5px 0;
	padding: 3px;

} 

#contact input {

	width: 300px;
	background: white;
	float: left;

          }

#contact label  {

	width: 200px;
	float: left;

      }

#contact textarea {

	width: 400px;
	height: 200px;

}



#pageform input.submit {

	width:auto;
	padding:5px;
	margin-left:200px;

          }


/****************** Payments ******************/





#payitems img {
	width: 100px;
	padding: 2px 2px 2px 2px;
         }


#payitems table{
	
	text-align: center;
	padding: 20px 50px 20px 50px; 
              }

#payitems tr {

	padding: 3px 0 3px 0;
	
           }

#payitems td { 
	text-align: left;
	font-family: Garamond, Arial, Sans;
	font-size: 12pt;
	padding: 5px 5px 5px 5px;
	border: 1px solid #FF9900; 
        }

td.cola {
width: 120px;
}

td.colb {
width: 300px;
}

td.colc {
width: 400px;
font-weight: bold;
   }

td.cold {
width: 150px;
   }