/********************************************/
/*	Body				    */
/********************************************/

body {
	font-family:Arial,sans-serif;
	font-size: 14px;
	background: #FFFFFF; 
	color: #000000;
		
}

/********************************************/
/*	Container							    */
/********************************************/

#container {
	
	max-width:1200px;
    margin: 0 auto; 
				
}

/************************************************/
/*	General Font definitions used in the site 		*/
/************************************************/

h1 {font-family:"Times New Roman",Georgia,Serif; font-size: 1.6em; color: #404040;}
h2 {font-family:"Times New Roman",Georgia,Serif; font-size: 1.3em; color: #404040; font-weight:bold;}
h3 {font-family:"Times New Roman",Georgia,Serif; font-size: 1.1em; color: #404040; font-weight:bold;}
h4 {font-family:"Times New Roman",Georgia,Serif; font-size: 1em; color: #404040;}

.announceText h3 {font-family:Arial,sans-serif; font-size: 1.1em; color: #3993CE; font-weight:bold; text-indent: 20px;}
.announceText h4 {font-family:Arial,sans-serif; font-size: 1em; color: #AF0000; font-weight:bold; text-indent: 30px;}

span.deepred {
	color:#7F0000;
	font-weight:bold;
}
span.dprednb {
	color:#7F0000;
    font-size: .9em;
}

span.bold {
	color:#404040;
	font-weight:bold;
}

p {
	text-indent: 10px;
	padding-left:5px;
	padding-right: 5px;
	font-family:Arial,sans-serif; 
	font-size: .9em; 
}

common.ul {
        font-size: .9em;
 }

img {
	border: none;
}

.header3 p {
	text-indent: 20px;
}

.header4 p {
	text-indent: 60px;
}

blockquote {
	font-family:sans-serif; 
	font-size: 11px; 
	color: #000000;
}

caption {
	font-family:Arial,sans-serif; 
	font-size: 11px; 
	color: #000000;
	text-align:center;
}

/********************************************/
/*	Masthead: common masthead used on all pages */
/********************************************/

#bannerelastic {
	position: relative;
	background: #FFFFFF url(../images/ecobanM.jpg) repeat-x;
	height: 175px;
	margin-bottom: 15px;
}

#bannerelastic .h1{

	text-indent: -5000px;
}

#bannerL {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	background: url(../images/ecobanL.jpg) no-repeat;
	width: 1000px;
	height: 175px;
	margin-bottom: 15px;
}

#bannerL {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	background: url(../images/ecobanL.jpg) no-repeat;
	width: 1000px;
	height: 175px;
	margin-bottom: 15px;
}

#bannerR {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	background: url(../images/ecobanR.jpg) no-repeat;
	width: 200px;
	height: 175px;
	margin-bottom: 15px;
}


#bannerelasticsmall {
	position: relative;
	background: #FFFFFF url(../images/ecobanMs.jpg) repeat-x;
	height: 110px;
	margin-bottom: 15px;
}

#bannerelasticsmall .h1{

	text-indent: -5000px;


}


#bannerLsmall {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	background: url(../images/ecobanLs.jpg) no-repeat;
	width: 1000px;
	height: 110px;
	margin-bottom: 15px;
}

#bannerLsmall {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	background: url(../images/ecobanLs.jpg) no-repeat;
	width: 1000px;
	height: 110px;
	margin-bottom: 15px;
}

#bannerRsmall {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	background: url(../images/ecobanRs.jpg) no-repeat;
	width: 200px;
	height: 110px;
	margin-bottom: 15px;
}


/********************************************/
/*	tab navigation used to traverse sections */
/********************************************/

#tabnav {

	
	width: 100%;
	height: 36px;
	margin: 0;
	border-bottom: 2px solid #5FA004;
	margin-bottom: 5px;
	

}

#tabnav ul {
	
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	vertical-align: middle; 
	list-style: none;
	
}

#tabnav li {

	float: left;
	position: relative;
	left:20%;

}

