/* PALETTE  green-yellow */

html {
	background: #9ac598 url(images/bg.jpg) repeat-x; 
	color: #333333;
	}

#wrapper_top {background: url(images/wrapper_top.png) no-repeat;} /* pending support for border-image property  */

#wrapper {background: url(images/wrapper_bg.png) repeat-y;} /* pending support for border-image property  */

#wrapper_bottom {background: url(images/wrapper_bottom.png) no-repeat;} /* pending support for border-image property  */

#header {
	background-image: url(images/header.jpg);
	background-repeat: no-repeat; 
	border-style: none;  
	}

*:focus, a:focus {outline: rgb(96,130,59) solid 2px;}  
div:focus, body:focus {outline: none;}

h1 {
	background: url(images/h1_bg.jpg); /* this should be background-image but the shorthand is used to allow context_bar to override the background-image */
	color: #333333;
	} 

/* except for the background attribute, all the rules for h2 and h3 belong in core.css--they are not theme/color specific -- vhavens 130311 */
h2 {
	background-color: #60823b; 
	color: #ffffff;
	}

	h3 {
	background-color: #9ac598; 
	color: #000000;
	}

.section, fieldset {
	background: url(images/col_bg.jpg) repeat-x;  /* provides shading image behind each section  */
	border: 1px solid #eeeeee;
	border-top: 0; /* suppress the top border to match menu height at H1 */
	}
#footer {
	border-top: 1px solid #9ac598; 
	color: #9ac598;
	}

input[type=button], input[type=submit] {background: #e1e1e1 url(images/btn_bg.jpg) repeat-x;}
input[type=button]:hover, input[type=submit]:hover {background: #e1e1e1 url(images/btn_bg_hover.jpg) repeat-x;}

/* ELEMENTS         -- non-color rules moved to core.css  */

a {color: #016427;}

#top_bar a, #top_bar a:link {
    color: #ffffff; 
    }

#top_bar a:focus {outline: #ffffff solid 2px;}
    
#top_bar li {
    border-right: 1px white solid; 
    color: #ffffff; 
    }

p.client {color: #016427;}

td, th {border: 1px solid #016427;} /* any padding is in site.css or core.css  */

th {
	background-color: #9ac598; 
	color: #000000;
	}

th a {color: #ffffff;}

th.rowHeading { /* style row headers unlike column headers */
	background-color: #ffffff; 
	color: #333333;  /* match html text color */
	font-weight: normal;
	}

table .action_column {background-color:#f2fdef;}

.ftable {background-color: #9ac598;} /* this sets the background color and thereby the color of the ftable pseudo-borders between ‘cells’ */

/* ADDITIONS */

#context_bar {
	background: #016427; /* this should be background-color but the shorthand is used to override the background-image set on the h1 */
	}

/* Calendar banding */
.ui-datepicker-band { background-color: #60823b; }
.ui-datepicker-band-alt { background-color: #cda60b; }
.ui-datepicker-band a, .ui-datepicker-band-alt a { 
	opacity: .8; 
	filter:Alpha(Opacity=80); 
	font-weight: normal;
	}

/* remove padding-based 'shadow box' around jQuery qtip tooltip - vh 130930 */
/* necessary here because this file loads after the jquery-ui-###.css file */
.ui-tooltip {padding: 0 !important;}

/* NAV GROUP */

/* rewritten and added rules for 508-compliant menu (not ARIA however)       - vh    150319*/
.menugroup ul {     /*  belongs in core - vh 150713 */
  margin: 0;
  padding: 0; 
}
.menugroup li.sectionhead {     /*  parts belong in core - vh 150713 */
    font-family: 'Droid Sans', Arial, Helvetica, sans-serif; 
    font-size: 1em; 
    font-weight: 400;
    line-height: 1.375em;
    padding: 0.2em 0 0.2em 0.625em; 
	 background-image: url(images/h1_bg.jpg);
	background-color: #cca20c;  /* set to value of bottom portion of background image - vh 150330 */
	color: #333; 
    }
    
.menugroup li {     /*  belongs in core - vh 150713 */
    font-weight: 700; 
    line-height: 1.75em;
    margin: 0; 
    }

.menugroup li{
	background-image: url(images/nav_off.jpg); 
	}

.menugroup li:hover, .menugroup li:active {
	background-image: url(images/nav_on.jpg); 
	}

.menugroup a:hover {color: #016427;}  


.menugroup a {
  color: #006426;
  transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
}

.menugroup a img {
    float: right;
    padding-right: 0.4em;
}