/*Golbal styles */
html, body {
	font-size: 14px;
	font-family: "trebuchet ms", helvetica, sans-serif;
	color: #000000;
	background-color: Black;
	text-align: center;
	padding: 5px;

}

p {
	font-size: 14px;
}

/*Headings*/
h1 {
	color: #3f97d6;
	font-size: x-large;
}

h2{
	color: #3f97d6;
	font-size: large;
}

h3{
	color: #3f97d6;
	font-size: larger;
}

/*Links in various contexts*/
a
{
	color: #3f97d6;
	text-decoration: none;
}

a:hover
{
	color: #3f97d6;
	text-decoration: underline;
}

p a
{
	color: #3f97d6;
	text-decoration: none;
}

p a:hover
{
	color: #3f97d6;
	text-decoration: underline;
}

ul li a {
	color: #3f97d6;
	text-decoration: none;
}

ul li a:hover {
	color: #3f97d6;
	text-decoration: underline;
}

/*First two words larger, in blue*/
.startwords {

	font: bold;
	color: #000000;
}

/*For references in maintexts*/
.reference {
	font: 10px;
}

/*Styles applied to forms*/
.formbutton {
   color:#3F97D6;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:84%;
   font-weight:bold;
   background-color:#F0F0EE;
   border:1px solid;
   border-color: #CCCCCC;}

.editform {
	margin-top: 20px;
	width: 500px;
	padding: 0px;
}

.editform td {
	padding: 0px;
	margin: 0px;
	border: 0px;
}

.inputbox {
border: 1px solid #CCCCCC
}

/*Four boxes containing rounded corners */
.maintopleft {
	width: 740px;
	margin-left: auto;
	margin-right: auto;
	
	
	background-color: #FFFFFF;
	background-image: url('tlwf.png');
	background-repeat: no-repeat;
	background-position: top left;
	text-align:left;
}

.maintopright {
	background-image: url('trwf.png');
	background-repeat: no-repeat;
	background-position: top right;
}

.mainbottomleft {
	background-image: url('blwf.png');
	background-repeat: no-repeat;
	background-position: bottom left;
}

.mainbottomright {
	background-image: url('brwf.png');
	background-repeat: no-repeat;
	background-position: bottom right;
	text-align: center;
	padding: 0px 3% 3% 3%;
}

 
/*An inner box to create a margin */
.innerbox {
	width: 700px;
	margin-left: auto;
	margin-right: auto;
}

/*The element containing the Switchback logo */
.header {
	width: 700px;
	height: 120px;
	margin: 0px;
	background-image: url('../images/header.png');
	background-position: center center;
	background-repeat: no-repeat;
}
/* Element to hold floating logo */
.logo a{
	width: 90px;
	height: 110px;
	margin: -40px;
	margin-left:-35;
	margin-top: -80; 
	background-image: url('donate_now.png');
	background-repeat: no-repeat;
	display: block;
	float:left;
}



/*The menubar: one element to hold the left rounded corner and another
	to hold the right corner and the menu items */
.menubarleft {
	
	width: 700px;
	background-color: #3F97D6;
	background-image: url('tlw.png');
	background-position: top left;
	background-repeat: no-repeat;
	
}

.menubar {
	
	
	background-image: url('trw.png');
	background-position: top right;
	height: 32px;
	width: 700px;
	padding-top: 8px;
	background-repeat: no-repeat;
	
}

/*The menu items are an unordered list, governed by the following
	four elements  */
.menubar ul {
	margin: 0px;
	padding: 0px;
}

.menubar ul li {
	display: inline;
	padding-left: 35px;
	padding-right: 35px;
	margin: 0px;
	
}

.menubar ul li a {
	
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;

}

.menubar ul li a:hover {
	
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: underline;
}

/*Element to hold the image under the menu bar */
.imagebar {
	height: 160px;
	
}

.imagebar_long {
	height: 300px;
	
}

/*Essentially superfluous but would be needed if top of .leftcontent
and .rightcontent were to be aligned under a single heading - at present
right headings and left headings have no bearing on each other*/
.content {
	width: 700px;
	
}

/*This dynamically created element causes Firefox to extent the 
	.innerbox element beyond page content which uses the float
	attribute */
.content:after { 
	content: ""; 
	display: block; 
	height: 0; 
	clear: both; 

}

/*Holds the left hand content, under the main image */
.leftcontent {
	
	text-align: left;
	padding-top: 20px;
	width: 500px;
	float: left;
	background-color:#FFFFFF
}

.leftcontentfull {
	background-color:#FFFFFF;
	text-align: left;
	padding-top: 20px;
	width: 700px;
	float: left;
}

/*Holds individual items in .leftcontent or just .content*/
.item {
	margin-bottom: 10px;
	text-align: left;
}


/*Holds the right hand content (e.g. news items), under the 
	main image */
.rightcontent {
	
	margin-top: 0px;
	padding: 0.5em;
	border-left: 0px;
	border-right: 0px;
	border-top: 0px;
	border-bottom: 0px;
	border-style: solid;
	width: 180px;
	float: right;
	text-align: left;
	background-color:#404040;
}

.quote {
	background-color:#404040;
	margin-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-top: 0px;
	border-bottom: 0px;
	border-style: solid;
	width: 180px;
	float: right;
	text-align: left;
	padding-right:0.5em;
	padding-left:0.5em;
}

.justgivingholder {
	width: 700px;
	padding: 0px;
	margin: 0px;
}

.justgivingholder td.justgivingtextcell {
	text-align: left;
	font: 14px;
	padding: 0px, 0px, 0px, 0px;
	width: 500px;
}

.justgivingholder td.justgivingbuttoncell {
	width: 200px;
}

/*Additional formatting for headings in the right hand column, generally
	making them smaller and reversing the colours */
.rightcontent h2 {
	color:#c0c0c0;
	margin-bottom: 5px;
	margin-top:15px;
}

.rightcontent h3 {
	color: #c0c0c0;
	font-size: smaller; /* news bar change 1 */
	margin-bottom: 5px;
	margin-top: 10px;
}

.rightcontent h4 {
	color: #c0c0c0;
	margin-bottom: 5px;
	margin-top: 10px;
	font-size: smaller;
}

/*Additional formatting for paragraph text in the right hand column, generally
	making it smaller and reversing the colours */
.rightcontent p {
	color: #FFFFFF;
	font-size: smaller;
	margin-top: 2px;
	margin-bottom: 2px;
}

.quote p {
/* font  */
color: #FFFFFF;
/*font-size: large;*/
margin-top: 10px;
margin-bottom: 2px;
text-align: right;
}
/*Holds individual items in .rightcontent - may be superfluous */
.rightitem {
	text-align: left;
	width: 100%;
}

/*Styles for the '...Read more' link under each news item in index.php
	Uses absolute values for font size. .readmorelink class is needed but
	may not need entry in stylesheet as no styles are applied.*/
.readmorelink {
	/*To hold link style */
}

.readmorelink a {
	color: #FFFFFF;
	font: 14px;
}

/*Element to hold shortened news items in right column. Ideally need
	to find a way to do max-width in IE*/
.rightteaser {
	width: 100%;
	height: 143px;
	max-height: 143px;
	overflow: hidden;
}

.rightteaser p {
		color: #FFFFFF;
	font-size: smaller;
}

.rightteaser p a {
	margin-bottom:1em;
	padding-bottom:0;
	color:white;
}

.rightteaser p a:hover {
	margin-bottom:1em;
	padding-bottom:0;
	color: #3f97d6;
}

/*Styles applied to supporters page (logo table)*/
.logotable {
	border: 0px;
}

.logocell {
	border: 0px;
	text-align: center;
}

.namecell {
	border: 0px;
	text-align: center;
	font: bold;
	padding-top: 15px;
	padding-bottom:15px;
}

.logocell img {
	border: 0px;
}

/*Styles applied to News Archive page */
.newsarchivelink {
	float: right;
	/*To hold link style */
}

.archivelisting {
	
	width: 500px;
	border: 2;
}

.newsarchivelink a {
	color: #4E5754;
	font: 16px;
}

.fulldatecell {
	height: 15px;
	width: 500px;
	font-size: smaller;
}

.fulltitlecell {
	height: 20px;
	width: 500px;
	padding-bottom: 20px;
	font-size: medium;
}

/*Styles applied to Programme page. In the table, a filler cell is 
used because the icons line up on their left side but not their right
 */
.programmetable {
	
}

.programmetable td.arrowcell {
	width: 100%; 
	text-align: center;
}

.programmetable td.iconcell { 
	
}

.programmetable td.fillercell { 
	width: 100px;
}

.programmetable td.programmetextcell { 
	text-align: left;
	width: 450px;
	font: 14px;
}

/*Styles applied to admin page */
.adminlisting {
	
	width: 700px;
	border: 2;
}

.titlecell {
	height: 20px;
	width: 620px;
}

.datecell {
	width: 40px;
	padding-right: 10px;
}

.buttoncell {
	height: 20px;
	width: 20px;
	padding-left: 5px;
}



/*Styles applied to footer */
.footer {
	width: 700px;
	float: left;
	padding: 5px;
	height:25px;
	text-align: center;
	background-color:#FFFFFF
}

.footer a {
	
	color: #3F97D6;
	text-decoration: none;
}

.footer a:hover {
	
	color: #3F97D6;
	text-decoration: underline;
	
}

.direct
	{
	margin-bottom:0px;
	margin-top:0px;
	}