#tabnav  a {
		
	display: block;
	width: 125px;
	height: 35px;
	font-size: 14px;
	color: #404040;
	font-weight:bold;
	line-height: 2.5em;
	float: left;
/*	background-color: #5FA004; */
    background: url(../images/ecotabbutton.jpg) repeat-x;
	
	
}


/********************************************/
/*	Set's the tab navigation "your are here" state	*/
/********************************************/


#tabnav ul a:hover,body#section #tab-one a, body#section #tab-two a, body#section #tab-three a, body#section #tab-four a, body#section #tab-five a,body#section #tab-six a {

	
	color: #ffffff; /* #FFF5C1; */
	font-weight:bold;
/*    background-color: #5FA004; */
	background: url(../images/ecotabbuttonH.jpg);
	
}



/********************************************/
/*	Content columns				   			*/
/********************************************/


#contentL {
	float:left;
	width: 15%;
	border-right: 1px #5FA004 solid;
	margin-top: 20px;
	margin-right: 2%;
	
}



#contentL ul {
	
	
	margin: 0;
	padding: 0;
	list-style-type: none;
	
}

#contentL ul a{
	display: block;
	height: 20px;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	background: url(../images/econavbttn.jpg) no-repeat	left center;
	text-indent: 25px;
	padding: 6px;
}

#contentL ul a:hover{

	background: url(../images/econavbttnH.jpg) no-repeat	left center;
	color: #5FA004;
}

#contentM{
	float:left;
	width: 40%;
	margin-right: 2%;
	background: #FFFFFF;
	margin-bottom: 20px;
}
#contentR{
	float:left;
	width: 40%;
	background: #FFFFFF;
	margin-bottom: 20px;
	
}

#reserved {

	height: 20px;
	clear: left;
	

}

#footer {

	
	margin: 15px;
	padding-top: 20px;
	clear: left;
	border-top: 2px dotted #808080;

}



#contentDouble{
	float:left;
	width: 80%;
	margin-right: 2%;
	background: #FFFFFF;
	margin-bottom: 20px;
}

/********************************************/
/*  tulip bulleted division class           */
/********************************************/
.tulip h2 {

	
	background: url(../images/tulip.jpg) no-repeat left top;
	padding-top: 25px;
	padding-bottom:25px;
	padding-left: 55px;	
}

/********************************************/
/*  topic header division class           */
/********************************************/
/*
.topic {

	border-bottom: 2px #404040 dotted;
	
}
*/
.topic h2 {
	border-top: 1px #404040 dotted;
	padding-top: 10px;
	padding-bottom:10px;
}

.topic h3 {

	
	border-top: 1px #404040 dotted;
	padding-top: 10px;
	padding-bottom:10px;
	
}

/********************************************/
/*	classes of flexible boxes			   	*/
/*		eco1flexbox leaf image				*/
/*		eco2flexbox hand&plant image		*/
/*		eco3flex mustard/olive stationary									*/
/********************************************/


.eco1flexbox {
  
  background: url(../images/ecoflexBL.jpg) no-repeat left bottom;
}

.eco1flexbox-outer {
  background: url(../images/ecoflexBR.jpg) no-repeat right bottom;
  padding-bottom: 30px;
}

.eco1flexbox-inner {
  background: url(../images/ecoflexTL.jpg) no-repeat left top;
  
}

.eco1flexbox h2 {
  background: url(../images/ecoflexTR.jpg) no-repeat right top;
  color: #404040;
  padding-top: 15px;
  padding-bottom: 20px;
  padding-left: 55px;
  padding-right: 5px;
}

.eco1flexbox ul {
	padding-left: 75px;
}

.eco1flexbox h3 {
  
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 5px;
}

.eco1flexbox p {
  
  padding-left: 35px;
  padding-right: 35px;
  padding-bottom: 5px;
}

.eco1flexbox img {

	border: none;
	margin: 5px;
	padding-left: 25px;
}

