/*----------------------------------------------------------------------------
++ red.css - all color related css for the red style.
----------------------------------------------------------------------------*/

div#top {
	background: transparent url(../images/red/top-bg.png) repeat-x scroll 0%;
}
#nav {
	background: url(../images/red/hmenu_bg.png) repeat-x scroll center top;
}
#nav .menu {
	background: url(../images/red/home-separator.gif) repeat-y 0;
	padding-left: 1px;
}
#nav .menu li {
	background: url(../images/red/nav-separator.png) repeat-y 100% 0%;
	padding-right: 1px;
	margin-top: 2px;
}
.sectiontableheader {
	background: #F8D193 url(../images/red/table-header-bg.png) repeat-x scroll 0% 0%;
	height: 28px;
}
#left div.h3-image h3,
#right div.h3-image h3,
#left div.h3-image-sfx h3,
#right div.h3-image-sfx h3 {
	background-image: url(../images/red/normal-module-top.png);
}
h1,h5,
a:link,
a:visited,
td.contentheading, 
#pathway a:link,
#pathway a:visited,
#pathway a:hover,
#user2 .moduletable a.readon,
#user1 .moduletable a.readon,
#advert1 .moduletable a.readon,
#advert3 .moduletable a.readon,
#right div.moduletable-sfx.h3-plain h3,
#left div.moduletable-sfx.h3-plain h3 {
	color: #B30050;
}
.highlight,
#left div.h3-colorbg h3,
#right div.h3-colorbg h3,
#left div.h3-colorbg-sfx h3,
#right div.h3-colorbg-sfx h3 {
	background: #b55d71;
}
#color-text span.red_selection {
    float: left;
	background: url(../images/red/select.gif) no-repeat 0 8px;
    width: 12px; 
	height: 33px; 
	margin: 0; 
	padding: 0 2px 0 0;
}
a.red-color {
	height: 19px;
	width: 19px;
	background: url(../images/color-red.gif) no-repeat 0 -19px;
	display: block;
}
.contentheading{
    color:#B30050;
}
#pathway a:link,
#pathway a:visited,
#pathway a:hover {
	background: url(../images/red/pathway_arrow.png) no-repeat right;
}