@import url(http://fonts.googleapis.com/css?family=Merienda:400,700|Open+Sans:400,400italic,700);

* { text-decoration:none; border:none; outline:none; }
a, input[type="submit"], input:hover, textarea:hover, img, article .main-directory a:hover .listbox { transition-property:all; transition-duration:0.12s; transition-timing-function:linear, ease-in; }
html { overflow-x:hidden; margin:0; padding:0; width:100%; min-height:100%; }
body, #container { margin:0; padding:0; width:100%; height:100%; min-height:100%; }
/*
html, body, #container { margin:0; padding:0; width:100%; height:100%; min-height:100%; }
*/

body { background:url(../images/template/bg.jpg) repeat center; }

#container { position:relative; margin:auto; min-width:320px; max-width:1920px; overflow-x:hidden; }

.centre { position:relative; width:100%; max-width:1260px; margin:auto;  }
.clear { clear:both; }
.text-center { text-align:center; }
.image-resize { width:100%; height:auto; display:block; margin:auto; }
.pad { padding:0 30px; }
hr { background:url(../images/template/hr-bg.png) repeat-x; height:2px;  }
.text-left { text-align:left !important; }
.text-center { text-align:center !important;}
.icon-slide-container {float: left; height: 43px; overflow: hidden; position: absolute; text-align: left; width: 164px; }
.slide-icon { height: auto; margin-top: -43px; position: absolute; transition: all 0.4s ease 0s; width: 164px; }
.slide-icon:hover { margin-top: 0; position: absolute; }
#account-login.login-0 { display:none; }
#account-login.login-1 {}
.fb_iframe_widget { background:#fff;}


/* Header */

header { z-index:2; background:#fff; position:relative; height:65px; width:100%; }
header#header {  z-index:2; background:#fff; position:relative; height:65px; width:100%; }
header p { text-align:center; margin:0; }
header .logo { position:relative; top:5px; height:114px; width:362px; margin:0 auto; }
header hr { position:absolute; bottom:0;}
header #account { right:0; float:right; margin:-90px 0 0 0; text-align:right; }
header #account a { color:#333; padding:0 5px; font:14px/23px 'Open Sans', sans-serif; }
header #account a:hover { background:#fd9a41; color:#fff; }

/* Slideshow */

#slideshow { width:100%; min-height:400px; margin:0; /*overflow:hidden;*/ position:relative;  }
#slideshow .centre .slider { overflow:hidden; }
#slideshow .centre { background:#fff; z-index:1; }
#slideshow .item { position:relative; min-height:400px; min-width:550px;  }
#slideshow .item img { width:100%; height:auto; min-width:550px; min-height:400px; display:block; }
#slideshow .left, #slideshow .right { position:absolute; top:0; width:18%; height:400px; max-height:400px; }
#slideshow .left { background:url(/images/template/slideshow-left.png) no-repeat center right; background-size:cover; left:-205px; }
#slideshow .right { background:url(/images/template/slideshow-right.png) no-repeat center left; background-size:cover; right:-205px; }
a.nav { position:absolute; top:50%; width:83px; height:83px; margin-top:-41px; cursor:pointer; z-index:100; }
a.nav.prev { background:url(../images/template/slide-nav-prev.png) bottom left; left:25px; }
a.nav.next { background:url(../images/template/slide-nav-next.png) top left; right:25px; }
a.nav.prev:hover, a.nav.next:hover { opacity:0.5; }

/* Navigation */
#nav-bg { width:100%; background:#fff; margin:0; padding:0; }
nav { width:77%; width:85%\9;/* IE8 and below */ height:55px; z-index:200; right:0; position:relative; margin:0 11%; }
nav ul { width:100%; margin:0; padding:0; list-style:none; display:table; }
nav ul li { margin:0; padding:0; display:table-cell; }
nav a { padding:0 10px; height:50px; font:bold 16px/50px 'Open Sans', sans-serif; color:#666; text-align:center; display:block; }
nav a:hover { color:#fd9a41; }
nav li.active a.main { height:48px !important; color:#6DB0BA; }

nav ul li ul { width:auto; margin-left:1px; position:absolute; display:none; z-index:200; }
nav ul li ul li { display:inline; z-index:100; }
nav ul li ul li a { height:35px; padding:0 30px; font:bold 16px/35px 'Open Sans', sans-serif; text-align:left; background:#fff; border:none; }
nav ul li ul li a:hover, nav ul li ul li.active a { height:35px !important; background:#fd9a41; border-bottom:none !important; color:#fff; }

nav ul li ul li:first-child a:hover, nav ul li.active ul li:first-child a { height:33px !important; }
nav ul li ul li:first-child a { height:33px; line-height:33px; border-radius:0; border-top:2px solid #f4f5f5; }
nav ul li ul li:last-child a { border-radius:0; box-shadow:0 2px 0 rgba(0, 0, 0, 0.15); }
nav li:last-child ul { right:0; }

.clearfix:before, .clearfix:after { content:" "; display:table; }
.clearfix:after { clear:both; }
.clearfix { *zoom:1; }
nav a#pull { display:none; color:#FFF !important; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.2) !important; }



/* Content */

#content { position:relative; width:100%; min-height:500px; z-index:1; font:14px/25px 'Open Sans', sans-serif; }
section { padding:20px 0 0 0; min-height:300px; width:75%; float:left; }
article { font:14px/23px 'Open Sans', sans-serif; color:#333; margin-right:50px; margin-top:20px; }
article h1 { font:35px/40px 'Merienda', cursive; letter-spacing:-0.4px; color:#333; margin:10px 0 25px; padding:0; text-align:left; }
article h2 { font:25px/40px 'Merienda', cursive; color:#333; margin:10px 0; padding:0; }
article h3 { font:16px/24px 'Merienda', cursive; color:#333; margin:0 0 10px 0; padding:0; }
article p { margin:0 0 25px 0; padding:0; }
article p.intro { font:400 18px/28px 'Open Sans', sans-serif; padding:0; }
article p a, article a { color:#f9884a; }
article a:hover, article a:hover { color:#333; }
article ul { margin:0 0 25px 50px; padding:0; }       
/*article .pad { padding:0 30px; margin-left:-30px; margin-right:-30px; }*/
article .col-2{ width:50%; float:left; display:block; }
article .col-2 p { padding:0 30px; }
article .impact-box { background:#fd9a41; color:#fff; padding:20px 50px; text-align:center; font-size: 16px; }

/*Home Page Orange Box */

.orange-box { background:#fd9a41; color:#fff; padding:10px; }
.orange-box.right { margin-right:30px; }
.orange-box h2 { color:#fff; text-shadow:1px 1px 0 #AFAEAE; text-align:center; margin-top:0; }
.orange-box hr { height:1px; }
.orange-box a { color:#fff;  }
.orange-box a:hover { color:#333; }
.orange-box p { padding:0 !important; margin-bottom:10px; }
.orange-box .image { float:left; margin:5px 15px 0 0;  }
.orange-box .image:hover { opacity:0.8; }
.facebook-feed { margin-bottom:20px; }
.facebook-feed.medium { display:none; }

.facebook-feed-display-medium { margin:0 auto; width:270px; display:none; }
.facebook-feed-display-full-width { margin:0 auto; width:375px; }

/* List display 3 col */

article .listbox{ width:30%; /*margin-right:2.33%;*/margin:0 1.5% 20px; float:left; display:block; background:#fff; box-shadow: 2px 2px 0px rgba(213, 213, 213, 1); border-bottom:5px solid #fd9a41; height:440px; }
/*article .listbox:nth-of-type(4) { margin-right:0; }*/ 
article .listbox hr { margin:10px; }
article .listbox p { padding:0 10px; margin-bottom:0; }
article .listbox h3 { text-align:center; padding:5px 10px 0; }
article .listbox h3 a { color:#333; }
article .listbox h3 a:hover { color:#fd9a41; }
article .listbox p.image { margin-top:10px; margin-bottom:0; min-height:100px; }
article .listbox p.image img { display:block; width:100%; height:auto; } 
article .listbox p.image img:hover { opacity:0.7; } 
article .listbox p.date, article .col-right.detail p.date { font-size: 12px; color:#999; text-align:center; font-style:italic; margin-bottom:5px; }

/* List display 2 col for Directory only */
/* FOR 2 COL ONLY - article .listbox.directory { width:47%; margin-right:3%;}*/
article .listbox.directory { width:30%; margin:0 1.5% 20px; height:490px; }
article .listbox.directory dl, article .col-right.detail dl{ margin:0; padding:0; }
article .col-2.detail dl { margin:0 30px; }
article .listbox.directory dt, article .col-right.detail dt{ width:150px; float:left; margin:1px 0; padding:0; clear:left; font-weight:bold; }
article .listbox.directory dt { width:0; visibility:hidden; }
article .listbox.directory #directory-email, article .listbox.directory #directory-website { font-size:12px; }
article .listbox.directory dd, article .col-right.detail dd{ float:left; margin:1px 0 1px 10px; padding:0; }
.col-right.detail p.button { text-align:left; margin:0 0 0 -15px; }

article .main-directory .listbox { text-align:center; height:80px; background:#FED560; }
article .main-directory .listbox h2 { margin:20px; font:16px/20px 'Merienda', cursive; }
article .main-directory a:hover .listbox { background:#fd9a41; }
article .main-directory a:hover .listbox h2 { color:#fff; }

/* Detail page display */
article .col-left.detail { width:38%; float:left; }
article .col-left.detail .box {background:#fff; box-shadow: 2px 2px 0px rgba(213, 213, 213, 1); border-bottom:5px solid #fd9a41; }
article .col-left.detail p.image { margin-top:10px; margin-bottom:0; padding:10px; min-height:150px; color:#fff;  }
article .col-left.detail p.image img { display:block; width:100%; height:auto; min-width:150px; min-height:100px; }
article .col-left.detail .gallery { margin: 10px auto 18px; width:85%; }
article .col-right.detail { width:56%; float:right; margin:0 3%;  }
article .col-right.detail p.date { text-align:left; }
article .col-right.detail h1 { padding:0; font-size:25px; }
article .col-right.detail hr { margin:10px 0; }
/*
#facebooktag { background:url(../images/template/facebook.png) no-repeat; width:47px; height:47px; float:left; }
#facebooktag a { visibility:hidden; }
#twittertag { background:url(../images/template/twitter.png); }*/
#directory-facebook, #directory-twitter, #directory-linkedin, #directory-googleplus, #directory-pinterest, #directory-youtube, #directory-flickr { width: 46px; height:46px; float:left; margin-right:5px; }

#image1, #image2, #image3, #image4, #image5, #image6, #image7, #image8, #image9, #image10 { float:left; }
article .col-left.detail .gallery a { float: left; width: 120px; height: auto; margin: 10px 8px 10px; cursor: pointer; box-shadow:2px 2px 0 #D5D5D5; }
article .col-left.detail .gallery img { float: left; }

/* Sidebar */

aside { width:25%; padding:40px 0 20px; float:right; }
aside .title { display:block; background:#fd9a41; font:16px/16px 'Merienda', cursive; padding:10px 3px 10px 8px; text-transform:uppercase; }
aside a { display:block; margin:5px 0; padding:3px 3px 3px 8px; color:#333; transition-property:all; transition-duration:0.12s; transition-timing-function:linear, ease-in; -webkit-transition: background 0.3s; }
aside a:hover { background:#fd9a41; color:#fff; }
aside .search-button { float:right; margin:-33px 10px 0; position:relative; z-index:200; background: #fff; cursor:pointer; width:30px; }   */

aside #share { height:32px; margin:20px 0 0 0; padding:0; }
aside #share a { margin:0; }
aside #share a:hover { background: none; }
aside #share .atm-i { top: 0 !important; } */

/* Footer */
footer { margin-top:30px; }
footer .pagination { display:none; }

#bar { width:100%; background:#fed560; position:relative; z-index:200; padding:10px 0 20px; }
#bar .col { width:30%; float:left; margin-right:3.33%; }
#bar .col.center { margin-right:1.66%; margin-left:1.66%; width:30%; }
#bar .col.right { float:right; margin-right:0; }
#bar .col .title, #contact-bar .col .title { padding:9px 0 17px; font:32px/45px 'Merienda', cursive; color:#fff; text-align:center; text-shadow: 1px 1px 0px rgba(175, 174, 174, 1); }
#bar .col ul { margin:0 30px 0 0; padding:0; list-style:none; }
#bar .col li { margin:0; padding:0; }
#bar .col a { padding:9px 0; font:14px/19px 'Open Sans', sans-serif; color:#FFF; display:block; }
#bar .col a:hover { color:#FFD300; }

/* Footer Yellow Bar -  Featured list display 3 col - Latest News and Upcoming Events */

#bar .featured { width:100%; margin-bottom:10px; float:left; display:block; background:#fff; box-shadow: 2px 2px 0px rgba(213, 213, 213, 1); }
#bar .featured .thumb { margin:0; min-height:80px; float:left; width:25%; }
#bar .featured .thumb a { padding:0; margin:0; }
#bar .featured .thumb img { display:block; margin:0; height:auto; width:90%; margin:10px; }
#bar .featured .thumb a img:hover { opacity:0.7; } 
#bar .featured .copy { float:right; width:75%; }
#bar .featured p { padding:0 10px; }
#bar .featured h3 { padding:0 10px; margin:0; }
#bar .featured h3 a { color:#333; }
#bar .featured h3 a:hover { color:#fd9a41; }
#bar .featured p.date { font-size: 12px; color:#999; font-style:italic; margin-bottom:5px; padding:0 10px; margin-top:0; }
#bar .featured.join { margin:0; }
#bar .featured.join a{ padding:0; }
#bar .featured.join a:hover { opacity:0.8; }

/* Footer Blue Bar - Subscribe and Social Media */

#contact-bar { width:100%; background:#1eb7d0; position:relative; z-index:200; font:16px/24px 'Open Sans',sans-serif; padding:20px 0; }
#contact-bar .col { width:50%; float:left; display:block; }
#contact-bar { color:#fff; }
#contact-bar #subscribe, #contact-bar #social { width:80%; margin:0 auto;}
#contact-bar #social .social-wrap { width:480px; margin:-20px auto 0 auto; }
#contact-bar #subscribe input[type="text"], #contact-bar #subscribe input[type="email"] { background:#1eb7d0; border:1px solid #fff; width:42%; color:#fff; margin:0 1%; padding:10px; float:left; font-size:12px; }
#contact-bar #subscribe .wrap-submit { width:100%; margin:0; padding:10px; }
#contact-bar #subscribe .submit { background: transparent; width:50px; height:36px; font:400 16px/24px 'Open Sans',sans-serif; color:#fff; margin:-38px 25px 0 0; text-align:center; text-transform:uppercase; cursor:pointer; position:relative; float:right;  }
#contact-bar #subscribe .submit:hover { color:#0072a6; }*/

p#socialicons { margin-top:20px; padding-top:40px; background:url(../images/template/social-background.png) top center no-repeat; }
p#socialicons img{ /* 3rd set of icons. Rotate them -360deg onmouseover ONLY. Note where the "transition prop is added */}
p#socialicons img:hover{ -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); -o-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); }

#copyright { width:100%; }
#copyright p { margin:0; padding:0; font:12px/50px 'Open Sans', sans-serif; color:#666; width:50%; }
#copyright p.copy { float:left; }
#copyright a, #copyright a:hover { color:#666; }
#copyright p.footer-logo { float:right; margin-bottom:30px; margin-top:10px; }
.id { float:right; }
.id:hover { opacity:.7; }

/* Galleries */
.photogalleryItem img{ background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #e9e6e6; padding: 1px; box-shadow:0 0 5px #DCDCDA; }

/* Forms */
input.cat_textbox, input.cat_textbox_small, textarea.cat_listbox, textarea.comment, select.cat_dropdown, select.cat_listbox, .form input, .webform input, input.textbox-search, input.cat_button { padding:5px; margin-bottom:5px; width:100%; box-shadow: 2px 2px 0px rgba(213, 213, 213, 1); }
input.textbox-search { border:1px solid #777777; padding:10px; width:90%; }
.webform { width:80%; }
.form label, .webform label { font-size:14px; }
input.form-button, input.cat_button { background: #FD9A41; color:#fff; width:170px; cursor:pointer; margin-right:20px; margin-top:10px; }
input.form-button:hover, input.cat_button:hover { color:#333; background:#fed560; }
.form input[type="checkbox"], .webform input[type="checkbox"] { width:20px; }
.form input[type="file"], .webform input[type="file"] { box-shadow:none; }

/*Welcome page submission button*/

a.welcome-button { background: #FD9A41; color:#fff; padding:20px; cursor:pointer; margin-right:20px; margin-top:20px; box-shadow: 2px 2px 0px rgba(213, 213, 213, 1); display:block; text-align:center; width:220px; font-size:20px; }
a.welcome-button:hover { color:#333; background:#fed560; }


/* Effect 8: border slight translate */
p.button { text-align:center; margin:0 auto; }
p.button.long { width:200px; padding:0; }
.button { width:150px; color: #333; }
.button a { position: relative;	display: inline-block; margin: 15px 25px; outline: none; color: #333 !important; text-decoration: none; text-transform: uppercase;	letter-spacing: 1px; font-weight: 400; text-shadow: 0 0 1px rgba(255,255,255,0.3);  padding: 15px 15px 10px 26px !important; font:14px/14px 'Open Sans',sans-serif !important; }
.button a:hover, .button a:focus { outline: none; color:#fd9a41 !important;  }
.button a::before, .button a::after  { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 2px solid #D5D5D5; content: ''; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; }
.button a::after  { border-color: #fd9a41; opacity: 0; -webkit-transform: translateY(-7px) translateX(6px);	-moz-transform: translateY(-7px) translateX(6px);	transform: translateY(-7px) translateX(6px);}
.button a:hover::before, .button a:focus::before { opacity: 0; -webkit-transform: translateY(5px) translateX(-5px); -moz-transform: translateY(5px) translateX(-5px);	transform: translateY(5px) translateX(-5px); }
.button a:hover::after, .button a:focus::after  { opacity: 1; -webkit-transform: translateY(0px) translateX(0px); -moz-transform: translateY(0px) translateX(0px);	transform: translateY(0px) translateX(0px);}

p.button.events-btn { width: 250px; margin-top: -70px; margin-left: 260px; }

/*Members Area Menu */

.members-menu { background:#fff; box-shadow:2px 2px 0px rgba(213, 213, 213, 1); margin:20px 0; border-bottom:5px solid #fd9a41; }
.members-menu .button { float:left; width: auto; }
.members-menu .button a { margin: 15px 19px; }
/*.members-menu .button a:before { border: 2px solid #777; }*/
	
@media only screen and (max-width:1200px) {
#slideshow, #slideshow .item, #slideshow .item img { min-height:200px; }
#slideshow .item { overflow:hidden; }
#slideshow .left, #slideshow .right { display:none; }
article .col-left.detail .gallery { width:100%; }
.facebook-feed-display-full-width { display:none;}
.facebook-feed-display-medium { display:block; }
.listbox p.button.long { margin-left:-10px; }

}

@media only screen and (max-width:1100px) {
nav { width:100%; left:0; margin:auto; }
article .main-directory .listbox h2.smallh2 { font-size:14px; }
}

@media only screen and (max-width:1024px) {
#bar .col .title, #contact-bar .col .title {  font:30px/45px 'Merienda', cursive;  }
#contact-bar #subscribe, #contact-bar #social { width:95%; }
article .col-left.detail .gallery a { margin-right:2px; margin-left:2px; }
article .col-2{ width:100%; }
.orange-box.right { margin-right:0; margin-bottom:20px; }
.facebook-feed-display-full-width { display:block;}
.facebook-feed-display-medium { display:none; }
article .col-right.detail { width:97%; margin:0 1.5%;}
article .col-left.detail { width:100%; margin-bottom:0; }
article .col-left.detail h1 { margin-top:0; }
article .col-left.detail .box { width:46%; float:left; }
article .col-left.detail .gallery { width:52%; float:right; margin-top:0; }
}

@media only screen and (max-width:960px) {
.pad.no-pad { padding:0; }
article .listbox, article .listbox.directory { width:46%; margin:0 2% 20px; }
#bar .col .title, #contact-bar .col .title { font:20px/25px 'Merienda',cursive; }
}

@media only screen and (max-width:860px) {
nav a { padding:0 5px;}
#contact-bar .col { width:100%; }
#copyright p.copy, #copyright p.footer-logo  { width:100%; text-align:center; }
#contact-bar #subscribe .submit { margin-right:60px; }
.footer-logo .id { float:none; }

}

@media only screen and (max-width:780px) {
/*header p.logo { margin:0; }*/
header p.logo img { width:80%; text-align:center; top:10px; }
#nav-bg .pad { padding:0; }
nav ul#main { display:none; }
nav ul li ul { display:none !important; }
nav { height:auto; min-height:50px; width: 100%; background:#8ec3cb; }
nav li {  font:bold 25px/50px 'Merienda', cursive; width:100%; height:50px; display:inline; float:left; }
nav li a { height:50px; border-left:none; border-bottom:1px solid #abd8df !important; color:#fff; }
nav li a:hover { background:#86b8c0; border-bottom:1px solid #abd8df !important; color:#fff; }
nav li.active a.main { color:#fff !important; background:#86b8c0 !important; border-top:1px solid #ABD8DF; }
nav a#pull { width:100%; height:50px; font:bold 25px/50px 'Merienda', cursive; color:#fff; display:block; position:relative; }
nav a#pull:hover { background:#86b8c0; }
nav a#pull:after { content:""; background:url('../images/template/nav-icon.png') no-repeat; width:30px; height:30px; display:inline-block; position:absolute; right:15px; top:15px; }
nav .hide { display:inline; }
aside { width:100%; float:none; clear:both; padding-top:20px; }
aside .box { width:50%; }
section { width:100%;}
article { margin-right:0; }
/*article .col-left.detail .box { float:none; margin:0 auto 20px; }*/
article .col-right.detail h1 { text-align:center; }
#bar .col { width:100%; }
#bar .col.center { width:50%; margin:0 25%; }
article h1 { font:25px/30px 'Merienda',cursive; }
aside .search-button { margin-right:50px; }
}

@media only screen and (max-width:680px) {
article .col-2{ width:100%; }
#bar .col { width:100%; text-align:center; }
.mobile-hide { display:none;}
#contact-bar #subscribe .submit { margin-right:25px; margin-top:-35px; }
#contact-bar #social .social-wrap { width:320px; }
article .listbox.directory dt, article .col-right.detail dt { width:auto; margin:1px 10px 0 0; }
}

@media only screen and (max-width:560px) {
header #account { display:none; }
article .listbox, article .listbox.directory { width:94%; margin:0 3% 20px; }
article .listbox p.image { max-height:200px; overflow:hidden; }
p.button.events-btn { margin-top: -20px; margin-left: auto; }
h1, h2 { text-align:center !important; }
/*article p { text-align:center; }*/
.webform { width:100%; }
#contact-bar #social .social-wrap { width:300px; margin:0 auto; }
#contact-bar #subscribe input[type="text"], #contact-bar #subscribe input[type="email"] { width:90%; margin-bottom:10px; }
#contact-bar #subscribe .submit { margin-right:25px; margin-top:-45px; }
}

@media only screen and (max-width:480px) {
#header { height:100px !important; }
header .logo { width:100%; }
#bar .col.center { width:100%; margin:0; }
.facebook-feed-display-full-width { display:none;}
.facebook-feed-display-medium { display:block; }
article .col-left.detail .box, article .col-left.detail .gallery { width:100%; }	
}

@media only screen and (max-width:360px) {
header p.logo img { width:100%; }
#contact-bar #social .social-wrap { margin-left:-35px; }
}