/* CSS Document */

/* Page header: logo and title */
/* pop notes: monthly news and months */

.pghdr {
	float:left;
	width:1078px;
	aborder: 1px solid #000000;
	background: #002667;  /* set, so margin in hometitlebar is coloured */
}
.floatme {
	float: none;
	background: white;
}


.hometitlebar {
	margin-top: 5px;
	height:90px;     /* height 10 more than image to add spacing */
	font-family: Arial, Helvetica, sans-serif;
      background: #002667;        /* whites out title not covered in month text */
	width:710px;
}
.hometitlebar img {
      height:80px;
	width: 116px;
}
.pgcont {
	margin-top: 5px;
	height:90px;     /* height 10 more than image to add spacing */
	font-family: Arial, Helvetica, sans-serif;
      background: #002667;        /* whites out title not covered in month text */
	width:850px;
}
.pgcont img {
      height:80px;
	width: 116px;
}
.pgbody{
	float: left;
	width: 1078px;
	font-family: Arial, Helvetica, sans-serif;
}

.floatleftlogo{
	float: left;
	height: 80px;
	width: 136px;   /* 20 wider than image width to add spacing */
      overflow: hidden;  /* handles image overflow */
	background-color: #002667;
	abackground-color: #DEE528;
	abackground: url(RCBlogo_invert_small.jpg);
	abackground-position: center;
      aborder: 1px solid red;
	aaavertical-align: middle;
}

.caltitlecont{
	float: left;
	width: 550px;
	height: 80px;
	background-color: #002667;
	abackground-color: cyan;
	text-align:left;
}
.caltitle1{
	font: bold 33px "Arial", Helvetica, serif;
	afont-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	afont-size: 33px;
	owidth:550px;
}
.caltitle2{
	font: 15px "Times New Roman", Times, serif;
      color:#FFFFFF;
owidth: 590px;
	afont-family: Arial, sans-serif;
	afont-size: 14px;
}
.pgtitlecont{
	float: left;
	width: 705px;
	height: 80px;
	background-color: #002667;
	abackground-color: cyan;
	text-align:left;
tfont-size: 0px;
}
.pgtitle{
	float: left;
	font: bold 33px "Arial", Helvetica, serif;
	afont-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	afont-size: 33px;
	width:700px;
}



.popnote
{
	position: absolute;
	left: 350px;
	top: 500px;
	width: 150px;
	height: 45px;
	z-index:4;
	background-color: #333333;
	border: 1px none #002667; visibility: hidden;
	font-family: Arial, Helvetica, sans-serif;
}
.popnotemth {
	position: absolute;
	left: 150px;
	top: 440px;
	width: 320px;
	aheight: 45px;
	abackground-color: #333333;
	border: 1px none #002667; visibility: hidden;
	font-family: Arial, Helvetica, sans-serif;
}
.popnotewk1 {
	position: absolute;
	left: 250px;
	top: 200px;
	width: 150px;
	aheight: 45px;
	abackground-color: #333333;
	border: 1px none #002667; visibility: hidden;
	font-family: Arial, Helvetica, sans-serif;
}
.popnotewk2 {
	position: absolute;
	left: 250px;
	top: 300px;
	width: 150px;
	border: 1px none #002667; visibility: hidden;
	font-family: Arial, Helvetica, sans-serif;
}
.popnotewk3 {
	position: absolute;
	left: 250px;
	top: 400px;
	width: 150px;
	border: 1px none #002667; visibility: hidden;
	font-family: Arial, Helvetica, sans-serif;
}
.popnotewk4 {
	position: absolute;
	left: 250px;
	top: 500px;
	width: 150px;
	border: 1px none #002667; visibility: hidden;
	font-family: Arial, Helvetica, sans-serif;
}
.poptitle{
	float: left;
	width: 340px;
	height: 20px;
	font-weight: bold;
	color: #FFFFFF;
      text-align: center;
	background: #002667;
border: 1px solid #002667;
}
.popnotewk5 {
	position: absolute;
	left: 250px;
	top: 600px;
	width: 150px;
	aheight: 45px;
	abackground-color: #333333;
	border: 1px none #002667; visibility: hidden;
	font-family: Arial, Helvetica, sans-serif;
}

.poptext{
	float: left;
	width: 340px;
	height: 40px;
	color: #000000;
	background: #CCCCCC;
	border: 1px solid #002667;
	font-size: 13px;
}



/*history*/
.histcont{
	float: left;
	width: 1078px;
	afont-size: 0px;
tcolor: blue;
	background-color: #D4E1EE;
	tbackground-color: green;

aclear: both;
}
.histintro{
	float: left;
	width: 1078px;
	font-size: 17px;
	font-weight: bold;
	background-color: #D4E1EE;
	padding-top: 5px;
	padding-bottom: 5px;
}
.yrcont{
	float: left;
	width: 88px;
	background-color: #D4E1EE;
color: blue;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
font: 17px  Helvetica, serif;
}
.notecont{
	float: left;
	width: 990px;
	twidth: 980px;
	background-color: #D4E1EE;
	padding-top: 5px;
	padding-bottom: 5px;
tfont-family: Arial, Helvetica, sans-serif;
tfont-weight: regular;
tfont-size: 18px;
font: 17px  Helvetica, serif;

}
.hspacer{
	float: left;
twidth: 950px;
	height: 1px;
	font-size: 0px;
width: 1078px;
acolor: #5675AB;
aborder-top: 3px solid black;
border-bottom: 1px solid gray;
clear: both;
tborder-bottom: .5px solid red;

}

dl#b{
	width: 970px;
	padding: 0;
	float: left;
	background-image: url("ab-bg.png");  /* gives 1st& 2nd columns matte and border */
background-color: #D4E1EE;
	abackground-position: 65% 0;
	background-repeat: repeat-y;
	border-width: 0 1px 1px  1px;
	border-color: #a5bfd6;
	border-style: solid;
}
dl#b dt{
	float: left;
	width: 70px;
	padding: .5em 5% 1em 5%;
	margin: 0 ;
	font-weight: bold;
	border-top: 1px #A5BFD6 solid;
	clear: left;
}

dl#b dd{
	width: 900px;
	padding: .5em 4.5% 1em 5%;
	float: left;
	margin: 0 ;
	border-top: 1px #A5BFD6 solid;
}

dl#b > dd{
	padding: .5em 5% 1em 5%;
}
html body h4.b{
	border-width: 0 1px 0 1px;  /* no top and bottom width */
	border-color: #a5bfd6;
	border-style: solid;
	margin: 0 0 0 0;
	apadding: .5em 1% .5em 1% ;
	padding: .5em 1% 1em .5%;
	width: 978px;
	abackground-image: url("b-bg.png");
abackground-color: #D4E1EE;
	abackground-position:  100% 100%;
	abackground-repeat: repeat-y;
	aclear: both;
abackground-color: #A6CAF0;
background-color: #D4E1EE;
font-size: 17px;
}