.eco2flexbox {
  
  background: url(../images/ecoflex2BL.jpg) no-repeat left bottom;
}

.eco2flexbox-outer {
  background: url(../images/ecoflex2BR.jpg) no-repeat right bottom;
  padding-bottom: 30px;
}

.eco2flexbox-inner {
  background: url(../images/ecoflex2TL.jpg) no-repeat left top;
  
}

.eco2flexbox h2 {
  background: url(../images/ecoflex2TR.jpg) no-repeat right top;
  color: #404040;
  padding-top: 15px;
  padding-bottom: 20px;
  padding-left: 55px;
  padding-right: 5px;
}

.eco2flexbox ul {
	padding-left: 75px;
	line-height: 150%
}

.eco2flexbox h3 {
	font-family:Arial,sans-serif;
	font-size: 12px; 
	color: #404040; 
	font-weight:bold; 
	text-indent: 25px;
}

.eco2flexbox p {
  
  padding-left: 35px;
  padding-right: 35px;
  padding-bottom: 5px;
}

.eco2flexbox img {

	border: none;
	margin: 10px;
	padding-left: 50px;
}

.eco3flexbox {
  
  background: url(../images/ecoflex3BL.png) no-repeat left bottom;
}

.eco3flexbox-outer {
  background: url(../images/ecoflex3BR.png) no-repeat right bottom;
  padding-bottom: 30px;
 
}

.eco3flexbox-inner {
  background: url(../images/ecoflex3TL.png) no-repeat left top;
  
}

.eco3flexbox h2 {
  background: url(../images/ecoflex3TR.png) no-repeat right top;
  color: #493A15;
  padding-top: 25px;
  padding-bottom: 20px;
  padding-left: 25px;
  padding-right: 5px;
  
}

.eco3flexbox ul {
	padding-left: 75px;
}

.eco3flexbox h3 {
  color:#493A15;
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 5px;
}

.eco3flexbox p {
  color:#493A15;
  padding-left: 35px;
  padding-right: 35px;
  padding-bottom: 5px;
}

.eco3flexbox img {

	border: none;
	margin: 5px;
	padding-left: 25px;
}

.nbyflexbox {
  
  background: url(../images/nbyflexBL.png) no-repeat left bottom;
}

.nbyflexbox-outer {
  background: url(../images/nbyflexBR.png) no-repeat right bottom;
  padding-bottom: 30px;
  
}

.nbyflexbox-inner {
  background: url(../images/nbyflexTL.png) no-repeat left top;
  
}

.nbyflexbox h2 {
  background: url(../images/nbyflexTR.png) no-repeat right top;
  font-size: 1.4em;
  color: #493A15;
  padding-top: 35px;
  padding-bottom: 37px;
  padding-left: 110px;
  padding-right: 5px;
  
}

.nbyflexbox ul {
	padding-left: 75px;
}

.nbyflexbox h3 {
  color:#493A15;
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 5px;
}

.nbyflexbox p {
  color:#493A15;
  padding-left: 35px;
  padding-right: 35px;
  padding-bottom: 5px;
}

.nbyflexbox img {

	border: none;
	margin: 5px;
	padding-left: 25px;
}

/********************************************/
/*	focus boxes  			  			    */
/********************************************/
.announce{
	width: 100%;
	background: url(../images/anncmntbck.gif) repeat left top;
	border: 1px solid #808080;
	padding: 3px;
	
}

.announce2{
	width: 100%;
	border: 1px solid #808080;
	padding: 3px;
	
}

.quickAnnounce{
	width: 95%;
	border-top: 1px dotted #808080;
	border-bottom: 1px dotted #808080;
	padding-left: 3px;
	padding-bottom: 10px;
	margin: 5px;
	background: #FFF4B2;
	
}

.quickAnnounce h3{
	
	color: #7F0000;
	size: 12px;
	background: #FFD293;
	font-weight:bold;
	text-align: center;
	text-indent: 0;
	
}

