/* This controls the font in the pages and the line-height(gap between the words vertically) of the font */
body { 
	padding: 0; /* x */
	margin: 0;	/* x */
	font: 0.7em Arial, sans-serif; /* Change the font size */
	line-height: 1.5em; /* spacing padding */ 
	background: #F0F0F0; /* bg colour of site */
	color: #454545; /* font colour */
	}

/* This is the container that holds the whole site. You can control the width, and also the image for the sides of the page are here */
.content { 
	margin: 10px auto;
	margin-top:0px;
	padding-top:0px;
	width: 768px;
	background: #FFF url(images/big_middle.gif) repeat-y;
	color: #454545;
	}
	
#tabsF {
    width: 99%;  
    font-size: 100%;
    line-height: normal;
	border-bottom: 1px solid #666;
	clear: both;
	height: 26px;
	margin: 0 auto 10px auto;
	padding: 0 auto 0 auto;
    }
	
#tabsF ul {
	margin: 0;  
	padding: 3px 10px 0 120px; 
	list-style: none;
    }
	
#tabsF li {
    display: inline;
    margin: 0;
    padding: 0;
	float: left;
    }
	
#tabsF a {
    float: left;
    background: url(css/tableftF.gif) no-repeat left top;
    margin: 0;
    padding: 0 0 0 4px;
    text-decoration: none;
    }
	
#tabsF a span {
    float: left;
    display: block;
    background: url(css/tabrightF.gif) no-repeat right top;
    padding: 5px 15px 4px 6px;
    color: #666;
    }
	
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsF a span {
		float: none;
		}
		
    /* End IE5-Mac hack */
    #tabsF a:hover span {
      color: #FFF;
      }
	  
    #tabsF a:hover {
      background-position: 0% -42px;
      }
	  
    #tabsF a:hover span {
      background-position: 100% -42px;
      }


/* ------------------------------------ ## TOP NAVIGATION ## ----------------------------------- */

/* CURVY NAVIGATION AT THE TOP - controls all the tabs called "xmenu2" */

/* Change the 'background' to whatever colour you like to change the colour of the navigation */
.xboxcontent {
	display: block; /* x */
	background: #accce2; /* bg colour of nav */
	border: 0 solid #fff; /* border size, style + colour */
	border-width: 0 1px 1px 1px; /* border size RIGHT, BOTTOM + LEFT */
	font: 12px Verdana; /* font size + font family */
	}

/* Change the 'background' to any colour you like for the 'top part'(the top line) of the navigation colour */
		.xb2, .xb3, .xb4 {
			background: #c3dae7; /* colour of top line */
			border-left: 1px solid #fff; /* x */
			border-right: 1px solid #fff; /* x */
		}
	
		.xb1 {
			margin: 0 5px; /* x */
			background: #fff; /* x */
		}
	
		.xb2 {
			margin: 0 3px; /* x */
			border-width: 0 2px; /* x */
			}
	
		.xb3 {
			margin:0 2px; /* x */
		}
	
		.xb4 {
			height: 2px; /* x */
			margin: 0 1px; /* x */
		}

/* BACKGROUND COLOUR OF NAVIGATION */
		.xboxcontent {
			display: block; /* x */
			background: #accce2; /* MAIN BACKGROUND COLOUR OF NAVIGATION */
			border: 0 solid #fff; /* x */
			border-width: 0 1px 1px 1px; /* x */
			font: 12px Verdana; /* font size + font family in the navigation */
		}

/* You can change the width of the navigation here. I have used "em" as the units here but you can alternatively use "px" if you like */
		a.xmenu2, a.xmenu2:visited {
			display: block; /* x */
			text-decoration: none; /* x */
			width: 12em; /* WIDTH OF TAB */
			font-size: 0.9em; /* x */
		}
	
		a.xmenu2:hover {
			background: transparent; /* x */
			cursor: pointer; /* changes cursor to finger when it hovers over link */
		}
	
/* This is the colour of the TEXT when you hover over it */	
		a.xmenu2:hover span {
			color: #000; 
		}

/* This is the colour of the BACKGROUND + SIDE BORDERS of the navigation when you hover over it */	
		a.xmenu2:hover .xboxcontent {
			background: #eee; /* bg colour  */
			border-color: #888; /* border colour - sides only */
			border-bottom: 1px solid #eee; /* bottom border colour when hovered over */
		}
	
		a.xmenu2:hover .xb1 {
			background: #888; /* colour of TOP BORDER of navigation when hovered over */
		}
	
