a,a:link,a:visited,a:hover {background-color: transparent; color: #009933;}

div#titles {
    color: #FFFFFF; 
	background-color: #000000;
	/*background-image:url('images/titlebg.jpg');*/
	background-repeat:repeat-x; 
	overflow: hidden;
    -ms-background-size:contain;
    background-size:contain;
}

div#titles img {
    width: 100%;
    max-width: 960px;
    -moz-min-width: 400px;
    -ms-min-width: 400px;
    -o-min-width: 400px;
    -webkit-min-width: 400px;
    min-width: 400px;
    border: none;
}

/****************************** Homepage Section *********************************/
#HPContent {background-color: #EDF0F5; color: #000000;}
#HPmarginLeft {background-color:#EDF0F5; color: #000000;}
#HPmarginRight {background-color: #FFFFFF; color: #000000;}

#HPmarginLeft a,#HPmarginLeft a:link,#HPmarginLeft a:visited,#HPmarginLeft a:hover {background-color: transparent; color: #009933;}


#HPmarginRight {text-align: center; padding: 1.5em 0}
#HPmarginRight img {max-width: 100%; padding: 0.5em 0;}

/* Custom styling */
.nivo-controlNav {margin-top: -20px;}

@media screen and (min-width: 992px) {

    #HPContent div.maincontent {
        max-width: 800px;
        margin: 0 auto;
        padding: 1.5em 0.5em;
    }

    #HPmarginLeft div.leftcontent {
        margin: 0 auto;
        padding: 6em 1em 3em 1em;
    }

}

h1, h2, h3, h4, h5, h6 {color: #004400}

/* Example: uncomment the following to give an illusion of gaps
   between content panels until browser window becomes too small */
/*
@media screen and (min-width: 992px) {
	#HPmarginLeft {border-right: #FFFFFF 20px solid; }
	#HPmarginRight {border-left: #FFFFFF 20px solid; }
}
*/