/** information for style 4 **/

body {
		background: #535353 url(../images/tech_bg_4.png) repeat-x;
		color: #21252C; /* dark grey */
}

a:link,
a:visited {
	color:#f60 ; /* #FF6600 orange */
}

div.moduletable h3,
.componentheading,
#moofx a.toggle {
	color: #666666; /* medium grey */
}

div#side div,
div#side p,
div#side td,
div.bottom div,
div.bottom p,
div.bottom td {
	color: #ccc; /* grey */
}

div#side a:link,
div#side a:visited,
div.bottom a:link,
div.bottom a:visited,
div#footer a:link,
div#footer a:visited {
	color: #FFAC1E; /* orange */
}
a.pathway:link,
a.pathway:visited {
	color: #000; /* black */
	font-weight:bold;
}

.contentheading {
	color: #f60; /* EF6A09 orange */
}

a.mainlevel:link,
a.mainlevel:visited {
	color: #0f0; /* FFAC1Elime green */
	background: url(../images/tech_menu_fade_4.png) 0 100% no-repeat;
}

div#side a.mainlevel#active_menu:link,
div#side a.mainlevel#active_menu:visited,
div#side a.mainlevel#active_menu:hover {
	color: #ff0; /* yellow was white */
	font-weight: bold;
}

div#side a.mainlevel:hover {
	color: #fff;
}

div#footer {
	color: #ccc;
}

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

td.sectiontableheader {
  background: #e7e7e7;
  color: #666;
}

div#shadow_l {
	background: transparent url(../images/tech_shadow_l_4.png) no-repeat;
}

div#shadow_r {
	background: transparent url(../images/tech_shadow_r_4.png) 100% 0 no-repeat;
}

div#side {
	background: #535353 url(../images/tech_side_bg_4.png) repeat-x;
}

div#side_l {
	background: url(../images/tech_side_divider_4.png) no-repeat;
}

div#side_r {
	background: url(../images/tech_side_divider_4.png) 100% 0 no-repeat;
}

div#header {
	background: url(../images/tech_header_4.jpg) top right no-repeat;
}

div#logo {
	background: url(../images/tech_logo_4.png) 50% 0 no-repeat;
}

div#content {
	background: #e7e7e7; /* light grey body */
}

div.mainbody {
	border: 1px solid #cfcfcf; /* outline */
	background: #fff;
}

div.pagedivider {
	background: url(../images/tech_page_divider_4.png) 50% 0 no-repeat;
}

div#bottomsection {
	background: #e7e7e7; /* light grey */
}

div.bottom {
	background: #6c6c6c url(../images/tech_bottom_bg_4.png) repeat-x;
}

#moofx a.toggle {
	border: 1px solid #cfcfcf;
	background: #f2f2f2 url(../images/tech_plus_4.png) 0 50% no-repeat;
}

#moofx div.stretcher {
	background: #e7e7e7; /* light grey */
}

#nav {
	background: #e7e7e7 url(../images/tech_bar_bg_4.png) repeat-x;
}

#nav li {
	border-right: 1px solid #cc5400;
}

#nav li.on {
	border-right: 1px solid #202020;
}

#nav li.on li.on {
	border-right: 0;
}

#nav li ul {
	background: #ee6505;
}

#nav li.on ul {
	background: #3c3c3c;
}

#nav li a {
	color: #fff;
	background: url(../images/tech_menu_4.png) 0 0 no-repeat;
}

#nav li.on a {
	color: #fff;
}

#nav li.on li.on a {
	color: #fff;
}

#nav li:hover ul a,
#nav li.over ul a{
	border-right: 1px solid #feab26;
}

#nav li ul a, #nav li.on ul a {
	border-right: 1px solid #626262;
}

#nav li ul a {
	color: #ddd;
}

#nav li.on ul a {
	color: #ddd;
}

#nav ul a:hover {
	color: #fff;
}

#nav li.on li a:hover {
	color: #0f0; /* FFAC1E orange */
}

/* ************************************************** */
/* Add some additional text styles also in editor.css */
/* ************************************************** */

.orangetext {color:#ff6600;}
.redtext {color:#ff0000;}
.greentext {color:#339900;}
.yellowtext {color:#ffaa00;}
.orangebold {color:#ff6600;font-weight:bold;}
.redbold {color:#ff0000;font-weight:bold;}
.bluebold {color:#330099;font-weight:bold;}
.greenbold {color:#339900;font-weight:bold;}
.yellowbold {color:#ffbb00;font-weight:bold;}