@meta {
  Title: "BSTC's style sheet - blue for company, green for charity";
}

body {
}


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

.co {
	color: #000064;
	border-color: #000064;
}

.org {
	color: #006400;
	border-color: #006400;
}

.info {
	color: #640000;
	border-color: #640000;
}

caption {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bolder;
}

H1 {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 2em;
}

H2 {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 1.5em;
}

H3 {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
}

H4 {
  font-family:  Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
  text-align: center;
  padding: 0px;
  margin: 0px;
}

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

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

UL {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
}
LI {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
}

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

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

DT {
	font-weight : bold;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
}

CITE {
  text-indent: 1pt;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
}


.img_left {
	float: left; 
	border: 1px solid Black;
	margin: 5px 5px 5px 5px;
}

.img_right {
	float: right;
	border: 1px solid Black;
	margin: 5px 5px 5px 5px;
}

.img_centre {
	float: none;
	border: 1px solid Black;
	border-style: solid;
	margin: 5px 5px 5px 5px;
}

HR {
  color: navy;
}

DIV.diary {
	border-color : #000064;
}

DIV#breadcrumb {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: smaller;
}


DIV#banner {
/*	height: 80px;*/
	background-color: white;
/*	background-image: url(images/banner.jpg);*/
	background-repeat: no-repeat;
}

DIV#banner_org {
	height: 80px;
	background-color: #006400;
	background-image: url(images/banner2.gif);
	background-repeat: no-repeat;
}

Div#content {
	top: 100px;
	margin-left: 160px;
	background-image: none;
	padding: 5px 10px 5px 10px;
	background-position: left;
	background-repeat: no-repeat;
	height: 100%; /*	border-left: 1px solid;*/
}

DIV#left {
	position: absolute;
	top: 0px;
	width: 160px;
	height: 600px;
	left: 10px;
/*	border-right: 1px solid;*/
}

DIV#right {
	position: absolute;
	top: 100px;
	width: 142px;
	height: 600px;
	right: 0px;
}

DIV#footer {
	background: White;
	text-align: center;
/*	border: medium dashed Red;*/
}



ul#mainnavblue {
	list-style: none;
	margin: 0px;
	padding: 0px;
	background-color: #CCFFCC;
	width: 130px;
	border-top: 1px solid #000064;
	border-left: 1px solid Black;
	border-right: 1px solid Black;
}
ul#mainnavgreen {
	list-style: none;
	margin: 0px;
	padding: 0px;
	background-color: #CCFFCC;
	width: 130px; /*	border-top: 1px solid #006400;*/
	border-top: 1px solid #006400;
	border-bottom: 1px solid #006400;
	border-left: 1px solid Black;
	border-right: 1px solid Black;
}
ul#mainnavred {
	list-style: none;
	margin: 0px;
	padding: 0px;
	background-color: #FFCCCC;
	width: 130px;
	border-top: 1px solid #640000;
	border-bottom: 1px solid #640000;
	border-left: 1px solid Black;
	border-right: 1px solid Black;
	}

ul#mainnavgreen li {
	display: block;
	border-bottom: 1px solid #008B00;
	font-size: smaller;
	}
ul#mainnavblue li {
	display: block;
	border-bottom: 1px solid #00008B;
	font-size: smaller;
}
ul#mainnavred li {
	display: block;
	border-bottom: 1px solid #8B0000;
	font-size: smaller;
}

ul#mainnavblue li a {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 6px;
	background-color: #CCCCFF;
	font: bold 0.8em /1.5 arial, sans-serif;		/* If you get an unwanted gap after your a block (IE-Win) try increasing the line height		*/
	color: #000064;
	text-decoration: none;
}
ul#mainnavgreen li a {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 6px;
	background-color: #CCFFCC;
	font: bold 0.8em /1.5 arial, sans-serif;		/* If you get an unwanted gap after your a block (IE-Win) try increasing the line height		*/
	color: #006400;
	text-decoration: none;
}
ul#mainnavred li a {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 6px;
	background-color: #FFCCCC;
	font: bold 0.8em /1.5 arial, sans-serif; /* If you get an unwanted gap after your a block (IE-Win) try increasing the line height		*/
	color: #640000;
	text-decoration: none;
}

ul#mainnavblue li a:hover {
	background-color: #000064;
	color: #CCCCFF;
}
ul#mainnavgreen li a:hover {
	background-color: #006400;
	color: #CCFFCC;
}
ul#mainnavred li a:hover {
	background-color: #640000;
	color: #ffcccc;
}