@charset "utf-8";
/*
**  common.css
**  This style sheet is used by more than one page.
*/

body {margin:0; padding:0}

/*
**  1.  Set the colour for the unoccupied side areas of the window.
**  2.  When using XHTML rather than HTML, it seems that centring a table using
**      margin-left:auto and margin-right:auto does not work in Internet
**		Explorer. Therefore, use the text-align hack. (This hack does not work
**		in other browsers, so use the margins method too - see below.)
*/
#browind {background-color:#aed673; text-align:center}
#hallbrowind {background-color:#fbd7a1; text-align:center}

/*
**  Ensure that tables and cells have no border.
*/
table, td {border:none}

/*
**  Set the width of common tables.
*/
table.common {width:800px; table-layout:fixed; margin-right:auto; margin-left:auto}

/*
**	Format the navigation bar.
*/
#navbar {width:180px; background-color:#fffab2; vertical-align:top; text-align:left;
			padding:20px 0 0 10px}

/*
**	Format the rollover buttons for the society pages.
*/
a.button {display:block; padding:3px; text-decoration:none; width:7em; margin:2px;
			color:#000080; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}
a.button:link {background-color:#d4ecfb; border:5px outset #d4ecfb}
a.button:visited {background-color:#d4ecfb; border:5px outset #d4ecfb; color:#9c2c86}
a.button:focus, a.button:hover {background-color:#a5d8f6; border:5px outset #a5d8f6; color:black}

/*
**	Format the rollover buttons for the village hall pages.
*/
a.hallbutton {padding:3px; text-decoration:none; width:7em; margin:2px;
			color:#008000; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}
a.hallbutton:link {background-color:#d4e7b2; border:5px outset #d4e7b2}
a.hallbutton:visited {background-color:#d4e7b2; border:5px outset #d4e7b2; color:#9c2c86}
a.hallbutton:focus, a.hallbutton:hover {background-color:#aed673; border:5px outset #aed673; color:black}

/*
**  Format the row containing the buttons for the village hall pages.
*/
#hallbuttonrow {background-color:#F9F; text-align:center}

/*
**	Format the main content area.
*/
#main {background-color:white; vertical-align:top; padding:10px; text-align:left}

/*
**  Centre the level 1 headings.
*/
h1 {text-align:center}

/*
**  Centre any elements defined with the "centred" class.
*/
.centred {text-align:center}

/*
**	Format any newsflash sections.
*/
.newsflash {color:red}

/*
**	Format any strong emphasis sections.
*/
.strongem {color:red; font-style:italic; font-weight:bold}

/*
**	Format the footer area.
*/
#footer {width:800px; background-color:#2f73b0}

/*
**	Position the 'back to top' button.
*/
#backtotop {margin-left:350px}