/* Coloured Styles
Used on front pages of sections: News, Resources, etc.
*/

div.coloured
{
	color:#FFFFFF;
	
	padding:10px 10px 15px 0px;
}
body.bodyDefault div.coloured, body.bodyDefault div.colouredHeading
{
	background-color:#999966;
}
body.bodyAbout div.coloured, body.bodyAbout div.colouredHeading
{
	background-color:#996600;
}
body.bodyNews div.coloured, body.bodyNews div.colouredHeading
{
	background-color:#006699;
}
body.bodyResources div.coloured, body.bodyResources div.colouredHeading
{
	background-color:#339999;
}
body.bodyWorld div.coloured, body.bodyWorld div.colouredHeading
{
	background-color:#CC9900;
}
body.bodyDonate div.coloured, body.bodyDonate div.colouredHeading
{
	background-color:#993300;
}
body.bodyInvolved div.coloured, body.bodyInvolved div.colouredHeading
{
	background-color:#669900;
}
body.bodyContact div.coloured, body.bodyContact div.colouredHeading
{
	background-color:#CC6600;
}

div.colouredHeading
{
	color:#FFFFFF;
	font-weight:bold;
	border-color:#FFFFFF;
	border-style:solid;
	border-width:0px 0px 1px 0px;
	
	padding:5px 10px 5px 10px;
}
div.colouredHeading a, div.colouredHeading a:hover, div.colouredHeading a:visited
{
	color:#FFFFFF;
	text-decoration:none;
}
div.colouredHeading a:hover
{
	text-decoration:underline;
}

div.coloured img
{
	margin:0px 10px 0px 0px;
	
	float:left;
	position:relative; /* I don't know why, but this makes it appear in IE, otherwise it just doesn't show up */
}
div.coloured div
{
	margin-left:180px; /* img width (170px) + 10px */
}
div.colouredClear
{
	height:0px;
	overflow:hidden;
	
	clear:left;
}
div.coloured a, div.coloured a:hover, div.coloured a:visited
{
	color:#FFFFFF;
}
div.coloured a.bodyArrowMoreInfo, div.coloured a.bodyArrowMoreInfo:hover, div.coloured a.bodyArrowMoreInfo:visited,
div.coloured a.bodyArrowMoreInfoRev, div.coloured a.bodyArrowMoreInfoRev:hover, div.coloured a.bodyArrowMoreInfoRev:visited
{
	color:#FFFFFF;
}

td.colouredSideBar1
{
	background-color:#EEEEEE;
	border-color:#FFFFFF;
	border-style:solid;
	border-width:0px 1px 0px 1px;
	
	width:168px;
}
@media print
{
	td.colouredSideBar1
	{
		/* don't display the sidebar when printing, to allow more room for main content */
		display:none;
	}
}
td.colouredSideBar1 a.bodySideBarItem, td.colouredSideBar1 a.bodySideBarItem:visited, td.colouredSideBar1 div.bodySideBarItem
{
	/* style for links on the right, with an option to use a <div> with the same look */
	color:#666666;
	border-width:0px;
	
	padding-bottom:0px;
}
td.colouredSideBar1 a.bodySideBarItem:hover
{
	color:#000000;
}

body.bodyDefault td.colouredSideBar1 div.colouredHeading
{
	background-color:#999966;
}
body.bodyAbout td.colouredSideBar1 div.colouredHeading
{
	background-color:#CC9933;
}
body.bodyNews td.colouredSideBar1 div.colouredHeading
{
	background-color:#3399CC;
}
body.bodyResources td.colouredSideBar1 div.colouredHeading
{
	background-color:#66CCCC;
}
body.bodyWorld td.colouredSideBar1 div.colouredHeading
{
	background-color:#FFCC00;
}
body.bodyDonate td.colouredSideBar1 div.colouredHeading
{
	background-color:#CC6633;
}
body.bodyInvolved td.colouredSideBar1 div.colouredHeading
{
	background-color:#99CC33;
}
body.bodyContact td.colouredSideBar1 div.colouredHeading
{
	background-color:#FF9933;
}