div.siteNav div.mainLink { background-color:#7d9c5b; }
div.siteNav div.mainLink a:hover { background-color:#b1dc80; }

div.siteNav div.mainLink .submenu { position:absolute; background-color:#adcb8b; display:none; width:100%; overflow:hidden; }
div.siteNav div.mainLink .submenu a { padding:15px; color:#fff; text-decoration:none; display:block;  }
div.siteNav div.mainLink .submenu a:hover { padding:15px; color:#fff; background-color:#FF7373; }

div.siteNav div.home { width:50px; background-image:url(http://www.siue.edu/_files/images/icn-home.png); background-repeat:no-repeat; background-position: center; }
div.siteNav div.home a:hover { background-image:url(http://www.siue.edu/_files/images/icn-home.png); background-repeat:no-repeat; background-position: center; }
div.siteNav div.dark { background-color:#80b154; }
div.siteNav div.highlight { background-color:#11CC66; }
div.siteNav div.highlight a:hover { background-color:#11CC66; }

.hdrBg { height:142px; background-image:url(http://www.siue.edu/_dev/gardens/img/hdr-background.png); background-repeat:no-repeat; background-position:center; width:100%; position:absolute; z-index:-3; min-width:1000px; left:0;  background-color:#5a8a3e; }

.hdrImageWrap .breadcrumb a:last-child { background-color:#80b154; background-image:url(../images/bg-breadcrumb-arrow-last.png); background-repeat:no-repeat; background-position:right; padding-right:20px; }

.hdrImageWrap .breadcrumb a { color:#fff; text-decoration:none; padding:7px; background-color:#80b154; background-image:url(http://www.siue.edu/gardens/img/bg-breadcrumb-arrow.png); background-repeat:no-repeat; background-position:right; padding-right:20px; cursor:pointer; }



@charset "UTF-8";
a {
    text-decoration: none !important;
}
.group:after {
    content: "";
	display: table;
	clear: both;
}
.hdrImageWrap .hdrImage {
	height: 455px;
	position: relative;
    margin-top: 24px;
}
.hdrImageWrap .textMainTitle {
    margin-top: 24px;
    margin-bottom: 22px;
    font-family:Arial, Helvetica, sans-serif;
}
#slides {
  display:none;
}
#slides .slidesjs-previous {
  margin-right: 5px;
  float:left;
  display: none;
}
#slides .slidesjs-next {
  margin-right: 5px;
  float:left;
}
.slidesjs-pagination {
  position:absolute;
  bottom:30px;
  z-index:10;
  left:50%;
  margin-left:-75px;
  list-style: none;
}
.slidesjs-pagination li {
    float: left;
    margin: 0 5px;
}
.slidesjs-pagination li a {
    display: block;
    width: 20px;
    height: 23px;
  	text-indent:-9999px;
    background-image: url(http://siue.edu/_global/img/pagination.png);
    background-position: 0 0;
    float: left;
    overflow: hidden;
}
.slidesjs-pagination li a.active, .slidesjs-pagination li a:hover.active { background-position: -20px 0 }
.slidesjs-pagination li a:hover { background-position: -40px 0 }

.intro {
	padding-bottom: 25px;
}
.intro-left {
	width: 320px;
	padding-top: 10px;
	float: left;
}
.intro-right {
	width: 640px;
	float: right;
}
.intro-right p {
	font-size: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
}
.action-area {
	clear: both;
	padding-bottom: 15px;
	
}
.newsletter {
	background: rgb(246, 166, 66) url("http://www.siue.edu/_dev/gardens/img/newsletter.png") no-repeat bottom right 15px;
	width: 320px;
	float: left;
	padding: 17px 22px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 240px;
}
.newsletter h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.3em;
	color: #FFF !important;
	padding-bottom: 10px;
}
form #email {
	width: 100%;
	height: 36px;
	background: rgb(249,193,123);
	border: 0;
	padding: 0 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 1.5em;
	color: #FFF;
	border: 0; 
	outline: none;
	font-family: Arial, Helvetica, sans-serif;
}
form p { position:relative; padding: 0; margin: 0; }
form p br { display: none; }
label  { position:absolute; top:0; left:0; color: rgba(255,255,255,0.8); font-size: 1.5em; padding: 8px 10px; font-style: italic; font-family: Arial, Helvetica, sans-serif; cursor: text; }
form button {
	padding: 0;
	margin: 0;
}
form #signup {
	width: 120px;
	background: rgb(255,191,106) url("http://www.siue.edu/_dev/gardens/img/arrow.png") no-repeat top 8px right 11px;
	border: 0;
	margin: 10px 0 0;
	height: 40px;
	color: #FFF;
	text-align: left;
	font-size: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	cursor: pointer;
	font-weight: bold;
	line-height: 40px;
	padding-left: 10px;
	-webkit-transition: background-color 0.2s ease;
	-moz-transition: background-color 0.2s ease;
	-o-transition: background-color 0.2s ease;
	transition: background-color 0.2s ease;
}
#submit-arrow {
	padding-left: 5px;
}
form #signup:hover {
	background-color: rgb(255,204,136);
}
.donate {
	background: rgb(128,175,84) url("http://www.siue.edu/_dev/gardens/img/donate.png") no-repeat bottom 10px right 35px;
	width: 320px;
	float: left;
	margin-left: 10px;
	padding: 17px 22px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 240px;
}
.donate h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.3em;
	color: #FFF !important;
	padding-bottom: 10px;
}
.donate p {
	font-size: 1.5em;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0;
	padding-bottom: 10px;
}
.facebook {
	width: 320px;
	float: right;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.fb-header h2 {
	color: #FFF !important;
	font-size: 1.6em;
	line-height: 40px;
	height: 40px;
	padding-left: 15px;
	background: rgb(59,89,144) url("http://www.siue.edu/_dev/gardens/img/fb.jpg") no-repeat top right;
}

.action-area-sidebar {
	margin-bottom: 30px;
}
.action-area-sidebar .newsletter {
	width: 100%;
	float: none;
	margin-bottom: 15px;
}
.action-area-sidebar .donate {
	width: 100%;
	float: none;
	margin-left: 0;
	margin-bottom: 15px;
}
.action-area-sidebar .facebook {
	width: 100%;
	float: none;
	margin-bottom: 15px;
}

.gardens-footer {
	background: url("http://www.siue.edu/_dev/gardens/img/footer.png") no-repeat top 14px left 33%, url("http://www.siue.edu/_dev/gardens/img/footer.png") no-repeat top 14px right 33%;
	background-color: rgb(128,175,84);
	margin-bottom: 50px;
	clear: both;
}
.footer-third {
	width: 33.333333%;
	float: left;
	text-align: center;
}
.footer-third {
	padding: 10px 0;
	color: #FFF !important;
	font-size: 2em;
}