/* New stylesheet to change the appearance of the Twitter widget on the left-hand side of pages.
   Use inline CSS in the page to set its position relative to the menu
   SJT 13/10/2015
*/

#twitterfeature {
	padding-top: 1px;
	width: 236px;
	height: 120px;
    margin-left: -25px;
	border: 1px solid #f2f2f2;
	background-color: #f2f2f2;
    /* This last line hides the whole thing from IE7, because who can be bothered? */
 	*display: none;  
}

#twitterfeature img {
	float: left;
	margin-top: 2px;
}

#twitterfeature h4 {
	font-size: 0px;
	background-image: url(/SiteElements/images/twitter29.jpg);
	width: 29px;
	padding-top: 29px;
	background-position: left top;
	background-repeat: no-repeat;
	float: left;
	margin-left: 0px;
	margin-right: 0px;
    margin-top: -1px;
}

#_RSS {
	background-color: white;
	padding-bottom: 2px;
  	height: 97px;
}

a.sys_join_twitter {
	display: none;
}

#twitterfeature ul.sys_rss {
	list-style-type: none;
    padding-top: 5px;
    margin-top: 1px;
    padding-bottom : 0px;
    width: 235px;
}

#twitterfeature a {
	font-family: 'BureauGrotesqueThreeSeven', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #000000;
}

ul.sys_rss li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11.5px;
    width: 215px;
}

ul.sys_rss li a {
    color: #575c0d;
    font-family: Arial, Helvetica, sans-serif!important;
	text-transform: none!important;
    font-weight: bold!important;
}
#twitterfeature strong {
  display: none;
}