/* This is the colour of the TOP LINE of the navigation when you hover over it and the CORNER BORDER colour */
		a.xmenu2:hover .xb2, a.xmenu2:hover .xb3, a.xmenu2:hover .xb4 {
			background: #fff; /* TOP LINE COLOUR OF NAV WHEN HOVERED OVER */
			border-color: #888; /* COLOUR OF CURVY CORNERS WHEN HOVERED OVER */
		}
		
/* ----------------------------------------------------------------------------------------------- */


/* ---------------------------------- ## XMENU3 TAB ## ------------------------------------ */
/* This is for the "xmenu3" button - you can adjust the "width" to whatever you like */
a.xmenu3, a.xmenu3:visited {
	display: block; /* x */
	text-decoration: none; /* x */
	width: 14em; /* WIDTH OF XMENU3 TAB */
	font-size: 0.9em; /* x */
	}
	
a.xmenu3:hover {
	background: transparent; /* x */ 
	cursor: pointer; /* changes cursor to finger when it hovers over link */
	}

/* This is the colour of the TEXT when you hover over it */	
a.xmenu3:hover span {
	color: #000; 
	}

/* This is the colour of the BACKGROUND + SIDE BORDERS of the navigation when you hover over it */		
a.xmenu3:hover .xboxcontent {
	background: #eee; /* background colour */
	border-color: #888; /* border colour - sides only */
	border-bottom: 1px solid #eee; /* bottom border colour when hovered over */
	}
	
a.xmenu3:hover .xb1 {
	background: #888; /* colour of TOP BORDER of navigation when hovered over */
	}

/* This is the colour of the TOP LINE of the navigation when you hover over it and the CORNER BORDER colour */	
a.xmenu3:hover .xb2, a.xmenu3:hover .xb3, a.xmenu3:hover .xb4 {
	background: #fff; /* TOP LINE COLOUR OF NAV WHEN HOVERED OVER */
	border-color: #888; /* COLOUR OF CURVY CORNERS WHEN HOVERED OVER */
	}

/* ---------------------------------------------------------------------------------------------- */


/* --------------------------------- ## XMENU4 TAB ## ------------------------------------------- */
/* This is for the "xmenu4" button - you can adjust the size to whatever you like */
a.xmenu4, a.xmenu4:visited {
	display: block; /* x */
	text-decoration: none; /* x */
	width: 10em; /* WIDTH OF XMENU4 TAB */
	font-size: 0.9em; /* x */
	}
	
a.xmenu4:hover {
	background: transparent; /* x */
	cursor: pointer; /* changes cursor to finger when it hovers over link */
	}

/* This is the colour of the TEXT when you hover over it */	
a.xmenu4:hover span {
	color: #000; 
	}

/* This is the colour of the BACKGROUND + SIDE BORDERS of the navigation when you hover over it */	
a.xmenu4:hover .xboxcontent {
	background: #eee; /* background colour */
	border-color: #888; /* border colour - sides only */
	border-bottom: 1px solid #eee; /* bottom border colour when hovered over */
	}
	
a.xmenu4:hover .xb1 {
	background: #888; /* colour of TOP BORDER of navigation when hovered over */
	}
	
/* This is the colour of the TOP LINE of the navigation when you hover over it and the CORNER BORDER colour */	
a.xmenu4:hover .xb2, a.xmenu4:hover .xb3, a.xmenu4:hover .xb4 {
	background: #fff; /* TOP LINE COLOUR OF NAV WHEN HOVERED OVER */
	border-color: #888; /* COLOUR OF CURVY CORNERS WHEN HOVERED OVER */
	}
	
/* --------------------------------------------------------------------------------------------- */


/* ------------------------- ## None of the below needs to be changed ## ----------------------- */

		#info ul {
			margin: 5px 0 5px 0; /* x */
			padding: 0; /* x */
			list-style-type: none; /* x */
			height: 2em; /* x */
			padding-bottom: 10px; /* x */
		}
	
		#info li {
			float: left; /* x */
		}
	
		#info {
			background: #fff; /* x */
			width: 98%; /* x */
			margin: 0 auto 0 auto; /* x */
			clear: both; /* x */
		}

		.xsnazzy {
			background: transparent; /* x */
		}
	
		.xsnazzy span {
			text-align: center; /* x */
			color: #fff; /* x */
			margin: 0; /* x */
			font-weight: normal; /* x */
			padding: 0 5px 0.5em 5px; /* x */
		}

		.xtop {
			display: block; /* x */
			background: transparent; /* x */
			font-size: 1px; /* x */
		}
	
		.xb1, .xb2, .xb3, .xb4 {
			display: block; /* x */
		/* hide overflow:hidden from IE5/Mac */ 
		/* \*/ 
			overflow: hidden; /* x */
		/* */ 
		}
		
		.xb1, .xb2, .xb3 { height: 1px; /* x */ }

