/*----------------------------------------------------------------------------
Style Sheet for colors

Template Name:   JJ Flex
Version:         1.0
Author:          JoomlaJunkie
Support:         http://forum.joomlajunkie.com
Template Guide:  http://guides.joomlajunkie.com

NOTE: Always make a backup of your stylesheets before editing!
NB!! Use the search function to find a section, eg: search for $2 for Sidebar menu
----------------------------------------------------------------------------*/

/*---------IMPORTANT----------
!!!IF YOU ARE LOOKING FOR AN ELEMENT THAT 
HAS A SPECIFIC COLOR THEN LOOK HERE AS ALL COLOR ELEMENTS
ARE SEPERATED!!------------*/

#navbar .inputbox {
background-image:url(../images/search-bg_f2.jpg);
}

div#navbar h2 {
background:url(../images/branding_f2.jpg) no-repeat;
}

div#top-seperator {
background:url(../images/top-seperator_f2.jpg) repeat-x;
}

div#bottom-seperator {
background:url(../images/bottom-seperator_f2.jpg) repeat-x;
}

.button {
/* button style for Joomla component, form and module buttons
specifically in the  sidebar*/
border:1px solid #9DC840;
background:#9DC840;
color:#fff;
margin:8px 0;
font-size: 100%;
}

#contentsidebar .inputbox:hover,#content .inputbox:hover {
border:1px solid #9DC840;
}

#contentsidebar .inputbox:focus,#content .inputbox:focus {
border:1px solid #9DC840;
}

.readon {
background:url(../images/read_more_f2.png) no-repeat;
}

/*MODULE STYLING*/
.moduletable h3 {
color:#9DC840;
border-bottom:1px solid #9DC840;
}

div#contentsidebar .moduletable h3 {
color: #9DC840;
border-bottom: 1px solid #9DC840;
}


/*LEFT MENU STYLING*/
ul#mainlevel li a:hover,
ul#mainlevel a#active_menu {
background: #9DC840 url(../images/left-menu-bullet.gif) no-repeat 3px;
color: #fff;
}

/*SUCKERFISH MENU STYLING*/
/* 2nd Menu Hover Persistence */
ul#mainmenu-nav li:hover li a:hover,
ul#mainmenu-nav li:hover li:hover a,
ul#mainmenu-nav li.iehover li a:hover,
ul#mainmenu-nav li.iehover li.iehover a {
  background: #9DC840;
}
ul#mainmenu-nav li:hover li a.hassubchild:hover,
ul#mainmenu-nav li:hover li:hover a.hassubchild,
ul#mainmenu-nav li.iehover li a.hassubchild:hover,
ul#mainmenu-nav li.iehover li.iehover a.hassubchild {
background: #9DC840 url(../images/hassubchild.gif) no-repeat right center;
}

/* 3rd Menu Hover Persistence */
ul#mainmenu-nav li:hover li:hover li a:hover,
ul#mainmenu-nav li:hover li:hover li:hover a,
ul#mainmenu-nav li.iehover li.iehover li a:hover,
ul#mainmenu-nav li.iehover li.iehover li.iehover a {
  background: #9DC840;
}
ul#mainmenu-nav li:hover li:hover li a.hassubchild:hover,
ul#mainmenu-nav li:hover li:hover li.hassubchild:hover a,
ul#mainmenu-nav li.iehover li.iehover li a.hassubchild:hover,
ul#mainmenu-nav li.iehover li.iehover li.hassubchild.iehover a {
background: #9DC840 url(../images/hassubchild.gif) no-repeat right center;
}


/* 4th Menu Hover */
ul#mainmenu-nav li:hover li:hover li:hover li a:hover,
ul#mainmenu-nav li.iehover li.iehover li.iehover li a:hover {
  background: #9DC840;
}

#mainmenu-nav #active_menu-nav {
background: #9DC840;
border-bottom: 1px solid #9DC840;
}

#mainmenu-nav li a#active_menu-nav {
background:#9DC840;
}
#mainmenu-nav li a#active_menu-nav.haschild {
background:#9DC840 url(../images/haschild-active.gif) no-repeat bottom center;
}


/*HTML Elements colors from customize.css*/
h1 {
color:#9DC840;
}

h2 {
color:#9DC840;
}

h4 {
color:#9DC840;
}

h6 {
color:#9DC840;
}

a:link,a:visited {
color:#9DC840;
}

td.contentheading {
/* Used as the Title of the content, article, etc. being displayed,

it is also used for Section's heading*/
color:#9DC840;
}

.sectiontableheader {
background:#E3F5FB;
}

.createdate {
/* styling the date the content was created on*/
background:url(../images/date-green.gif) no-repeat 4px 0;
height: 16px;
}