/* Add your own custom css to this file. You may wish to use css !important calls to override css from the template css files.
----------------------------------------------------------- */

p, li {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
}

#s5_header_area1 {
	background: url(../../../images/header-bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	height: 100px;
}

#s5_search_wrap input, #s5_menu_wrap {
	box-shadow: 1px 1px 20px #000;
}

#s5_top_row1_area1 {
	box-shadow: 0px 5px 5px #333 !important;
}

.highlight1 {
	color: #70b86e;
}

.title-text-lg {
	font-size: 6em;
}

.title-text-med {
	font-size: 4em;
}

.title-text-sm {
	font-size: 2em;
}

.title-text {
	color: #fff;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
}

#s5_bottom_row3_area1 {
	background-color: #F8F7F7 !important;
	background-image: url(../../../images/bottom-row-bg.jpg) !important;
	background-size: 100% auto;
	background-attachment: scroll !important;
	background-repeat: no-repeat !important;
	background-position: 50% 0px !important;
	box-shadow: 5px 1px 15px #000;
}

#s5_bottom_row3_area1 p {
	color: #000;
}

#copyright-div, #citation-div {
	width: 48%;
	float: left;
}

.rokbox-images img {
	margin: 5px;
	box-shadow: 2px 2px 6px #000;
}