/* ---------------------------------------------------------------------------------------------- */


/* ------------------------- ## CURVED BOXES (left + right hand columns) ## ---------------------- */


/* This for the top of the curved boxes that are found on the side of the website. It is made up of one image. You can change the image here */
	.box_top {
		background: #F0F0F0 url(images/leftbox_top.gif) no-repeat; /* bg colour + link to image of        top bit of the box with curved corners, also does not repeat image */
		color: #808080; /* font colour */
		height: 40px; /* height of image */
		width: 159px; /* width of image */
	}

/* This is for the title on the boxes */	
	.box_top h2 {
		color: #808080; /* font colour */
		background: inherit; /* inherits the bg colour from above */
		padding: 7px 0 0 5px; /* padding spacing */
		margin: 0; /* margin spacing */
	}

/* This is for the borders on the side of the boxes */	
	.box {
		border-left: 2px solid #F0F0F0; /* left border size, style + colour */
		border-right: 2px solid #F0F0F0; /* right border size, style + colour */
		padding: 0 4px 0 7px; /* padding right + left */
		margin: 0; /* margin spacing */
		width: 144px; /* width of box */
		color: #595959; /* font colour */
		background: #FFF; /* bg colour of box */
	}
	
/* This is for the bottom of the boxes. They are made of one image. */
	.box_bottom {
		background: #FFF url(images/leftbox_bottom.gif) no-repeat; /* bg colour + link to image of        top bit of the box with curved corners, also does not repeat image */
		color: #000; /* font colour */
		height: 13px; /* height of image */
		width: 160px; /* width of image */
		margin: 0 0 7px 0; /* bottom margin spacing */
	}

/* ---------------------------------------------------------------------------------------------- */


/* ------------------------------------ ## SEARCH BOX ## ------------------------------------- */
/* Search area */
form { 
	padding: 0px; /* x */
	margin: 0 0 0px 0; /* x */
	font: 10px  Arial, Helvetica, sans-serif; /* font size + font family */
	}
.submit{
	border: 0px none; /* border size + style */
	background-color: #fff; color: #009900;
	width: 150px; /* width of search button */
	cursor: pointer; /* changes the cursor when it enters the submit button */
	color:#009900;
	}
/* Seach button - change the "background-color" to change colour of the search button */		
#submit { 
	border: 0px none; /* border size + style */
	background-color: #666; /* bg colour of button */
	color: #fff; /* font colour */
	width: 20px; /* width of search button */
	cursor: pointer; /* changes the cursor when it enters the submit button */
	}
	
/* This controls the width of the "search" box + the colour of the border */
#formbox { 
	border: 1px solid #ccc; /* border size, style + colour */
	width: 108px; /* width of search box */
	}

/* -------------------------------------------------------------------------------------------- */


/* --------------------------------------- ## LEFT SIDE ## --------------------------------- */

/* left and central column */
.left {
	float: left; /* x */
	width: 595px; /* x */
	margin: 0 0 10px 0; /* x */
}

/* just the left side */
.left_side { 
	float: left; /* x */ 
	width: 159px; /* x */
	padding: 0px 5px 8px 8px; /* x */ 
	}

/* -------------------------------------------------------------------------------------------- */


/* --------------------------------------- ## RIGHT SIDE ## --------------------------------- */
		
.right { 
	float: right; /* x */ 
	width: 170px; /* x */ 
	margin: 0 0 10px 0; /* x */ 
	}
	
.right_side { 
	float: right; /* x */
	width: 405px; /* x */
	margin: 0 5px 0 0; /* x */
	text-align: justify; /* x */
	}

/* -------------------------------------------------------------------------------------------- */


/* --------------------------------------- ## MAIN CONTENT ## --------------------------------- */

/* container for the content in middle */
.article { 
	padding: 0 5px 0 0px; /* right padding */ 
	margin-bottom: 20px; /* bottom margin padding */
	}
	
