html, body {
	text-align: center; 
}

p {
	text-align: left;
}

body {
	margin: 0px;
	padding: 0px;
	background-color: #ffcc00;
	background-image: url(images/endpaper_pattern_200.gif); 	background-repeat: repeat; 
}

/*layout css follows */

#backgroundstretch { 
	padding-top: 2000px; 
}

#backgroundstretch2 { 
	padding-top: 25000px; 
}

#backgroundstretch3 { 
	padding-top: 35000px; 
}

#container { text-align:left; 
	width:800px; 
	margin:0px auto;
	position:relative; 
	background-image: url(images/container_bg_800.gif); 
	background-repeat: repeat-y; 
}

.floatleft {
	float: left;
	margin: 0px 20px 0px 0px;
	vertical-align: text-top;
}

.floatright {
	float: right;
	margin: 0px 0px 0px 20px;
	vertical-align: text-top;
}

/*layout - galleries index page */

div.index_wrapper { 
    clear: both;
    width: 530px;
}

div.left_index_box {
	clear: right;
    float: left;
    width: 255px;
    margin-bottom: 10px;
}

div.right_index_box {
    float: right;
    width: 255px;
    margin-bottom: 10px;
}

/*end galleries index page layout */

/*layout - boxes etc for who's who page */

#profilebox { border: #000000 1px solid; 
	width:530px; 
	background-color: #fede5c;
	margin-top: 15px;
	margin-bottom: 15px; 
}

#profiletextbox { margin-left: 15px;
	margin-top: 5px;
	margin-right: 15px;
	margin-bottom: 5px; 
}

#profilepicleft { float: left; 
	clear: right; 
	margin-right: 20px 
}

#profilepicright { float: right; 
	clear: left; 
	margin-left: 20px 
}

/*text and text hyperlink styles follow */

p {
	font-family: "verdana", "arial", "helvetica", "sans-serif";
	line-height: 20pt;
	color: #000000;
	font-size: 9pt;
}

p.caption {
	color: #000000;
	line-height: 10pt;
	font-family: "times", "serif";
	font-style: italic;
	font-size: 9pt;
}

a:link {
	color: #ff0000;
	text-decoration: underline;
}

a:active {
	text-decoration: none;
	color: #000000;
}

a:visited {
	color: #0000ff;
	text-decoration: underline;
}

/*menu styles follow */
/*Menu originally by Dynamic Drive as arrowgreen, adapted for The Warren June 2009 */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.yellowmenu{
	width: 180px; /*width of menu*/
	border-style: solid solid none solid;
	border-color: #000000;
	border-size: 1px;
	border-width: 1px;
}

.yellowmenu ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
	
.yellowmenu li a{
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	display: block;
	background: transparent url(images/yellowmenu.gif) 100% 0;
  height: 24px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	padding: 4px 0 4px 10px;
	line-height: 24px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
}	
	
.yellowmenu li a:link, .yellowmenu li a:visited {
	color: #ff0000;
}

.yellowmenu li a:hover{
	color: #0000ff;
	background-position: 100% -32px;
}
	
.yellowmenu li a.selected{
	color: #000000;
	background-position: 100% -64px;
}

/*end of menus css */

/*headline styles */

h1 {
	font-family: "verdana", "arial", "helvetica", "sans-serif";
	line-height: 20pt;
	color: #ff0000;
	font-size: 27pt;
}

h2 {
	font-family: "verdana", "arial", "helvetica", "sans-serif";
	line-height: 20pt;
	color: #ff0000;
	font-size: 18pt;
}

h3 {
	font-family: "verdana", "arial", "helvetica", "sans-serif";
	line-height: 20pt;
	color: #ff0000;
	font-size: 12pt;
}

h4 {
	font-family: "verdana", "arial", "helvetica", "sans-serif";
	line-height: 5pt;
	color: #000000;
	font-size: 10pt;
}

/*end headline styles */

/*replace h1 headlines with graphics */

h1.replacewelcome {
	width: 241px; height: 90px;
	background: url("images/welcome.gif");
	text-indent: -9999px;
}

h1.replacecontact {
	width: 284px; height: 90px;
	background: url("images/contact.gif");
	text-indent: -9999px;
}

h1.replacegalleries {
	width: 530px; height: 90px;
	background: url("images/galleries.gif");
	text-indent: -9999px;
}

h1.replaceoldgallery {
	width: 500px; height: 90px;
	background: url("images/oldgallery.gif");
	text-indent: -9999px;
}

h1.replacepanto2010gallery {
	width: 500px; height: 90px;
	background: url("images/panto2010gallery.gif");
	text-indent: -9999px;
}

h1.replacehelp {
	width: 351px; height: 90px;
	background: url("images/help.gif");
	text-indent: -9999px;
}

h1.replacehistory {
	width: 315px; height: 90px;
	background: url("images/history.gif");
	text-indent: -9999px;
}

h1.replacenew {
	width: 360px; height: 90px;
	background: url("images/new.gif");
	text-indent: -9999px;
}

h1.replacenext {
	width: 298px; height: 90px;
	background: url("images/next.gif");
	text-indent: -9999px;
}

h1.replacewhat {
	width: 326px; height: 90px;
	background: url("images/what.gif");
	text-indent: -9999px;
}

h1.replaceyouth {
	width: 370px; height: 90px;
	background: url("images/youth.gif");
	text-indent: -9999px;
}

h1.replacewhowho {
	width: 303px; height: 90px;
	background: url("images/whowho.gif");
	text-indent: -9999px;
}

h1.replacenoticeboard {
	width: 500px; height: 90px;
	background: url("images/noticeboard.gif");
	text-indent: -9999px;
}

h1.replacepantotime {
	width: 395px; height: 90px;
	background: url("images/pantotime.gif");
	text-indent: -9999px;
}

h1.replacelocalshow {
	width: 500px; height: 90px;
	background: url("images/localshow.gif");
	text-indent: -9999px;
}

h1.replacepublifegallery {
	width: 530px; height: 90px;
	background: url("images/publifemusical.gif");
	text-indent: -9999px;
}

h1.replacetimeplease {
	width: 530px; height: 90px;
	background: url("images/timegentlemenplease.gif");
	text-indent: -9999px;
}

h1.replace60 {
	width: 530px; height: 90px;
	background: url("images/60ann.gif");
	text-indent: -9999px;
}

h1.replaceraceforlife {
	width: 500px; height: 90px;
	background: url("images/raceforlife.gif");
	text-indent: -9999px;
}

h1.replacejackbeanstalk {
	width: 530px; height: 90px;
	background: url("images/jackpanto.gif");
	text-indent: -9999px;
}

h1.replacenoughties {
	width: 530px; height: 90px;
	background: url("images/noughties.gif");
	text-indent: -9999px;
}

h1.replacejoyce {
	width: 530px; height: 90px;
	background: url("images/joyce90.gif");
	text-indent: -9999px;
}

h1.replacepantotime2 {
	width: 530px; height: 90px;
	background: url("images/pantotime2.gif");
	text-indent: -9999px;
}

h1.replacemothergoose {
	width: 530px; height: 90px;
	background: url("images/mothergoose.gif");
	text-indent: -9999px;
}



/*end replace h1 with graphics */