/* general css */ 
a:link, a:visited {
	color: #000;
	} 
a:hover {
	color: #DFB200;
	}

li {
	list-style: url(../images_red/ul_red.png);
}

/* main layout */
#wrap  {
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background-color: #fff;
}

/* header top */
#topbar {
	background: #DFB200 url(../images_red/sky2_red.png) top right no-repeat;
	width: 100%;
	height: 12px;
	text-align:left;
	margin-bottom: 3px;
}

#botbar {
	background: #DFB200 url(../images_red/gro2_red.png) top right no-repeat;
}

#logo {
/*	background: url(../images_red/logo.jpg) no-repeat;i*/
	}

#split_sub {
	background: #DFB200 url(../images_red/sub2_red.png) no-repeat;
	background-position: 100% 100%;
	}

#split_sub_in {
	background: url(../images_red/sub1_red.png) no-repeat;
	background-position:0 0;
	}

/* TOP MENU */
#top-nav a:hover {
	color:#AF0100;
}
 
/* -------------------------split mainmenu */
ul#navlist li {
	background: url(../images_red/tnavi_l_red.png) 0 100% no-repeat;
	border-right:6px solid #fff;
}

ul#navlist li a:link, ul#navlist li a:visited {
	background: url(../images_red/tnavi_r_red.png) 100% 100% no-repeat;
    color: #DFB200;
}

ul#navlist li:hover, 
ul#navlist li.sfhover {
	background: #DFB200 url(../images_red/tnavi_r_red_h.png) 100% 100% no-repeat;
	border-right:6px solid #fff;
}

ul#navlist li a:hover {
	background: url(../images_red/tnavi_l_red_h.png) 0 100% no-repeat;
    color: #fff;
}

ul#navlist li.active {
	color: #fff;
	background: #DFB200 url(../images_red/tnavi_l_red_h.png) 0 100% no-repeat;
}

ul#navlist li.active a.topnav {
	color: #fff;
	background: url(../images_red/tnavi_r_red_h.png) 100% 100% no-repeat;
}

/* splic submenu*/
ul#sublist {
}

ul#sublist li {
	display:inline;
}

ul#sublist li a.topnav:link, ul#sublist li a.topnav:visited {
	background: url(../images/arrow_sub.gif) no-repeat;
	color: #fff;
}

ul#sublist li a.topnav:hover,
ul#sublist li.active a.topnav#subcurrent {
  color: #fff;
  border-bottom:1px dashed #eee;
}


/* /* *******************************************  pathway */
#can_pathway {
	background: #f7f7f7 url(../images_red/bg_path2_red.png) no-repeat;
	background-position:100% 0;
}

#can_pathway div {
	background: url(../images_red/bg_path1_red.png) no-repeat;
	background-position:0 0;
}

.pathway, a.pathway:link, a.pathway:visited {
	color: #666;
}

a.pathway:hover {
	color: DFB200;
}

/* ------------------------------------leftside and right side*/
#leftmain_in div.moduletable h3, 
#rightmain div.moduletable h3 {
	background:url(../images_red/title_side_red.png) no-repeat;
	color: #000;
}

/* -------------------------round corner */
div.left_edge {
	background: #f7f7f7 url(../images_red/round_l_red.png) top left repeat-y;
}

div.right_edge {
  background	: url(../images_red/round_r_red.png) top right repeat-y;
}

div.top_lcorner {
  background	: url(../images_red/round_tl_red.png) top left no-repeat;
}

div.top_rcorner {
  background	: url(../images_red/round_tr_red.png) top right no-repeat;
}

div.top_edge {
  background	: url(../images_red/round_t_red.png) top left repeat-x;
}

div.bot_lcorner {
  background	: url(../images_red/round_bl_red.png) bottom left no-repeat;
}

div.bot_rcorner {
  background	: url(../images_red/round_br_red.png) bottom right no-repeat;
}

div.bottom_edge {
  background	: url(../images_red/round_b_red.png) bottom left repeat-x;
}

/* -----------------------------------------MODULES */
div.moduletable h3 {
	background-color: #eee;
	color: #000;
}

.button {
	border:outset 1px #ccc;
	background:#fff;
	color:DFB200;
	background:url(../images_red/bg_button_red.png) repeat-x left top;
}

.inputbox {
	border: 1px solid #666;
	background: url(../images/bg_input.png);
}

/* CONTENT STYLES */
.contentpane td, .contentdescription td {
	padding: 4px 0px; 
}

.contentheading {
	background: url(../images/bg_heading.png) repeat-x;
	color: #333;
}

table.contentpaneopen td.buttonheading {
	background: url(../images/bg_heading.png) repeat-x;
	}
	
.componentheading {
	color: #DFB200;
}

.back_button {
	color: #333; 
	background:url(../images/bg_back.png) no-repeat;
}

.small, .createdate, .modifydate {
	color: #999; 
}

a.readon:link, a.readon:visited {
	color			: #DFB200;
	background:url(../images_red/ul_red.png) no-repeat 3px 5px;
}
a.readon:hover {
	color			: #333;
}

table.contenttoc {
	border: 1px solid #eee;
}

/* MAIN AND SUB MENU SYSTEM  */
a.mainlevel:link, a.mainlevel:visited {
	background: url(../images_red/bg_menu_red.png) no-repeat;
	color: #000;
}
a.mainlevel:hover {
	background: url(../images_red/bg_menu_red_over.png) no-repeat;
	color: #DFB200;
}
#active_menu {
	background: url(../images_red/bg_menu_red_over.png) no-repeat;
	color: #DFB200;
}

a.sublevel:link, a.sublevel:visited {
	background: url(../images/arrow_sub.gif) no-repeat;
	color: #000;
}

a.sublevel:hover {
	color: #333;
}

a.sublevel#active_menu  {
	background: url(../images/arrow_sub.gif) no-repeat;
	color: #DFB200;
}

/* STYLES LISTING CONTENT PAGE */
td.sectiontableheader  {
	background-color: #eee;
	color			: #000; 
	border-bottom:1px solid #333;
}

.sectiontableentry1  {
	background-color: #fff; 
}
.sectiontableentry2  {
	background		: #f7f7f7; 
}

/* -------------------------bottom navi */
#mainlevel-nav a:hover {
	color:#DFB200;
}