/* images in the main content section */
img { 
	float: left; /* x */
	margin: 0 9px 3px 0; /* margin spacing right + bottom */
	}

/* Links within the page */
a { 
	color: #0E4D8B; /* colour of link */ 
	background: inherit; /* x */
	}
	
a:hover { 
	color: #000; /* colour of link when hovered over */
	background: inherit; /* x */
	}

/* Controls all the "p" tags in the site */
p {	
	margin: 0 0 0px 0; /* x */
	line-height: 1.5em; /* line height between the sentences */
	}

/* Controls all the "h1" tags in the site */
h1 { 
	font: bold 12px Arial, Sans-Serif; /* font weight, size + font family */
	padding: 16px 0 0 8px; /* padding top + left */
	margin: 0; /* margin spacing */
	color: #333333; /* font colour */
	text-align: center; /* aligns text centre */
	}

/* h1 links */	
h1 a { 
	color: #FFF; /* link colour */
	background: inherit; /* x */
	}
	
h1 a, h2 a { 
	text-decoration: none; /* no underline on links */
	}
	
h1 a:hover, h2 a:hover { 
	color: #BFE1ED; /* colour of hovered links */
	background: inherit; /* x */
	}

/* Controls the heading of all the "h2" tags */
h2 { 
	margin: 0; /* x */
	padding: 0; /* x */
	font: normal 1.6em Arial, Sans-Serif; /* font weight, size + font family */
	letter-spacing: -1px; /* letter spacing between each character */
	}

/* Controls all the "h3" tags in the site */
h3 { 
	font: 90% Arial, Sans-Serif; /* font size + font family */
	margin: 0 0 10px 0; /* bottom margin spacing */
	padding: 0; /* padding spacing */
	color: #5f5f5f; /* font colour */
	background: #FFF; /* bg colour of font */
	}

/* Grey box in the middle. Change the image if you want the box a different colour (top part only). */		
	.grey_top { 
		clear: both; /* x */
		width: 382px; /* x */
		background: #EDEDED url(images/grey_top.gif) no-repeat; /* bg colour + link to image + no repeat */
		color: #000; /* font colour */
		height: 5px; /* height of image */
		padding: 0; /* x */
		margin: 0px 0 0 6px; /* left margin space */
		}

/* Grey box in the middle. Change the image here for the curves at the bottom of the box */		
	.grey {
		width: 362px; /* x */
		margin: 0 0 0 6px; /* left margin space */
		padding: 10px; /* padding spacing */
		background: #EDEDED url(images/grey_bottom.gif) no-repeat bottom left; /* bg colour, link to image, no repeat, align bottom left */ 
		color: #808080; /* font colour */
		}

/* Links in the grey box */		
	.grey a {
		color: #C83C3C; /* link colour */
		background: inherit; /* x */
		font-weight: bold; /* sets font to bold */
	}
	
	.grey a:hover {
		color: #000; /* link colour when hovered over */
		background: #EDEDED; /* bg colour of link when hovered over */
	}

/* Spacing of the links in the grey box and border under the link */	
	.highlight {
		padding: 5px 3px 5px 3px; /* padding TOP, RIGHT, BOTTOM + LEFT */
		margin: 0 0 3px 0; /* bottom margin spacing */
		border-bottom: 1px solid #ccc; /* bottom border size, style + colour */
	}
	

/* -------------------------------------------------------------------------------------------- */


/* ------------------------------------- ## TOP PART ## --------------------------------------- */

/* header */
/* This is the for the top of the webpage. It is the placeholder for the top curves, you can change this image if you want to change the style of the curves */
.header_top { 
	background: #FEFEFE url(images/big_top.gif) no-repeat; /* bg colour, link to image + no repeat on image*/
	color: #FFF; /* font colour */
	height: 15px; /* height of image */
	}
	
.header { 
	padding: 15px 30px 0 10px; /* x */
	>padding: 15px 10px 0 10px;
	}

.logo {	
	padding: 18px 0 0 3px; /* padding spacing top + left */
	}

/* This is for the logo in top left corner. Change the image here */
.sf_left {
	float: left; /* x */
	width: 140px; /* width of image */
	height: 106px; /* height of image */
	color: #FFF; /* font colour */
	padding: 0px 0 0px 14px; /* padding spacing top + left */
}

/* Placeholder for banner at the top. You can control the positioning of the banner here */
#banner {
	float: right; /* x */
	margin: 16px 30px 0 0; /* margin spacing top + right */
	}

