@charset "UTF-8";
/* 

main-dev.css

*/



body {
	
	background-image:url(images/bg_top.gif);
	background-color: #111111;
	background-repeat: repeat-x;
}


/*

**********  NOTES ABOUT COLOUR *************

The background colour & the top menu hover colour typically match the current flyer.

Originally it was anticipated there would be a generic colour, but this didn't please the fashion police after a rally or two.

There are 7 locations to update the colour when changed, 6 x background colours and 1 x colour.  All are tagged with COLOUR TO CHANGE at the end

The current colour is...

#b3ba90
#E3DFC2
#EFEBE0
#BFBFBF

just changed .therow-heading and .thecols-heading from black and white respectively


*/


.thebody { 

background-color: #ffffff; 
padding-bottom: 10px; 
	font-weight: bold;
	font-size: 11px;
	color: #000000;
	font-style: normal;
}

/* The row is the main heading for the index page */
.therow {
	background-color: #BFBFBF;   /* COLOUR TO CHANGE */
	vertical-align : top;
	text-align: justify;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-style: normal;
	width: 770px;
	padding: 5px;
	border-top-width: 5px;
	border-right-width: 3px;
	border-bottom-width: 0px;
	border-left-width: 3px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ffffff;
	border-right-color: #ffffff;
	border-bottom-color: #ffffff;
	border-left-color: #ffffff;
}


.therow-heading {
font-size:20px;
font-weight:bold;
line-height:24px;
color:#A01920;
}

/* About us page,  left is main text, right is bram & di image */
.therow-aboutus-left {	
	background-color: #BFBFBF;   /* COLOUR TO CHANGE */
	vertical-align : top;
	text-align: justify;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	width: 550px;
	padding: 5px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ffffff;
	border-right-color: #ffffff;
	border-bottom-color: #ffffff;
	border-left-color: #ffffff;
}

.therow-aboutus-right {
	background-color: #BFBFBF;   /* COLOUR TO CHANGE */
	vertical-align : top;
	text-align: right;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	padding: 5px;
	border-top-width: 0px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ffffff;
	border-right-color: #ffffff;
	border-bottom-color: #ffffff;
	border-left-color: #ffffff;

}

/* downloads page, left is name & description of item, right is link to download item */
.therow-downloads-left {	background-color: #BFBFBF;   /* COLOUR TO CHANGE */
	vertical-align : top;
	text-align: justify;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	width: 450px;
	padding: 5px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ffffff;
	border-right-color: #ffffff;
	border-bottom-color: #ffffff;
	border-left-color: #ffffff;
}

.therow-downloads-right {
	background-color: #BFBFBF;   /* COLOUR TO CHANGE */
	vertical-align : top;
	text-align: left;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	border-top-width: 0px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ffffff;
	border-right-color: #ffffff;
	border-bottom-color: #ffffff;
	border-left-color: #ffffff;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 25px;
}

.thesub-heading {
font-size:16px;
font-weight:bold;
line-height:24px;
}

.downloads-link {
font-size:14px;
padding:5px;
}


/* The cols is used on the index page for the 3 columns */
.thecols {
	background-color: #BFBFBF;   /* COLOUR TO CHANGE */ 
	vertical-align : top;
	text-align: justify;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-style: normal;
	width: 245px;
	border:solid #ffffff 3px;
	padding: 5px;		
}

.thecols hr {
	color:#A01920;
}

.thecols-heading {
font-size:14px;
font-weight:bold;
line-height:16px;
color:#A01920
}

.bodypadding
	{
	clear: both;
	width: 800px;
	border-bottom: solid #ffffff 10px;
	}

/* top menu is the text menu at the top of the page (aka header) */	
.topmenu
	{
	height: 40px;
	font-size: 14px;
	text-align: right;
	border-style: none;
	vertical-align : top;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	line-height: 40px;	
	}

/* logo at the top left of the page */
.logo
	{	
		text-align: left;
		float: left;
		height: 40px; 
		margin-right: 0px;
		
	}

a
	{
	font-size : 11px;
	color: black;
	text-decoration: none
	}
	
a:hover {
	font-size : 11px; 
	color: white;
	text-decoration : none;
} 

/* Need to change this field in calendar/images/cal.css too 
   if using the php calendar script */
a.topmenu {
	font-size : 14px; 
	font-weight: bold;
	color: #CCCCCC;
	text-decoration : none;
}

/* Need to change this field in calendar/images/cal.css too 
   if using the php calendar script */
a.topmenu:hover {
	font-size : 14px; 
	font-weight: bold;
	color: #A01920;   /* COLOUR TO CHANGE */
	text-decoration : none;
} 

/* for the downloads page. doesn't work yet. */
a.downloads-link
	{
 	font-weight: bold;
	color: black;
	text-decoration: none;
	font-size: 14px;
	}

a.downloads-link:hover 
	{
	font-size : 14px; 
	font-weight: bold;
	color: #ffffff;
	text-decoration : none;
	}

/* footer stuff */		
.footer {
	background-color: white;
	vertical-align : top;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	font-style: normal;
	font-weight: normal;
}