body {  margin-top: 0px}

/*Text styles*/

.pageheader
{font-family: "Trebuchet MS", Helvetica; font-size: 200%; color: #006666; font-weight: bold; text-align: center;}
.h1
{font-family: "Trebuchet MS", Helvetica; font-size: 120%; color: #333333; font-weight: bold; text-align: center;}
.header
{font-family: "Trebuchet MS", Helvetica; font-size: 13px; color: #333333; font-weight: bold;}
.bodytexthead1
{font-family: "Trebuchet MS", Helvetica; font-size: 25px; color: #990066; font-weight: bold; }
.bodytexthead2
{font-family: "Trebuchet MS", Helvetica; font-size: 16px; color: #333333; }
/*purple2*/
.bodytextheadline
{font-family: "Trebuchet MS", Helvetica; font-size: 16px; color:#990066; font-weight:bold;  }


/*Link color to be used with bodytextheadline if hyperlink required. Ensure color matches*/
#linkcolor
{color:#990066;
text-decoration:none;
}


a.nav:link {color: #990066; text-decoration: none; }
a.nav:visited {color: #990066; text-decoration: none; }
a.nav:hover {color: #990066; text-decoration: underline; }
a.nav:active {color: #990066; } 

.bodytext 
{font-family: "Trebuchet MS", Helvetica; font-size: 13px; color: #333333;}
.bodytext_center
{font-family: "Trebuchet MS", Helvetica; font-size: 13px; color: #333333; text-align: center;}
.top
{font-family: "Trebuchet MS", Helvetica; font-size: 12px; color: #333333;}
.captiontext
{font-family: "Trebuchet MS", Helvetica; font-size: 10px; color: #333333;}

/*The colour for dropcap2 should match the colour in  bodytextheadline*/
.dropcap2:first-letter
{
float:left;
color:#990066;
font-size:250%;
line-height:.85;
}

.dropcap:first-letter
{
float:left;
color:black;
font-size:250%;
line-height:.85;
}

#maintableborder
{border: thin solid #999;}

.hr
{width:80%;
color:#CCC}

hr.hrgrey
{
border:0;
width:80%;
color:#bebebe;
background-color:#bebebe;
height:5px;
size:5px;
}
hr.hrgrey3px
{
border:0;

width:100%;
color:#bebebe;
background-color:#bebebe;
height:3px;
size:3px;
}

/*Background colours and images*/

body{background-color:#CCC;}

body{background-image:url("images/greymarble.gif");
}

#headerpanel
/*{background-color:#99CCCC;}*/
{background-color:transparent}

#preamblepanel
{background-color:#ffffff}

#sidepanel
{background-color:#ffffff;}

#border
{background-color:#ffffff;}
/*{background-color:#eeeeee;}
*/
#contentpanel
{background-color:#ffffff;}

#bottompanel
{background-color:#ffffff;}


#headlinepanel
{background-color:black;}

#headlinepanelgrey
{background-color:#333;}

#headlinepanelblue
{background-color:#06F;}

#headlinepanelborder
{
border-style:solid;
border:medium;
border-color:#008000;}

.headlinepanelbordergreen
{border:2px solid #008000;}

/*Chilcott booking form layout*/
label {
width:150px;    /*Or however much space you need for the form's labels*/
    float:left;
}

label {
width:190px;    /*Or however much space you need for the form's labels*/
    float:left;
}

.field_container{
	font:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	}
#field {
	width:180px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
}


/*Link attributes*/
a:link{color:#333333;}
a:visited{color:#333333;}
a:hover{color:#C0F;}
a:active{color:#333333;}

/*sets position of main table"*/
.tableposition1
{position:absolute;
left:0px;


}


/*Photos on background*/

       div.wrapper{  
        float:left; /* important */  
        position:relative; /* important(so we can absolutely position the description div */  
    }  
    div.description{  
        position:relative; /* absolute position (so we can position it where we want)*/  
        bottom:-2px; /* position will be on bottom */  
        #bottom:3px; /*Internet Explorer overide*/
		
		left:-10px;
		
		  
        width:180px;  
        /* styling bellow */  
        background-color:transparent;  
        font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		
        font-size:13px;
	  
        color:"Black";  
        text-align:center;
		line-height:15px;
		opacity:0.7; /* transparency */  
        filter:alpha(opacity=70); /* IE transparency */  
    }  
    p.description_content{  
        padding:10px;  
        margin:0px;  
    }  
	
	.caption
	{
	font:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#333;
	text-align:center;
	line-height:15px;
	text-align:center;
	}
	
/*set absolute position of photos on background*/
/*Sopranos*/
#content1
{position:relative;
	top:115px;
	left:20px;
}
	
/*Town Hall*/	
#content2
{	position:absolute;
	top:1020px;
	left:20px;
}

/*Armed Man in Town Hall*/
#content3
{	position:absolute;
	top:303px;
	left:20px;
}

/*Soloist*/
#content4
{	position:absolute;
	top:558px;
	left:20px;
}
/*tombola*/
#content5
{	position:absolute;
	top:816px;
	left:20px;
}

/*Newsticker*/
/*<style type="text/css">*/
        #ticker-container {
        position:relative;
        overflow:hidden;
        width: 400px;
        height: 120px;
        background-color:#ccc;
        background-repeat: repeat;
        padding: 2px;
        border:thin;
		border-color:#682e59; 
		margin-top:10px;
        }
	
	#ticker {
		position:relative;
		width:380px;
		
	}
	
	#ticker ul {
		padding:2px;
		margin:0px;
		list-style-type:none;
		
	}
/*Description*/
	#ticker ul li {
            display:list-item;
            margin-top: 1px;
            margin-bottom: 1px;
            padding-top:2px;
            padding-bottom: 1px;
            font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
            font-size:13px;
            font-weight:normal;
            color:#333333;
            padding-left: 2px;
	}
/*hrefs*/
	#ticker ul li a {
            font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
            font-size: 13px;
			font-weight:normal;
            color:#333333;
            text-decoration:underline;
            padding-left: 2px;
	}
        
        #ticker ul li a:hover {
            font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
            font-size: 13px;
            color:#C6F;
            text-decoration: none;
            padding-left: 2px;
        }
        </style>

/*End of newsticker*/

 styling for the image wrapper  */
	#image_wrap {
		/* dimensions */
		width:677px;
		margin:15px 0 15px 40px;
		padding:15px 0;

		/* centered */
		text-align:center;

		/* some "skinning" */
		background-color:#efefef;
		border:2px solid #fff;
		outline:1px solid #ddd;
		-moz-ouline-radius:4px;
	}

/*Archive*/
/*.profheader {
	font-family: "Trebuchet MS";
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	color: #333333;}*/

/*.headerblue {  font-family: "Trebuchet MS"; font-size: 13px; font-weight: bold; color: #006666}*/
/*.date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
}*/
/*.soloists {
	font-family: "Trebuchet MS";
	font-size: 14px;
	font-style: italic;
	font-weight: bold;*/

/*.rutter {
	font-family: "Trebuchet MS";
	font-size: 36px;
	color: #333333;
}*/
/*.singing_day {
	font-family: "Trebuchet MS";
	font-size: 24px;
	color: #333333;
}*/
/*.sidebar {
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #333333;
	line-height: normal;*/
/*.bodytext1_center {  font-family: "Trebuchet MS", Helvetica; font-size: 140%; color: #333333; text-align: center}*/
/*.sideheader {  font-family: "Trebuchet MS"; font-size: 12px; color: #333333; font-weight: bold}
*/
/*.sidemainheader {  font-family: "Trebuchet MS"; font-size: 12px; font-weight: bold; color: #333333}*/

/*div.pastperf {
	font-family: "Trebuchet MS";
	font-size: 18px;
	color: #333333;
	text-align: center;
}
div.pastperfcomposer {
	font-family: "Trebuchet MS";
	font-size: 14px;
	color: #333333;
	text-align: right;
}
div.pastperfwork {
	font-family: "Trebuchet MS";
	font-size: 14px;
	color: #333333;
	text-align: left;
}*/
/*.img1
{
	position:absolute;
	right:36px;
	top:226px;
	z-index:1;
}

.img2
{
	position:absolute;
	left:20px;
	top:33px;
	z-index:2;
}*/
/*.bodytextlarge
{font-family: "Trebuchet MS", Helvetica; font-size: 20px; color: #333333}*/