@charset "utf-8";

#rss_container {
	height:32px;
	background-color:#2C523D;
	margin:0 0 15px 0;
}
#rss_left {
	float:left;
	text-align:left;
	width:172px;
	height:32px;
	background-image:url(images/rss_left.gif);
	background-repeat:no-repeat;
}
#rss_feed {
	float:left;
	text-align:left;
	color:#FFFFFF;
	display:block;
	overflow:hidden;
}
#rss_feed div a:link, #rss_feed div a:visited, #rss_feed div a:active {
	color:#FFFFFF;
	font-size:12px;
	text-decoration:none;
	border-bottom:none;
}
#rss_feed div a:hover {
	color:#FFFFFF;
	font-size:12px;
	text-decoration:none;
	border-bottom:1px solid #FF0000;
}
#rss_right {
	float:right;
	text-align:left;
	width:7px;
	height:32px;
	background-image:url(images/rss_right.gif);
	background-repeat:no-repeat;
}

.titlefield{ /*CSS for RSS title link in general*/
text-decoration: none;
}

.labelfield{ /*CSS for label field in general*/
color:brown;
font-size: 90%;
}

.datefield{ /*CSS for date field in general*/
color:gray;
font-size: 90%;
}

#example1{ /*Demo 1 main container*/
	padding: 5px 0 0 0;
	background-color:#2C523D;
}

#example2{ /*Demo 2 main container*/
width: 600px;
height: 180px;
border: 1px dashed black;
padding: 4px;
background-color: #EEEEEE;
}

#example2 ul{ /*Demo 2 UL container*/
margin: 0;
padding-left: 18px;
}

#example2 ul li{ /*Demo 2 LI that surrounds each entry*/
margin-bottom: 4px;
}

#example3{ /*Demo 3 main container*/
width: 250px;
height: 280px;
border: 1px solid navy;
padding: 4px;
}

#example3 p{ /*Demo 3 P element that separates each entry*/
margin-top: 0;
margin-bottom: 7px;
}

code{ /*CSS for insructions*/
color: red;
}