/* This stylesheet is used to control the onscreen settings of Totnes BSAC */


html {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

body         {
	font-size: 75%;
	color: black;
	margin-left: 0em;
	/* may be needed for IE5 margin bug */
	margin-right: 0em;
	margin-top: 2px;
	padding: 0px;
	/* Text align-center needed for the centering of the maintable and other elements such as images eg. pixie. This is an IE quirk and means that all text must be assigned a style else this body effect will center it */
	text-align: center;
 }

 
 /* This is used to control the width of all the pages - much easier to control 
- the text-align: center; in the body
- the text-align: left; in the wrapper are crucial
*/
#wrapper {
	width: 783px;
	margin: 0px auto auto auto;
	border: 0px solid #888;
	text-align: left;
	
	}


#ie5fix		{
			height: 1px;
			voice-family: "\"}\"";
			voice-family: inherit;
			display: none;
			}
	

 

p, li { 
font-family: inherit; 
font-size: 75%;
}



h1  { 
	font-size: 150%;  
	background-color : #ccccff;  
	background-position : 70%;  
	background-repeat : no-repeat;  
	margin-left: 0;  
	text-indent : 30px;  
	border-bottom-style : solid;  
	border-bottom-color : #4682B4;  
	border-width : thin;  
	padding-bottom : 10px;  
	padding-top : 10px;              
	}

h2  { 
	font-size: 140%; 
	}

h3  { 
	font-size: 120%; 
	}

h4  { 
	font-size: 100%; 
	color: navy; 
	}

h5  { 
	font-size: 100%; 
	color: red; 
	margin-left: 24; 
	}

h6  { 
	font-size: 75%; 
	color: navy; 
	margin-left: 40; 
	margin-right: 16;   
	font-weight : lighter;  
 	}

h6 b { 
	color : Black; 
	font-weight : 600;  
	}

hr {
	color: #4682B4; 
	}

i b { 
	color : Black; 
	}





p.center {
	text-align : center;
	}

div.center {
	text-align : center;
	}





li { 
	color: blue; 
	}



a  {
color: #00008B; 
}

a.menu {
font-weight: bold; 
font-size: 90%; 
margin-left: 10; 
list-style-type: square; 
}



.menu1 { 
font-size: 90%; 
color: red; 
margin-left: 5; 
line-height: 1.3; 
}

pre {margin-left: 40; }


/* These 3 classes control a 2*2 table which is used by a template to layout all the content.
.maintable is the main container
.leftcolumn contains the navigation buttons
.bottom row contains more navigation.
 */

.maintable {
	border: thin solid #4682b4;
	padding: 0px;
/* Values of px rather than auto may be needed for IE 5 horizontal bar bug */	
/* These are used to center the maintable. IE also needs the text-align: center; in the body tag  */
	margin-left: 0px;
    margin-right: 0px;
/* The border collapse has an important part in keeping the various borders of the maintable together with the left column and bottom row */
     border-collapse: collapse;

	width: 780px;   
/* may be needed to correct IE 5 bug */
	text-align:left;
}




.leftcolumn {
	border: thin solid #4682b4;
	padding: 0px;
	width: 140px;
	background-color: #ccccff;
}


.bottomrow {
	border: thin dashed #4682b4;
	background-color: #ccccff;
	height : 30px;
}

.pixie {
	cursor: crosshair;
	border: #000000;
	}
		
.logopix {
	width : 120px;
	height : 80px;
	border-width : 0;
	border-style: none;
}



/* ----------------------------------------------------------------------------------------------------- */
/* picture_table - used to layout a table with lots of thumbnails in 
/* ----------------------------------------------------------------------------------------------------- */

.picture_table {
	width : 100%;
}

.picture_table td {
	vertical-align : top;
}

.picture_table h1  { 
	font-size: 150%;  
	background-color : #ccccff;  
	margin: 18px 0px 12px 0px;  
	text-indent : 10px;  
	padding : 12px 0px 12px 0px;
	border-bottom-style : none;
	}


.picture_table h6 {
	background-color : Black;
	border-bottom-width : thin;
	border-bottom-style : solid;
	border-bottom-color : Gray;
	font-size : medium;
	margin : 12px 0px 0px 0px;
	padding : 4px 0px 4px 0px;
	color : White;
	text-indent : 16px;  
}