/* ---------------------------------------------------------------------------------------------- */
	

/* --------------------------------- ## ESPOTTING LINKS ## -------------------------------------- */

/* Espotting links */

#espotSearchResults a { 
	font-weight: bold; /* links are set to bold */ 
	color: #424862; /* link colours */
	}
	
#espotSearchResults a:link { 
	font-weight: bold; /* links are set to bold */ 
	color: #424862; /* link colours */
	}
	
#espotSearchResults a:visited { } /* style of visited links */

#espotSearchResults a:hover { 
	color: #398A72; /* colour of links when hovered over */
	}
	
#espotSearchResults a:active { } /* style of active links */

/* This is for the keywords that appear in RED in the 'results.html' page when you search for something. It's at the top where it says "Compare our top partner sites for KEYWORD and save MONEY now!"  */
.keyword { 
	font: bold 12px Verdana; /* font weight, size and font family */
	text-transform: uppercase; /* changes font to uppercase lettering */
	color: #FF0000; /* colour of keyword */
	text-align: center; /* centres the text */
	}

/* -------------------------------------------------------------------------------------------- */

		


/* ------------------------------------- ## FOOTER ## ------------------------------------------- */

.footer { 
	clear: both; /* x */
	text-align: center; /* x */
	color: #808080; /* font colour */
	background: #f0f0f0; /* bg colour of footer (should be the same colour as the bg colour in the body tag at the top */
	padding: 10px 0 5px 0; /* padding spacing TOP + BOTTOM */
}
.footer p {	
	line-height: 2em; /* x */
	}
	
.footer a {
	color: #4F4F4F; /* link colour */
	background: inherit; /* bg colour of link */
	border-bottom: 1px dashed #808080; /* border under link - border size, style + colour */ 
	text-decoration: none; /* no underline under link */
	}
	
/* ----------------------------------------------------------------------------------------- */

/* This is for the 'news' at the side - nothing needs to be changed here */
#latestArticles {
	clear: both;
}

#newsRSS {
	margin: 0px 0px 0px 2px;
}


/* This is for the bottom of the webpage. It is the placeholder for the bottom curves, you can change this image if you want to change the style of the curves */
.header_bottom { 
	clear: both; /* x */
	background: #FEFEFE url(images/big_bottom.gif) no-repeat; /* bg colour, link to image + no repeat image */
	color: #FFF; /* font colour */
	height: 15px; /* height of image */
	}

/* 
	All styles for XML articles feeds 
*/
DIV#latestArticles { 
	font-family:  Arial, Helvetica, sans-serif; 
	font-size: 12px;
	}
	
DIV#latestArticles A { 
	font-family:  Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	text-decoration:none;
	line-height:1.0em;
	}
	
DIV#latestArticles TD { 
	font-size:12px; 
	}
	
DIV#latestArticles TH {	
	text-transform: capitalize; 
	background-color: #fff; 
	color:#333; 
	font-size: 11px; 
	}
	
DIV#latestArticles A#more { 
	font-size: 11px; 
	}
	
DIV#latestArticles TABLE {
	border:1px solid #fff; 
	margin-right: 6px; 
	margin-top: 6px;
	width: 96%;
	}
	
DIV#latestArticles I {
	font-size: 10px;
	}

DIV#relatedArticles H4 {  
padding:25px 0px 0px 0px;
	text-align: left; 
	font-weight: bold; 
	font-size: 14px; 
	font-family:  Arial, Helvetica, sans-serif; 
	border-bottom: 1px solid #0099CC;
	margin:4px;
	}
	
DIV#relatedArticles H5 { 
	text-align: center; 
	font-weight: bold;
	font-size: 12px; 
	font-family:  Arial, Helvetica, sans-serif;
	text-decoration: underline;
	}
	
DIV#relatedArticles {
	font-family:  Arial, Helvetica, sans-serif; 
	font-size: 11px;
	}
	
DIV#relatedArticles A { 
	font-size: 11px;
	}
	
DIV#relatedArticles TD {
	font-size: 11px;
	}

DIV#newsIndex H4 {  
	text-align: left; 
	padding: 2px 0px 2px 0px; 
	
	color: #000000; 
	text-transform: capitalize; 
	font-weight: bold; 
	font-size: 14px; 
	font-family:  Arial, Helvetica, sans-serif; 
	border-bottom: 1px solid #0099CC; 
	margin: 4px;
	}
	
