/* custom stuff */




span.pathway a {
	background: url(../../images_devo/fr_arrow.png) 100% 0 no-repeat;
}

a.readon {
	background: url(../../images_devo/fr_bullet.png) no-repeat;
}

/*** fonts ***/
body {
		color: #9D3A04;
}

/* font family */
a:link,
a:visited {
	color: #573017;
	font-weight: bold;
	font-size:12px
	
	}

/** regular joomla menu **/

a.mainlevel {
	background: url(../../images_devo/fr_menu.png) 100% 0 no-repeat;
}

a.mainlevel:link,
a.mainlevel:visited {
	color: #e1d6b4;
}

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

a.mainlevel#active_menu,
a.sublevel#active_menu {
	color: #fff;
}

a.sublevel:link,
a.sublevel:visited {
	color: #e1d6b4;
}

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

/* headings */
.small,
.modifydate,
.createdate {
	color: #4E1B00;
}

/** some joomla class stuff */

td.buttonheading {
	background: #E9D9A8;
}

td.sectiontableheader {
  background: #B14104;
  color: #ebd2ba;
  border-right: 1px solid #9D3A04;
}

/** template layout stuff **/

div#header {
	background: #573017 url(../../images_devo/fr_header.png) 100% 0 no-repeat;
}


#smaller .button {
	background: url(../../images_devo/fr_css_small.png) no-repeat;
}

#medium .button {
	background: url(../../images_devo/fr_css_med.png) no-repeat;
}

#larger .button {
	background: url(../../images_devo/fr_css_large.png) no-repeat;
}

#wide .button {
	background: url(../../images_devo/fr_css_wide.png) no-repeat;
}

#narrow .button {
	background: url(../../images_devo/fr_css_narrow.png) no-repeat;
}


div#spotlight {
	height: 117px;	
}

td#left-col {
	background: #573017 url(../../images_devo/fr_left_shadow2.png) 100% 0 repeat-y;
}

td#middle-col {
	background: #F4EDCB url(../../images_devo/watermark.gif) 100% 0 repeat-y;
}

td#right-col {
	background-color: #ba4a05;
}

div#left div,
div#left p,
div#left td {
	color: #F4EDCB;
}

div#right div,
div#right p,
div#right td {
	color: #f9c9ae;
}

div#right a {
	color: #ffffff;
}

div#middle {
	background: url(../../images_devo/fr_middle_top.png) 0 0 repeat-x;
}

div#right {
	background: url(../../images_devo/fr_right_top.png) 0 0 repeat-x;
}

div#left div.shadow {
	background: url(../../images_devo/fr_middle_shadow.png) 100% 0 no-repeat;
	
}

div#middle div.shadow_1 {
	background: url(../../images_devo/fr_middle_corner.png) 0 0 no-repeat;
}

div#middle div.shadow_2 {
	background: url(../../images_devo/fr_right_shadow.png) 100% 0 no-repeat;
}

div#right div.shadow {
	background: url(../../images_devo/fr_right_corner.png) 0 0 no-repeat;
}

div.moduletable h3,
.contentheading,
.componentheading {
	background: url(../../images_devo/fr_head_left.png) 100% 0 no-repeat;
	color: #e1d6b4;
}

div#middle div.moduletable h3,
.contentheading,
.componentheading  {
	background: #e8d9a9 url(../../images_devo/fr_title.png) 0 0 no-repeat;	
	color: #573017;
}

div#right div.moduletable h3 {
	background: #9d3a04 url(../../images_devo/fr_head_right.png) 0 0 no-repeat;
	color: #f9a77b;
}

div#top div.moduletable h3 {
	background: #e0cb85 url(../../images_devo/fr_title2.png) 0 0 no-repeat;
	border-right: 8px solid #D3BD7A;
	color: #573017;
}

div#top {
	background: #E9D9A8 url(../../images_devo/fr_top_shadow.png) 100% 0 repeat-y;
}

div#top .corner_1 {
	background: url(../../images_devo/fr_top_tl.png) 0 0 no-repeat;
}

div#top .corner_2 {
	background: url(../../images_devo/fr_top_bl.png) 0 100% no-repeat;
}

div#bottom div.moduletable h3 {
	color: #573017;
	background: none;
}

div#bottom {
	background: #D8BA61 url(../../images_devo/fr_bottom_shadow.png) 100% 0 repeat-y;
}

div#bottom .corner_1 {
	background: url(../../images_devo/fr_bottom_tl.png) 0 0 no-repeat;
}

div#bottom .corner_2 {
	background: url(../../images_devo/fr_bottom_bl.png) 0 100% no-repeat;
}

div#vbottom {
	border-top: 15px solid #937526;

}

/*****************************
 ****   supersuckerfish   ****
 *****************************/
#nav li {
	background: url(../../images_devo/fr_tab_r.png) 100% -40px no-repeat;
}

#nav li.on ul {
	background: #442413;
	color: #ffffff;	
}

#nav a {
	background: url(../../images_devo/fr_tab_l.png) 0 -40px no-repeat;
	color: #e1d6b4;
}

#nav li.on a, 
#nav li.on:hover a,
#nav li.over.on a {
	color: #ffffff;
}
/* sub level links */

#nav li ul {
	background: #442413;
	color: #fff;
}

#nav ul li {
	background: none;
}

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

/***jen mods ******/

#mod_login_password, #mod_login_username {
	width: 145px;
	color: #573017;
	background: #e5ddb9;
}

.inputbox {
   padding: 2px;
   background-color: #e5ddb9;
   color: #573017;


}

input.button {
   background: #e9d9a8;
   color: #573017;
   padding: 3px 7px;
   margin: 3px 0;
}
  /*************************************************
 ****   change for each section ****
 *************************************************/

 
 div#left {
	background: url(../../images_devo_community/fr_left_corner.png) 0 0 no-repeat;
}

div#shadow {
	background: #23290A  url(../../images_devo_community/fr_bg_shadow.png) repeat-x;
}
 
 body {
	background: #343C0F url(../../images_devo_community/fr_bg.png) repeat-x;
}

div#graphic {
	background: url(../../images_devo_community/fr_graphic.jpg) 50% 0 no-repeat;
}

span#logo {
	background: url(../../images_devo_community/fr_logo.gif) no-repeat;
}

div#vbottom {
	border-top: 15px solid  #607A1C;
	color:  #607A1C;
}

div#vbottom div {
	border-top: 10px solid;
	color: #516417;
}

div#vbottom a:link,
div#vbottom a:visited,
div#vbottom a:hover {
	color: #759822;
}

/* headings */

h1, h2, h3, h4, h5 {
 
}

h1 {
  font-size: 125%;

}

h2 {
  font-size: 125%;
   color: #573017;
}

h3 {
  font-size: 125%;
  color: #506e15;
}

h4 {
  font-size: 95%;
 	color: #4E1B00;
	font-style:italic;
}

h5 {
  font-size: 110%;
  text-transform: uppercase;
   color: #4E1B00
}