/* Start of CMSMS style sheet 'style' */
@charset "utf-8";
/* Style CSS Document */

body{
  	background: #FFF url(uploads/images/header-background.jpg) top center repeat-x;
}

/* HEADER */
.header-nav ul li a{
	text-decoration: none;
	font-family: Arial;
	font-size: 1.4em;
	color: #5c504a;
}
.header-nav ul li.selected a{
	color: #ffa427;
	text-decoration: underline;
}
.header-nav ul li a:hover,
.header-nav ul li a:focus,
.header-nav ul li a:active{
	color: #ffa427;
	text-decoration: underline;
}
.logo{
	text-indent: -99999px;
	width: 242px;
	height: 95px;
	display: block;
	margin: 45px 0 0 -14px;
	float: left;
}
.header-text h1{
	font-family: SketchBlockBold;
	font-size: 4.4em;
	color: #03a1a9;
	text-transform:uppercase;
	letter-spacing: 2px;
}
.header-text h1 span{
	font-size: .837em;
}
.header-text p{
	font-family: Arial;
	font-size: 1.7em;
	color: #959595;
}
.header-text p a{
	color: #056839;
}
.header-text p a:hover,
.header-text p a:active,
.header-text p a:focus{
	color: #ffa427;
	text-decoration: none;
}

/* TWO COLUMN */
.twoCols{
	margin-bottom: 30px;
}
.pageTitle{
	font-size: 3.5em;
	font-family: SketchBlockBold;
	color: #e3952b;
	margin: 0 0 5px 0;
	text-transform: uppercase;
}
.backBtn{
	font-family: Arial;
	font-size: 1.6em;
	color: #e8b457;
	text-decoration: none;
	float: right;
	display: block;
	margin: 40px 11px 5px 0;
}
.backBtn:hover,
.backBtn:active,
.backBtn:focus{
	color: #056839;
	text-decoration: underline;
}

/* EVENT */
.event, .news, .gen, .contact, .search{
        position: relative;
	display: block;
	border: #c2c2c2 1px solid;
	padding: 15px;
	background: #FFF url(uploads/images/event-background.gif) left top repeat-y;
	margin-bottom: 35px;
}
.contact{
	background: none;
	border: none;
	padding: 20px 0 20px 0;
}
.title{
        margin-bottom: 10px;
        font-size: 2.8em;
	font-family: Arial Narrow;
	font-weight: lighter;
        text-transform: lowercase;
	color: #056839;
}
.title a{
	color: #056839;
        text-decoration: none;
}
.title a:hover,
.title a:focus,
.title a:active{
        text-decoration: underline;
        color: #E8B457;
}
.subTitle{
	font-family: Arial;
	font-weight: bolder;
	font-size: 1.6em;
	color: #95bd4a;
	letter-spacing: 1px;
	margin-bottom: 10px;
}
.news .subTitle{
	margin-bottom: 0px;
}
.newsDate{
	font-family: Arial;
	font-size: 1.3em;
	color: #959595;
        font-weight: lighter
}
.event .left p, .news .left p, .gen .left p, .contact .left p, .event .left ul{
	font-family: Arial;
	font-size: 1.3em;
	color: #988f84;
	margin: 15px 0 15px 0;
	text-align: justify;
}
.gen .left p, .contact .left p{
	margin: 5px 10px 5px 10px;
	text-align: justify;
}
.event .left p a, .news .left p a, .gen .left p a, .contact .left p a{
	color: #e8b457;
	font-size: .8em;
	text-decoration: none;
	font-weight: bolder;
	text-transform:uppercase;
}
.event .left p a:hover,
.event .left p a:active,
.event .left p a:focus,
.news .left p a:hover,
.news .left p a:active,
.news .left p a:focus,
.gen .left p a:hover,
.gen .left p a:active,
.gen .left p a:focus,
.contact .left p a:hover,
.contact .left p a:active,
.contact .left p a:focus{
	color: #056839;
}
.event .left p b, .news .left p b, .gen .left p b, .contact .left p b{
	text-transform:uppercase;
}
.event .left p .whenToText{
        font-weight: bold;
        font-size: 1.1em;
}
.event .left p .eventDetails, .news .left p .newsDetails, .gen .left p .genDetails, .contact .left p .contactDetails{
	display: block;
	margin-bottom: 5px;
}
.event .left p .eventDetails a, .news .left p .newsDetails a, .gen .left p .genDetails a, .contact .left p .contactDetails a{
	font-size: 1em;
	color: #056839;
	text-transform:none;
}
.event .left p .eventDetails a:hover,
.event .left p .eventDetails a:active,
.event .left p .eventDetails a:focus,
.news .left p .newsDetails a:hover,
.news .left p .newsDetails a:active,
.news .left p .newsDetails a:focus,
.gen .left p .genDetails a:hover,
.gen .left p .genDetails a:active,
.gen .left p .genDetails a:focus,
.contact .left p .contactDetails a:hover,
.contact .left p .ContactDetails a:active,
.contact .left p .contactDetails a:focus{
	color: #e8b457;
	text-decoration: underline;
}
.event .right img, .news .right img, .gen .right img, .contact .right img{
	width: 209px;
	padding: 5px;
	height: 237px;
}
.event .right .curvy, .news .right .curvy, .gen .right .curvy, .contact .right .curvy{
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-opera-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;	
	border: #c2c2c2 1px solid;
	width: 219px;
	display: block;
}
.contact .left{
        font-family: Arial;
        font-size: 1.4em;
        color: #FF0000;
        margin: 5px 0 0 0;
}
.contact .left .success{
       color: #988F84;
}
/* CONTACT US FORM */
.contact label{
	display: block;
	font-family: Arial;
	font-size: 1.2em;
	color: #959595;
	margin: 15px 0 10px 0;
}
.contact .curvy{
	border: #aad161 3px solid;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-opera-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	width: 617px;
	padding: 1px 10px 1px 10px
}
.contact input, .contact textarea{
	font-family: Arial;
	font-size: 1.2em;
	color: #959595;
	width: 599px;
	height: 25px;
	padding-top: 4px;
	border:0;
}
.contact textarea{
	height: 210px;
	width: 599px !important;
	padding-top: 10px;
	overflow:hidden;
}
.contact .submit .cms_submit{
	width: 86px;
	height: 30px;
	display: block;
	float: right;
	background: transparent url(uploads/images/buttons/send-email-btn.png) 0 0 no-repeat;
	margin-top: 10px;
	margin-right: 0px;
	padding: 0;
        cursor: pointer;
}
.contact .submit .cms_submit:hover,
.contact .submit .cms_submit:active,
.contact .submit .cms_submit:focus{
	background-position: -86px 0;
}

