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

* {
	border:0;
	margin: 0;
	padding: 0;
	background-image: url(/images/sllwomanreverse.jpg);
	font-family: Verdana, Arial, Sans;
	font-size: 11pt;
	color: #004080;
}


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

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

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

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

.black14i {
	color:black;
	font-size: 14px;
	font-style: italic;
	}

.purplei {
	color: #660033;
	font-style: italic;
	}
.purplei10 {
        color: #660033;
        font-style: italic;
        font-size: 10pt;
        }

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

/* .poet and .poet p are copies of ids further down, used by the members' pages.*/
.poet {
	padding: 0 0 0 50px;
        }
.poet p {
	padding: 0 0 25px 0;
	color: black;
         }

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: right;
	width: 100px;
	height: 200px;
	
}
#header h1 {
	background: #660033;  
	height: 60px;
	font-family: Arial Narrow;
	letter-spacing: 2pt;
	font-size: 28pt;
	color: #FF9900;           
	padding: 15px 0 5px 15px;
	
}
#banner {
	background: white;
	height: 140px;
	padding: 5px;
           }

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

#banner p {
	background: white;
	font-size: 10pt;
	padding: 3px;
         }

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

#menu img {
	background-image: url(/images/namoback.gif);
	float: right;
	width: 100px;
	height: 28px;
	padding: 0 0 10px 0;	
}


/* Left Menu */
#leftside {
	float: left;
	width: 120px;
        	
}


#collect {
	background: white;
	padding: 20px 0 20px 0;
	border: 3px solid green;
            }

#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;}

#ad {
	background: white;
	padding: 20px 0 20px 0;
	border: 3px solid green;
	text-align: center;
	
}

#ad img {
	background: white;
	
           }

#ad p {
	background: white;
	font-size: 10pt;
	padding: 5px 0 5px 3px;
               }

#ad a {
                 background: white;
              }

/* Right Menu */
#rightside {
	background-image: url(/images/namoback.gif);
	float: right;
	width: 120px;
	
}
#news {
	background: white;
	padding: 15px 3px 15px 3px;
	border: 3px solid green;
             }

#news h1 {	
	background: white;
	font-size: 12pt;
	padding: 0 0 10px 0;
}

#news p {	
	background: white;
	font-size: 10pt;
	padding: 0 0 15px 0;
}

#news a {
                 background: white;
              }


#tip {
	background: white;
	padding: 15px 3px 15px 3px;
	border: 3px solid green;
}

#tip p {	
	background: white;
	font-size: 14pt;
	font-family: Monotype Corsiva, Times New Roman, Georgia;
	color: #660033;
	font-style: italic;
	text-align: center;
	padding: 0 0 15px 0;
}

/* Main Content */ /* Could call this div 'content' if wanted to */
#middle {
	padding: 5px 135px 5px 135px; /* Editted - if you did this using margin rather than padding it would look wrong in certain browsers*/
      }  

#middle h1 {
	background-image: url(/images/namoback.gif);
	color: #660033;
	font-size: 12pt;
	padding: 25px 0 0 0;
      }


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


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

#middle li {
	color: #660033;

       }

#middle th {
	background-image: url(/images/namoback.gif);
	color: #660033;
	font-size: 12pt;
	text-align: left;
	padding: 25px 0 0 0;
      }

#middle td {
	background-image: url(/images/namoback.gif);
	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;

}

/*ACE logo */
#ace img {
	float: left;
	width: 150px;
	height: 111px;
        
    }



#profile{
	
	width: 80%;
	height: 140px;
	margin: auto;  /* Note the difference between browsers when you shrink the window.... */ 
	border: 2px solid #660033;
	padding: 30px 5px 20px 5px;
}

#profile h1 {
	
        }

#profile p{
	
	text-align: left;
	font-size: 10pt;
	padding: 3px 3px 3px 3px;
}

#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%;
          }
                  
/*****************Members Page*******************/
#search form{
	padding: 2px 0 0 0;
	width: 100px;
	border: 2px solid #FF9900; 
	display: inline;
          }

#search select {
	width: 100px;
	padding: 2px 0 0 0;
       }
#search input {
	width: 100px;
	padding: 2px 0 0 0;
          }


/****************** Member Page******************/

* {
	background-image: url(../images/namoback.gif);
        }	


/*  #poet and #poet p are duplicated as classes above, used by the Tutors page includes.*/
#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;

           }




/****************** Page Form******************/

/* Note - there is a div with an ID of Poem further up - this has potential to clash with the fieldset with an ID of poem */

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

      }

#pageform br {

	clear:left;

}

#pageform fieldset {

	border: 1px solid #660033;
	margin:10px 0 10px 0;
     }

#pageform legend {

	background: #660033;
	color: #FF9900;
	padding:5px;

}

#pageform p {


}

#pageform input, 
#pageform textarea,
#pageform select {

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

#pageform input, 
#pageform label {

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

} 

#pageform input {

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

          }

#pageform label  {

	width: 200px;
	float: left;

      }

#pageform textarea {

	width: 350px;
	height:100px;

}

#pageform input.radio {

	width:auto;

          }

#pageform input.submit {

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

          }

#pageform label.radio {

	width:30px;

          }

/****************** News Form ******************/

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

      }

#newsform br {

	clear:left;

}

#newsform fieldset {

	border: 1px solid #660033;
	margin:10px 0 10px 0;
     }

#newsform legend {

	background: #660033;
	color: #FF9900;
	padding:5px;

}

#newsform p {


}

#newsform input, 
#newsform textarea,
#newsform select {

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

#newsform input, 
#newsform label {

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

} 

#newsform input {

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

          }

#newsform label  {

	width: 200px;
	float: left;

      }

#newsform textarea {

	width: 350px;
	height:100px;

}

#newsform input.radio {

	width:auto;

          }

#newsform input.submit {

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

          }

#newsform label.radio {

	width:150px;

          }