.casualAnnounce{
	width: 95%;
	border-top: 1px dotted #808080;
	border-bottom: 1px dotted #808080;
	padding-left: 3px;
	padding-bottom: 10px;
	margin: 5px;
	background: #F7EBBE;
	
}

.casualAnnounce h3{
	
	color: #726C58;
	size: 12px;
	background: #FFFAED;
	font-weight:bold;
	text-align: center;
	text-indent: 0;
	
}

.plainAnnounce{
	width: 95%;
	border-top: 1px dotted #808080;
	border-bottom: 1px dotted #808080;
	padding-left: 3px;
	padding-bottom: 10px;
	margin: 5px;
	
	
}

.plainAnnounce h3{
	
	color: #404040;
	size: 12px;
	font-weight:bold;
	text-align: center;
	text-indent: 0;
	
}

/********************************************/
/*	UCC announcement boxes 			    */
/********************************************/


#uccanncmnt {
	
	width: 340px;
	
}


#uccanncmnt .box {
	width: 340px;
	margin-top: 5px;
	background: url(../images/newanncmnt_M.jpg) repeat-y;
}

#uccanncmnt .bottom {
	padding-top: 5px;
	padding-bottom: 5px;
	background: url(../images/newanncmnt_B.jpg) no-repeat left bottom;

}

#uccanncmnt h2 {
	padding-top: 8px;
	padding-left: 5px;
	/* background: url(../images/some new image here.jpg) no-repeat left top; */
	font-size: 14px;
	color: #000000;
	text-transform: uppercase;
}

#uccanncmnt h3 {
	padding-left: 10px;
	font-size: 12px;
	color: #000000;
}

#uccanncmnt p {

	padding-left: 15px;
	padding-right: 5px;
	font-size: .9em;
	color: #000000;

}



/********************************************/
/*	Links			            */
/********************************************/

a:link {

	color: #5FA004;
	text-decoration:none;
	
}

a:visited {

	color: #5FA004;
	text-decoration:none;
	
}

a:hover {
	color: #808080;
}

a:active {
	color: #5FA004;
}

/********************************************/
/*	Images contained inline	    */
/********************************************/

p.image {
	float: right;
	font-size: 0.8em;
	text-align: center;
	color: #7d6340;
	padding: 1.25em 1.25em 0.25em 0.25em;
}

/*p.image img {
	display: block;
	border: 1px solid #336633; 
	}*/

ul.ybullet  {
    list-style-type:none;
    font-size: .9em;
    line-height:1.4;

}

li.name  {
    color:#7F0000;
    background-color:#FFF8CC; /* F0E698; */
    padding-left:5px;
    padding-bottom:10px;
    letter-spacing:2px;
    margin-left:-20px;
    
}	
li.ybullet  {
    padding-bottom:10px;

}

li.ybulletgry  {
    padding-bottom:10px;
    background-color:#E5E5E5;
      
}



/********************************************/
/*	Images and dropshadow effects					    */
/********************************************/

.dshadow {
  background: url(../images/dropshadow.gif) no-repeat bottom right;
  float:right;
  line-height:0;
  margin: 3px;
  padding-left: 2px;

}
 
.dshadow img {
  background:#fff;
  padding:4px;
  border:1px solid #a9a9a9;
  position:relative;
  left:-5px;
  top:-5px;

}

.imgleft  {
  float:left;
  line-height:0;
  margin: 3px;
  padding-left: 2px;
}

.imgright  {
  float:right;
  line-height:0;
  margin: 3px;
  padding-right: 2px;
}

/********************************************/
/*	UCC RSS Feeds					    */
/********************************************/
#uccrss  {
  width: 100%;
  background-color:#FFF8CC;
  margin-bottom : 4px;
}

#uccrss h2 {
  font-family:Arial,sans-serif;
  font-size: 1.1em;
  width:50%;  
  color: #000000;  
  padding-bottom:10px;
}