/***

Custom CSS for 

***/

body{
background: url(img/body_bg_top.png) repeat-x;
}

/**************************** Header ***************************/

#tophead {
background: none;
border: none;
height: 50px;
}

#mainmenu{
background: none;
position: relative;
margin: 40px 0 0 0;
}

#header{
width: 988px;
margin: 0 auto;
height: 220px;
}

#header .navbar{
float: right;
top: 10px;
position: relative;
}

#logo {
position: absolute;
top: 0;
}

#tophead .nav-pills > li > a{
/** padding: 8px 0 8px; **/
}

#tophead .nav-pills{
margin: 8px 0 0 0;
}

#tophead .nav-pills li a{
width: 32px;
height: 32px;
padding: 0;
background: url(img/social_sprite.png) no-repeat 0px 0px;
}

#tophead .nav-pills li.facebook a{
background: url(img/social_sprite.png) no-repeat 0px -41px;
}

#tophead .nav-pills li.mail a:hover{
background: url(img/social_sprite.png) no-repeat 0px -93px;
}

#tophead .nav-pills li.facebook a:hover{
background: url(img/social_sprite.png) no-repeat 0px -147px
}

#tophead .nav-pills > li{
float: left;
margin-right: 8px;
}

.nav>li>a:hover{
background: none;
}

#mainmenu .navbar .nav > li > a{
padding: 12px 36px 15px;
background: #EFEFEF;
text-shadow: none;
color: #828282;
border-top: 3px solid #DFDFDF;
border-right: 1px solid #E9E9E9;
font-size: 14px;

-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
-o-transition: all 0.15s ease-out;
-ms-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
}

#mainmenu .navbar .nav > .current-menu-item > a, #mainmenu .navbar .nav > li > a:hover, #mainmenu .navbar .nav > .current-menu-parent > a{
background: #14A8DA;
color: #FFF;
border-top: none;
}

#mainmenu .navbar .nav>.current-menu-item>a:after{
content: none;
}

.have-an-event{
display: block;
position: absolute;
right: 0;
top: -40px;
}

.have-an-event a{
width: 246px;
height: 45px;
background: url(img/have_an_event_sprite.png) no-repeat 0px 0px;
display: block;
}

.have-an-event a:hover{
background: url(img/have_an_event_sprite.png) no-repeat 0px -48px;
}

.tp-bannershadow.tp-shadow2{ display: none; }

nav ul ul{
margin: 0;
top: 47px;
left: 0px;
background: #14A7DA;
border-top: 2px solid #DFDFDF;
}

/**************************** Body/Content ***************************/

.homepage .span8{
width: 600px;

}

#featured-slider{
display: block;
height: 440px;
margin-bottom: 20px;
background: url(img/featured_slider_bg.png) 20px 0px no-repeat;
}

#featured-slider .span4{
margin-top: 40px;
margin-left: 25px;
width: 295px;
}

#featured-slider hr{
margin: 10px 0;
border-top: 2px dashed rgba(125, 204, 118, 0.5);
}

#featured-slider ul{
margin: 0;
}

#featured-slider ul li{
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
font-family: Myriad Pro, Arial;
color: #D3EAF5;
border-bottom: 2px dashed rgba(125, 204, 118, 0.5);
padding: 8px 0 8px 25px;
background: url(img/featured_slider_list_item.png) no-repeat left center;
}

#featured-slider a.readmore{
display: inline-block;
margin-top: 25px;
background: #4CA943;
border: 2px solid #5FB557;
font-family: Myriad Pro, Arial;
font-size: 13px;
padding: 3px 17px;
box-shadow: 2px 2px 7px -2px #5E5E5E;
}

#featured-slider a:after{ content: none; }

.intro-text{
font-family: Myriad Pro;
font-weight: bold;
margin-bottom: 20px;
height: 60px;
}

.intro-text .left{ 
float: left;
width: 290px;
text-align: right;
}

.intro-text .right{ float: right; }

.intro-text span { display: block; }

hr{
border-top: 2px dashed rgba(215, 215, 215, 0.62);
clear: both;
}

.home-lower-content{
font-family: Myriad Pro, Arial;
color: #6A6A6A;
font-size: 14px;
}

.home-lower-content h2{
font-size: 30px;
font-weight: bold;
font-family: Myriad Pro, Arial;
color: #14A8DA;
letter-spacing: -1px;
margin: 0 0 10px 0;
line-height: 32px;
}

.home-lower-content .span3{
width: 275px;
}

.home-lower-content .left-text{
font-size: 28px;
font-weight: bold;
color: #14A8DA;
font-family: Myriad Pro, Arial;
line-height: 34px;
}

.home-lower-content .event-newsletter{
height: 135px;
background: url(img/events_newsletter.png) no-repeat center 15px;
}

.home-lower-content #mc_embed_signup{
top: 80px;
position: relative;
left: 15px;
}

.home-lower-content input#mce-EMAIL{
width: 150px;
padding: 0px 5px;
margin: 0;
}

.home-lower-content input#mc-embedded-subscribe{
display: inline-block;
background: #4CA943;
border: 2px solid #2B9621;
font-family: Myriad Pro, Arial;
font-size: 11px;
padding: 0px 10px;
text-transform: uppercase;
color: #FFF;
margin-left: 5px;
border-radius: 3px;
}


