/*
	Sample CSS - you can replace this with your own.
	3 Column layout, using margins on each side of the content column, where columns can "float"
	
	To change the width of one column, you must change the value two places below.
		The width of the column.
		The left or right margin width of div#ContentColumn 
		
	To change colors and borders, edit the file /BordersAndColors.css
	
	To change fonts, edit the file /Typography.css or the css file related to
	the element you wish to change (Navigation.css, News.css)
	
*/
div#ToolsColumn {
	clear: right;
	float: right;
	padding: 0 10px 0 10px;
	width: 130px;
}

div#InfoColumn {
	background-color: F3F0E8;
	clear: right;
	float: right; /* right 	/ 	left */
	width: 220px;
}

div#ContentColumn {
	margin-left: 0px;
	margin-right: 220px; /* 13em		/	0 */
}

div#PathContainer {
	padding-right: 220px; /* Ensure that path dont cross into Info Column */
}

div#ColumnsContainer {
	background-color: #FFFFFF;
	background-image: url(/images/ContentBackground_InfoColumn.gif);
}

div#ColumnsContainerTop {
	background-color: #FFFFFF;
	background-image: url(/images/ContentTop_InfoColumn.gif);
	background-position: top left;
	background-repeat: no-repeat;
	height: 21px;
}

div#PathContainer {
	background-image: url(/images/ContentBottom_InfoColumn.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

div.Teaser{
	padding:10px 2px 0 2px;	
	border-top:1px solid #545454;
	width:196px;
	margin:5px 10px 0 10px;
}