@charset "utf-8";
/* CSS Document */
/*the reason for all the commented out code is that I used code for the right hand column, taken from previous site, and am testing it bit by bit*/


#rightcol {
  border: 1px solid #cccccc;
  width: 173px; 
margin-bottom: 9px;
}
.rightcol {
  border: 1px solid #cccccc;
  width: 173px; 
margin-bottom: 9px;
}
/*
#rightcol h3 {
  font-size: 100%;
  background-image:  url(/images/graphics/2sidebar-header-bg.jpg);
  background-repeat: no-repeat;
  margin: 0;
  padding: 0.2em 0 0.2em 10px;
  font-weight: normal;
}
*/
/*I put this in, but have now removed it to make the list align more to the left
#rightcol ul {
  margin-left: 10px;
  padding-left: 20px;
}
*/
#rightcol ul ul {
	list-style-type:disc;
  	margin-left: 10px;
    padding-left: 20px;
}
#rightcol p, #rightcol ul {
font-size: 1em;
  line-height: 1.4em;
  color:#000066;
  }

#rightcol li  {

  background-image: url(../images/bullet_pink.gif); 
  background-repeat: no-repeat;
  background-position: 0.5em left;
    margin-left: 10px;
  padding-left: 20px;
}

.rightcol ul ul {
	list-style-type:disc;
  	margin-left: 10px;
    padding-left: 20px;
}
.rightcol p, .rightcol ul {
font-size: 1em;
  line-height: 1.4em;
  color:#000066;
  }

.rightcol li  {

  background-image: url(../images/bullet_pink.gif); 
  background-repeat: no-repeat;
  background-position: 5px left;
    margin-left: 10px;
  padding-left: 20px;
}

/*
#rightcol ul a:link, #rightcol ul a:visited {
 color: #146372; 
}
#rightcol .headline {
  font-weight: bold;
}
*/
#rightcol .text {
color: #000066; 
font-weight: bold;
margin-bottom: 2px;
font-size: 1em;
padding: 0 9px 0 9px;
line-height: 1.1em; }
#rightcol h3 {
color: #008c8d;
margin: 0 0 10px 0;
font-size: 1.2em;
text-align: left;
line-height: 1.5em; }
#rightcol h2 {
color: #008c8d;
margin: 0 0 10px 0;
font-size: 1.5em;
text-align: left;
line-height: 1.5em; }

#rightcol .text a, a:link, a:visited {
	font-size: 95%;
	color: #146372;
	text-decoration:underline;
}
/*#rightcol p.more {
  clear: right;
  margin: 0 30px 0 0;
  text-align: right;
}
#rightcol p.more a:link, #rightcol p.more a:visited {
  color: #0EB48D;
  background-image:  url(/images/graphics/more-bullet.gif);
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 14px;
}
*/