/* BACK TO TOP BUTTON*/
.bottom-nav .left a{
	width: 150px;
	height: 41px;
	display: block;
	background: #FFF url(uploads/images/buttons/back-to-top-btn.png) 0 0 no-repeat;
	text-indent: -99999px;
}
.bottom-nav .left a:hover,
.bottom-nav .left a:active,
.bottom-nav .left a:focus{
	background-position: -150px 0;
}

/*SCROLL PANE STYLING */
.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 8px;
	height: 100%;
	background-color: none;
}


.jspVerticalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	position:absolute;
	top: 0;
	right: 0;
	width:8px;
	height:5px;
	background-color:#CCCCCC;
}


.jspTrack
{
	background: none;
	position: relative;
}

.jspDrag
{
	background: #e2e2e2;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspArrow
{
	background: #CCCCCC;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #e2e2e2;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #CCCCCC;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}

/* INPUT JS STYLING */
.input {

}
.input span {
  position: absolute;
  margin: 7px 0 0 10px;
  color: #666;  
  z-index: 1;
}
.module .input span{
	font-size: 1.2em;
	margin-left: 0px;
        z-index: 1;
}
.input input, .input textarea, .input select {
  margin: 0;
  padding: 6px;
  font: inherit;
}
/* Hack to remove Safari's extra padding. Remove if you don't care about pixel-perfection. 
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .input input, .input textarea, .input select { padding: 4px; }
}*/

/* SEARCH RESULTS PAGE */
.search #time, .search .searchWeight{
        font-family: Georgia;
        font-size: 1.1em;
        color: #898989;
        margin-bottom: 30px;
}
.search .searchWeight{
        font-size: .8em;
}
.search li {
        font-family: Arial;
        font-size: 1.4em;
        color: #898989;
        margin-bottom: 5px;
}
.search li.searchTitle {
        font-weight: bold;
        margin-top: 10px;
        margin-bottom: 7px;
}
.search li a{
        font-family: Arial;
        color: #056839;
}
.search li a:hover,
.search li a:focus,
.search li a:active{
        color: #E3952B;
        text-decoration: none;
}
.search #noResult{
       color: #898989;
       font-size: 1.4em;
       margin-top: 30px;
}
/* FOOTER */
.footer {
	background: #a1c347 url(uploads/images/footer-background.jpg) top center no-repeat;
	padding-bottom: 50px;
}
.footer .footerLogo{
	text-indent: -99999px;
	width: 218px;
	height: 78px;
	display: block;
	margin: 45px 0 0  20px;
	float: left;
}
.footer-nav ul{
        overflow: hidden;
}
.footer-nav .pnpLink{
        *margin-left: 10px;
}
.footer-nav .pnpLink a{
	font-family: Arial;
	font-size: 1.4em;
	color: #FFF;
	padding-left: 10px;
	text-decoration: none;
}
.footer-nav .pnpLink a:hover,
.footer-nav .pnpLink a:active,
.footer-nav .pnpLink a:focus{
	color: #056839;
	text-decoration: underline;
}
/* End of 'style' */