.home-lower-content .span8{
border-right: 2px dashed #E9E4E4;
}

#post-1594 .span4{
width: 305px;
text-align: center;
}

#post-1594 .icon{
min-height: 205px;
}

#post-1594 .span4 h3{
color: #14A8DA;
letter-spacing: -1px;
}

#post-1594 .span4 p{
font-family: Myriad Pro, Arial;
font-size: 15px;
color: #6a6a6a;
}

#post-1594 a.big-button{
background: rgb(20,165,215);
background: -moz-linear-gradient(top,  rgba(20,165,215,1) 0%, rgba(12,95,128,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(20,165,215,1)), color-stop(100%,rgba(12,95,128,1)));
background: -webkit-linear-gradient(top,  rgba(20,165,215,1) 0%,rgba(12,95,128,1) 100%);
background: -o-linear-gradient(top,  rgba(20,165,215,1) 0%,rgba(12,95,128,1) 100%);
background: -ms-linear-gradient(top,  rgba(20,165,215,1) 0%,rgba(12,95,128,1) 100%);
background: linear-gradient(to bottom,  rgba(20,165,215,1) 0%,rgba(12,95,128,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#14a5d7', endColorstr='#0c5f80',GradientType=0 );

padding: 25px 30px;
margin: 30px 0 20px;
display: inline-block;
color: #15455C;
font-family: Myriad Pro, Arial;
font-size: 24px;
font-weight: bold;
border-radius: 5px;
border-top: 2px solid #80D9F8;
text-transform: uppercase;

-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
-o-transition: all 0.15s ease-out;
-ms-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
}

#post-1594 a.big-button:hover{
text-decoration: none;
color: #42C2FF;

background: rgb(20,165,215);
background: -moz-linear-gradient(top,  rgba(20,165,215,1) 0%, rgba(5,102,147,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(20,165,215,1)), color-stop(100%,rgba(5,102,147,1)));
background: -webkit-linear-gradient(top,  rgba(20,165,215,1) 0%,rgba(5,102,147,1) 100%);
background: -o-linear-gradient(top,  rgba(20,165,215,1) 0%,rgba(5,102,147,1) 100%);
background: -ms-linear-gradient(top,  rgba(20,165,215,1) 0%,rgba(5,102,147,1) 100%);
background: linear-gradient(to bottom,  rgba(20,165,215,1) 0%,rgba(5,102,147,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#14a5d7', endColorstr='#056693',GradientType=0 );

}

#post-1594 a.big-button:active{
position: relative;
top: 2px;
}

#post-1594 .bottom-learn-more{
text-align: center;
height: 460px;
background: url(img/bottom_learn_more_bg.png) no-repeat top center;
}

#post-1594 .bottom-learn-more a.big-button{
margin-top: 365px;
padding: 15px 30px;
}

body.page-id-1594 .navbar {
display: none;
}

/**************************** Body/Sidebar ***************************/
















/**************************** Footer ***************************/

footer.site-footer{
background: url(img/body_bg_bottom.png) repeat-x center top;
padding: 15px 0 5px;
font-size: 15px;
}

.developed-by  img{
vertical-align: -4px;
}



/**** For Mobile Responsive *****/
@media screen and (max-width: 480px)
{
	#header {
		max-width: 100%;
		}

	.homepage .span8 {
		max-width: 100%;
		}
	
	.have-an-event { position: relative; }
	.have-an-event a { margin: 0 auto; }
	
	#logo{
		display: block;
		margin: 20px 0 10px 0;
		left: 25px;
		text-align: center;
		}
		#logo img{ width: 250px; }
		
	#tophead .nav-pills > li {
		display: inline-block;
		float: none;
		}
	
	#tophead .topn{
		float: none;
		text-align: center;
		}
		
	#header .navbar{
		float: none;
		top: 85px;	
	}
		
	#featured-slider{
	margin-top: 0px;

	}	
		
	footer.site-footer{
		background: #14a7da;
		padding: 15px 0 15px;
	}
	
	#tophead .container { margin-top: 0; }
	
	.container{ margin-top: 30px; }
	
	.entry-content{
		padding: 0 10px;
	}
	
	nav ul ul{
		top: 0;
		left: 10px;
		width: 100%;
	}
	
	.navbar .nav.pull-right { z-index: 9999999999999; }
	
	#featured-slider .span4{ 
	width: 100%;
	margin: 0 auto;
	padding: 0 10px;
	background: #14a7da;
	}
	
		#featured-slider .span4 span { display: inline-block; }
	
	#featured-slider a.readmore { display: block; text-align: center; }
	
	.intro-text{
	margin-top: 100px;
	}
	
	.intro-text .left { float: none; width: 100%; }	
	.intro-text span { text-align: center; }	
	
	.intro-text .right > span { 
		width: 100% !important;
		text-align: center;
		margin: 10px 0;
	}
	
	.home-lower-content .span3{ width: 100% !important; padding: 0 10px;text-align: center; } 
	
	.home-lower-content .span4 { text-align: center; margin-top: 40px; }
	
	footer .container { margin-top: 0px; }
	
	
	hr.hide-on-mobile{ border: none; }
	
	
	
}