/* The is the CSS style sheet for the site http://www.didcotrotary.org.uk/ */
body {
				font-family: Verdana, Helvetica, Arial, sans-serif;
				margin: 0;
				padding: 0;
				background-image: url('green-gradient.jpg');
				background-color: #015953;
				color: #000000; /*black*/
}
/*=============================================================
indicates no border around any image
==================================================================*/
body img {
				border: 0px;
				text-decoration: none;
}
/*=============================================================
margins auto center the container on the page 
==================================================================*/
#container {
				margin: 10px auto 10px auto;
				padding: 30px;
				width: 85%;
				border: 3px solid #709390;
				background-color: #fffffe;
}
/*==================================================================
styles for masthead
==================================================================*/
#sitename {
				background-position: left top;
				background-color: #ffffff;
				text-align: right;
				font-family: Garamond, Times, sans-serif;
				font-size: 3.5em;
				color: #015953;
				font-weight: bolder;
				background-image: url('../images/rotary.gif');
				background-repeat: no-repeat;
				padding: 10px 10px 10px 20px;
				margin: 5px 10px;
				height: 115px;
}
#sitename .tagline {
				font-size: 0.35em;
				font-weight: normal;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-style: italic;
				color: #015953;
}
#sitename img {
				margin-left: 100px;
				float: left;
}
#banner {
				background-position: left;
				padding: 10px 10px 10px 10px;
				background-color: #ffffff;
				border: 2px solid #245A83;
				color: #000000;
}
/*==================================================================
styles for top menu
==================================================================*/
#menu {
				padding: .2em 1em;
				margin: 0px;
				text-align: right;
				font-size: .90em;
				border-top: thin #5b84a2 solid;
				border-bottom: 1px solid #5b84a2;
				letter-spacing: 2px;
				background-color: #003962;
				color: #FDFDFF;
}
#menu ul {
				margin: 0px;
				padding: 0px;
				list-style-type: none;
}
#menu li {
				display: inline;
				margin: 0;
				padding: 0;
}
#menu a {
				padding: 0 .6em;
				margin: 0px;
				text-decoration: none;
				color: #DEE1E3;
				font-size: .85em;
}
#menu a:hover {
				color: #0D3555;
}
/*=============================================================
styles for main content area 
==================================================================*/
#content {
				background-color: #fffffe;
				margin-left: 230px;
				padding: 5px;
				text-align: left;
				vertical-align: top;
				font-family: Helvetica, Arial, sans-serif, Tahoma;
				font-size: medium;
				font-weight: normal;
				color: #000000;
}
#content ul li {
				list-style-image: url('../images/bold-bullet-ny.gif');
				margin: 2px;
				padding: 2px;
}
#content li li {
				list-style-image: url('../images/bold-bullet-ny.gif');
				padding: 2px 0;
}
.special {
				line-height: 30%;
				float: right;
				font-size: medium;
				font-style: italic;
}
/* *****************************************************
Navigation Bar - Left hand side
**************************************************** */
#leftnav {
				color: #fffffe;
				padding: 10px 10px 10px 10px;
				margin: 10px 10px 10px 0px;
				border: 3px solid #3C7671;
				background-color: #0D3555;
				width: 170px;
				float: left;
}
#leftnav ul {
				list-style: none;
				margin: 0;
				padding: 0;
				margin-bottom: 4px;
}
#leftnav li {
				list-style: none;
				padding: 2px 0;
}
#leftnav ul li a {
				display: block;
				color: #ffffff; /*text-color*/;
				border: 1px solid #F5ED78;
				padding: 4px;
				text-decoration: none;
				margin-top: 2px;
}
#leftnav a:hover {
				color: #ffffff;
				background-color: #8CAFAC;
				display: block;
}
/* Possible new selectors left navigation submenu */
#leftnav ul ul {
				padding-left: 5px;
}
#leftnav ul ul li a {
				padding: 3px 0 3px 3px;
				font-size: 85%;
				font-weight: normal;
}
#leftnav .heading p {
				margin: 2px 0px 4px 0px;
}
.heading {
				display: block;
				background-color: #B9D5D3;
				color: #000000;
				font-size: 90%;
				padding: 4px;
				border: 2px solid #26857C;
				margin: 0px;
				width: 159px;
				font-weight: bold;
}
}
/* *****************************************************
Navigation Bar  - styles search button 
**************************************************** */
.search {
				background-color: #4386CE;
				color: black;
				font-weight: bold;
				color: #EEF6FE;
}
/*===========================================================
all site links
==============================================================*/
a:link {
				font-weight: bold;
				color: #003962;
				background: transparent;
				text-decoration: none;
}
a:visited {
				font-weight: bold;
				color: #26857C;
				background: transparent;
				padding: 0px;
				text-decoration: none;
}
a:hover {
				font-weight: bold;
				text-decoration : none;
				background: #EAEAEA;
				color: #003962;
}
a:active {
				font-weight: bold;
				text-decoration : none;
				background: #EAEAEA;
				color: #26857C;
}
/* ********************************************************************
Styles for footer - General information at the bottom of each page
********************************************************************** */
#footer {
				background-color: #003962;
				text-align: center;
				font-size: 90%;
				color: #ffffff;
				padding: 5px 0px;
				margin: 5px 0px;
				border-top: 2px solid #EAEAEA;
				border-bottom: 2px solid #EAEAEA;
}
#footer p {
				margin-top: 0px;
				margin-bottom: 0px;
				width: 90%;
}
/*=============================================================
general styles 
==================================================================*/
hr {
				border: none;
				background-color: #003962;
				height: 3px;
				width: 85%;
}
/*=============================================================
Styles for heading tags
==================================================================*/
h1 {
				font-size: 1.7em;
				color: #015953;
}
h2 {
				font-size: 1.3em;
				color: #015953;
}
h3 {
				font-size: 1.0em;
				color: #015953;
}
h4 {
				font-size: .9em;
				color: #015953;
}
/*=============================================================
used to center anything 
==================================================================*/
.ctr {
				text-align: center;
}
/*=============================================================
floats images to right or left
==================================================================*/
.imgrgt {
				float: right;
				padding: 9px;
				border: medium #5b84a2 solid;
				border-width: 2px;
				margin: 2px;
}
.imglft {
				float: left;
				padding: 9px;
				border-style: solid;
				border-width: 1px;
				margin: 2px;
}
/*=============================================================
styles breadcrumb 
==================================================================*/
#breadcrumb {
				font-size: .80em;
				color: #000000;
				background-color: #ffffff;
				padding: 3px;
				margin-bottom: 25px;
}
/*=============================================================
styles small text & small table
==================================================================*/
.smtxt {
				font-size: small;
}				
.tiny-txt {
				font-size: xx-small;
}

.smalltable {
				border-style: solid;
				border-width: 1px;
}
.ctr {
				text-align: center;
}
/* =============================
signature tables 
================================*/
.sign {
	font-size: 1.5em;
	font-family: "Mistral";
	font-color: #EDF1E9;
	font-weight: bold;
	font-size: xx-large;
	color: #015953;
	text-decoration: underline;
}
/* =============================
tables and text colours
================================*/
.mnthtxt {
				color: #015953;
				font-weight: bold;
				width: 153px;
}
.purtxt {
				color: #000080;
				font-weight: bold;
}
.redtxt {
				color: #FF0000;
				font-weight: bold;
}
.blutxt {
				color: #0000FF;
				font-weight: bold;
}
.grtxt {
				color: #009900;
				font-weight: bold;
}
/* =======================
Styles for heighlighting text 
========================== */
.highlight {
				background-color: #EDF1E9;
				width: 45%;
				color: #416B1F;
				font-weight: bold;
}

.sale {
	color: #7A8E8B;
	font-weight: bold;
}