DIV#newsIndex H5 {   
	text-align: left; 
	text-transform: capitalize; 
	font-weight: bold;  
	font-size: 12px; 
	font-family:  Arial, Helvetica, sans-serif; 
	text-decoration: underline;
	}
	
DIV#newsIndex {
	font-family:  Arial, Helvetica, sans-serif; 
	font-size: 12px;
	}
	
DIV#newsIndex A { 
	font-size: 12px;
	}
	
DIV#newsIndex TD {
	font-size: 11px;
	}

DIV#rssIndex H4 {  
	text-align: left; 
	padding: 2px; 
	background-color: #0099CC; 
	color: white; 
	text-transform: capitalize; 
	font-weight: bold;  
	font-size: 14px; 
	font-family:  Arial, Helvetica, sans-serif; 
	border-bottom: 1px solid #0099CC;
	}
	
DIV#rssIndex H5 {  
	text-align: left; 
	text-transform: capitalize; 
	font-weight: bold;  
	font-size: 12px; 
	font-family:  Arial, Helvetica, sans-serif; 
	text-decoration: underline;
	}
	
DIV#rssIndex {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
	
DIV#rssIndex A { 
	font-size: 12px;
	}
	
DIV#rssIndex TD {
	font-size: 11px;
	}

DIV#newsPanel H4 {  
	text-align: left; 
	font-weight: bold;  
	font-size: 14px; 
	font-family:  Arial, Helvetica, sans-serif; 
	border-bottom: 1px solid #0099CC;
	}
	
DIV#newsPanel H5 {  
	text-align: left; 
	font-weight: bold;  
	font-size: 12px; 
	font-family:  Arial, Helvetica, sans-serif;
	text-decoration: underline;
	}
	
DIV#newsPanel {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
	
DIV#newsPanel A { 
	font-size: 12px;
	}
	
DIV#newsPanel TD {
	font-size: 11px;
	}

DIV#article { 
	font-family:  Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	padding: 7px 0px 0px 0px;
	
	}
	
DIV#article SPAN#date { 
	font-size: 10px; 
	font-weight: bold;
	}
	
DIV#article A {
	font-size: 12px; 
	text-decoration: underline;
	}

DIV#articleBody {
	text-align: left;
	margin-right:21px; 
	font: 12px Arial, Helvetica, sans-serif;
	}

DIV#articleLinks H4 {
	padding: 2px 0px 2px 0px; 
	
	color: #000; 
	text-transform: capitalize; 
	font-weight: bold; 
	font-size: 14px; 
	font-family:  Arial, Helvetica, sans-serif; 
	border-bottom: 1px solid #0099CC; margin: 4px;
	}
	
DIV#articleLinks A { 
	text-decoration: none; 
	margin:4px;
	color: black; 
	font-size: 11px; 
	font-family:   Arial, Helvetica, sans-serif; 
	background-color: #FFF;
	}
	
DIV#articleLinks A:HOVER {
	color: red; 
	text-decoration: underline; 
	background-color: #FFF;
	}

A#newsIndex {
	height: 16px;
	padding-left: 52px ;
	font-size: 11px;
	color: #000066;
	background-image: url(news/rss/news.gif);
	background-repeat: no-repeat;
	margin: 1px;
	background-color: #FFF;
	}
	
A#rssIndex {
	height: 16px;
	padding-left: 34px;
	font-size: 11px;
	color: #000066;
	background-image: url(news/rss/rss.gif);
	background-repeat: no-repeat;
	margin: 1px;
	background-color: #FFF;
	}

DIV#articleTitle {
	font: bold 14px  Arial, Helvetica, sans-serif;
	text-align: left;
	text-transform: capitalize;
	padding:5px 0px 0px 0px;
	}
	
DIV#articleDate {
	font-size: 11px;
	}

#date {
	padding: 0px;
	margin: 0px;
	font: bold 10px arial;
	text-align: center;
}

#articleLinkTo {
padding: 15px 0px 0px 0px; 
margin:4px;
}

#articleLinkTo h4 {
	
	padding: 0px 0px 2px 0px;
	color: #000; 
	text-transform: capitalize; 
	font-weight: bold; 
	font-size: 14px; 
	font-family:  Arial, Helvetica, sans-serif; 
	border-bottom: 1px solid #0099CC; 
}

#articleLinkTo textarea {
	
	width:100%;
}