/************************************
 *
 *  Replace these colors as needed
 *  
 *  #3a393e - default font
 *  #666666 - background
 *  #5a5a5a - background shadow
 *  #d8dce3 - header main
 *  #bec1c7 - header shadow
 *  #e9eef5	- left main
 *  #cdd1d7 - left shadow
 *  #a4a4a4 - left color
 *          - left links
 *  #ebf0f7 - left hilite main
 *  #ced3d9 - left hilite shadow
 *  #ffffff - body main
 *  #e0e0e0 - body shadow
 *  #a4a4a4 - mid modules main
 *  #909090 - mid modules shadow
 *  #d8dce3 - right main
 *  #bec1c7 - right shadow
 *  #dde1e9 - right hilite main
 *  #c2c6cd - right hilite shadow
 *  #babfc7 - footer main
 *  #a3a8af - footer shadow
 *  #74777c - footer color
 *
 ************************************/

/* font colors */

body {
  color: #7f3d36;
  background: #b9a191 url(../images/bg.png) no-repeat top;
}

td.left {
  color: #3a393e;
}

div.botbox {
  color: #f2f3ea;
}

td.left a:link, 
td.left a:visited {

}

td.left a.mainlevel:hover {
  color: #fff;
}

a.mainlevel { 
	border-bottom:  1px solid #cdd1d7;
}

div.midbox a:link,
div.midbox a:visited,
div.botbox a:link,
div.botbox a:visited {
  color: #fff;
}

td.left div.moduletable h3 {
	color: #fff;
	background: #58261d;
}

td.right div.moduletable h3 {
	color: #fff;
	background: #58261d;
}

td.left div.moduletable-hilite {
	background: #ebf0f7;
	border-color: #cdd1d7;
}

td.left div.moduletable-hilite h3 {
	color: #666;
	background: #ced3d9;
}

td.right div.moduletable-hilite {
	background: #dde1e9;
	border-color: #bec1c7;
}

td.right div.moduletable-hilite h3 {
	color: #333;
	background: #c2c6cd;
}

td.middle div.moduletable h3 {
	color: #fff;
	background: #9d9996;
}

div.midbox div.moduletable h3 {
	color: #fff;
	background: #909090;
}

div.moduletable h3 {
  background: #e0e0e0;
	color: #fff;
}

table.outer td.sectiontableheader {
  color: #a3a8af;
  background: #e0e0e0;
}

div#outer-border {
	/*border-color: #5a5a5a;*/
}

div#top-head {
	/*border-color: #bec1c7;
	background: #d8dce3;*/
}

div#access-bar {
	/*background: #bec1c7;*/
}

table.outer td.left {
	border-color:  #b9a191; 
	background:  #b9a191; 
}

table.outer td.middle {
	border-color:  #b9a191; 
	background:  #f5f5ef;
}

table.outer td.right {
	border-color:  #bec1c7; 
	background:  #d8dce3; 
}

div.midbox {
	border-color:  #909090; 
	background:  #a4a4a4;
	border-bottom:  6px solid #e0e0e0;
}

div#bot-footer{
	border-color:  #b9a191;
	background: #b9a191;
	color: #74777c;
}

div#bot-footer a:link,
div#bot-footer a:visited {
	color: #74777c;
}

span.rocket {
	background:  url(../images/light/rocket.png) no-repeat;
}

#logo {
	background: url(../images/light/jp-logo.png) no-repeat;
}

#nav li.active a,
#nav li.active a:hover {
	background: #cdd1d7;
	color: #333;
}

#nav li.active li a:hover {
	color: #fff;
}

/* medium accessibility */
a.light .button {
	background:  url(../images/light/access_light.png);
}

a.med .button {
	background:  url(../images/light/access_med.png);
}

a.dark .button {
	background:  url(../images/light/access_dark.png);
}

a.red .button {
	background:  url(../images/light/access_red.png);
}

a.blue .button {
	background:  url(../images/light/access_blue.png);
}

a.green .button {
	background:  url(../images/light/access_green.png);
}

a.orange .button {
	background:  url(../images/light/access_orange.png);
}

a.large .button {
	background: url(../images/light/access_large.png);
}

a.small .button {
	background: url(../images/light/access_small.png);
}

a.default .button {
	background: url(../images/light/access_normal.png);
}

a.thin .button {
	background: url(../images/light/access_thin.png);
}

a.wide .button {
	background: url(../images/light/access_wide.png);
}

a.fluid .button {
	background: url(../images/light/access_fluid.png);
}

/* typography */
h2 {
  color: #7f3d36;
}

div.orangehead h4 {
  color: #fe813f;
}

div.redhead h4 {
  color: #e6131b;
}

div.greenhead h4 {
  color: #8aa551;
}

div.bluehead h4 {
  color: #2fb1d9;
}

blockquote {
  background: #fcfcfc;
  border-top: 6px solid #E0E0E0;
  border-bottom: 6px solid #E0E0E0;
}

pre {
  background: #E9EEF5;
}

div.orange a:link,
div.orange a:visited {
  color: #742b23;
  border: 1px dashed #fe813f;
  line-height: 25px;
  display:block;
  text-align:center;
  height: 30px;
  width: 152px;
  font-weight: normal;
}

#orangeactive a:link,
div.orange a:hover,
#orangeactive a:visited {
  color: #fff;
  border: 1px dashed #fe813f;
  background: #fe813f;
  line-height: 25px;
  display:block;
  text-align:center;
  height: 30px;
  width: 152px;
  font-weight: normal;
}

div.green a:link,
div.green a:visited {
  color: #742b23;
  border: 1px dashed #8aa551;
  line-height: 25px;
  display:block;
  text-align:center;
  padding-left: 10px;
  padding-right: 10px;
  height: 30px;
  width: 100px;
}

#greenactive a:link,
div.green a:hover,
#greenactive a:visited {
  color: #fff;
  border: 1px dashed #8aa551;
  background: #8aa551;
  line-height: 25px;
  display:block;
  text-align:center;
  padding-left: 10px;
  padding-right: 10px;
  height: 30px;
  width: 100px;
}

td.second-green {
  border: 1px solid #8aa551; 
  line-height: 35px;
}

div.sublink a:link,
div.sublink a:visited {
  color: #742B23;
}

#subactive {
  color: #742B23;
  background:  url(../images/underline-dots.png) repeat-x;
  text-decoration:none;
  line-height:28px;
  padding-bottom: 10px;
  
}

div.sublink a:hover {
  color: #742B23;
  background:  url(../images/underline-dots.png) repeat-x;
  text-decoration:none;
  line-height:35px;
  padding-bottom: 10px;
  
}