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

div#top {
	background: transparent url(../images/orange/top-bg.png) repeat-x scroll 0%;
}
#nav {
	background: url(../images/orange/hmenu_bg.png) repeat-x scroll center top;
}
#nav .menu {
	background: url(../images/orange/home-separator.gif) repeat-y 0;
	padding-left: 2px;
}
#nav .menu li {
	background: url(../images/orange/nav-separator.png) repeat-y 100% 0%;
	padding-right: 2px;
	margin-top: 2px;
}
.sectiontableheader {
	background: #632e14 url(../images/orange/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/orange/normal-module-top.png);
}
h1,h4,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: #bd6645;
}
.highlight,
#left div.h3-colorbg h3,
#right div.h3-colorbg h3,
#left div.h3-colorbg-sfx h3,
#right div.h3-colorbg-sfx h3 {
	background: #bd6645;
}
#color-text span.orange_selection {
    float: left;
	background: url(../images/orange/select.gif) no-repeat 0 8px;
    width: 12px; 
	height: 33px; 
	margin: 0; 
	padding: 0 2px 0 0;
}
a.orange-color {
	height: 19px;
	width: 19px;
	background: url(../images/color-orange.gif) no-repeat 0 -19px;
	display: block;
}
.contentheading{
    color:#bd6645;
}
#pathway a:link,
#pathway a:visited,
#pathway a:hover {
	background: url(../images/orange/pathway_arrow.png) no-repeat right;
}