@import "/css/grid.css";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic,700,700italic,800,800italic);
@import "/css/fontawesome-all.min.css";
@import "/css/flexslider.css";


/* GLOBAL ///////////////////////////////////////////////////////////////////////// */
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;

  -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
  -webkit-text-size-adjust: 100%;
}

html {overflow-y: scroll;position:static!important;top:0!important;}
html, body {
  height: 100%;
  margin:0;
}

.small {font-size: 80%;}
.large {font-size: 150%;}

.center {text-align:center;}

.container {padding:0 20px;}


/* responsive images //////////////////////////////////////////////////////////////////// */
img {
  max-width: 100%;
  height: auto;
}


/* RESET /////////////////////////////////////////////////////////////////////////////// */
p,
h1,h2,h3,h4,h5,h6,
ol, ul, li, table, tr, td,
blockquote
 {margin:0;padding:0;line-height:normal;}






/* Typography /////////////////////////////////////////////////////////////////////////// */
body {
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 16px;
  line-height: 26px;
  color: #444;
  background: #333;
}

a:link, a:visited, a:active {
  text-decoration: none;
  color: #9C0;
  font-weight:600;
}
a:hover {
  color: #82ac28;;
}
p {margin-bottom:1.2em;}


h1, h2, h3, h4, h5, h6 {margin:1.5em 0 .55em 0;font-weight:700;color:#666;}
h1 {font-size:1.8em;letter-spacing: -.01em}
h2 {font-size:1.5em;text-transform: uppercase;color: #9e9b94;}
h3 {font-size:1.5em;}
h4 {font-size:1.4em;}
h5 {font-size:1.1em;}
h6 {font-size:1.1em;text-transform: uppercase;margin:2em 0 .5em 0;font-weight:600;color: #9e9b94;}

.col h1:first-child,
.col h2:first-child,
.col h3:first-child,
.col h4:first-child,
.col h5:first-child,
.col h6:first-child {margin-top:0;}

/* Lists ------------------------ */
ol, ul {padding-left: 1em;margin: 20px 0;}
ul ul,ol ul {margin: .25em 0 .25em 1em;font-size: 95%; list-style: circle inside; }
ul ol,ol ol {margin: .25em 0 .25em 1em;font-size: 95%; list-style: lower-alpha inside; }
li {padding: 0 0 .5em .5em;}




/* NAVIGATION /////////////////////////////////////////////////////////////////////// */

#nav-trigger {
  display: none;
  text-align: right;
  margin-right:10px;
}
/* hidden menu button */
#nav-trigger span {
    display: inline-block;
    padding: 15px;
    color: #666;
    cursor: pointer;
    font-size: 25px;
    /*border-radius:5px;*/
    background:transparent;
    z-index: 9999;
}
#nav-trigger span:hover,
#nav-trigger span:active {color:#9C0;}



/*main nav ------------------------------------- */

#nav-main {float:right;}
#nav-main ul {
  list-style:none;
  position:relative;
  margin:0;
  padding:0;
}
#nav-main ul a {
  display:block;
  color:#555;
  text-transform:uppercase;
  text-decoration:none;
  font-weight:600;
  font-size:.95em;
  padding:20px 15px;
  letter-spacing:.02em;
}
#nav-main ul li {
  position:relative;
  float:left;
  margin:0;
  padding:0;
}

#nav-main ul li:hover a { color:#9C0;}


/* Dropmenu ---------------------------------------- */

#nav-main ul ul {
  display:none;
  position:absolute;
  top:100%;
  left:0;
  background:#FFF;
  padding:0;
  z-index:9999;
}
#nav-main ul ul li { float:none; width:200px; }

#nav-main ul ul a:link,
#nav-main ul ul a:active,
#nav-main ul ul a:visited {
    line-height:120%;
    padding:8px 10px;
    font-weight:400;
    font-size:.9em;
    text-transform:none;
    color:#555;
    letter-spacing:0;
}

#nav-main ul li:hover > ul { display:block;}


#nav-main ul li li:hover,
#nav-main ul ul a:hover {
  background:#9C0;
  color:#FFF;
  }


/* MOBILE nav  ----------------------------- */

nav#nav-mobile {
    position: relative;
    display: none;
    z-index:500;
}
nav#nav-mobile ul {
    display: none;
    list-style-type: none;
    position: absolute;
    left: 0;
    right: 0;
    margin:0;
    padding:0;
    width:100%;
    text-align:center;
    border-bottom:1px solid #eee;
}
nav#nav-mobile li {
    display: block;
    padding: 0;
    margin: 0;
    background:#FFF;
  border-top:1px solid #eee;
}
nav#nav-mobile a {
    display: block;
    color:#444;
    font-size:0.9em;
    text-transform:uppercase;
    padding: 3px 20px;
}

nav#nav-mobile ul ul {margin:0;position: relative;border-bottom:none;}

nav#nav-mobile li li a {
  font-weight:normal;
  text-transform: none;
}
/* drop menu hover */
nav#nav-mobile a:hover, nav#nav-mobile a:active {
      background-color: #9C0;color:#FFF;
}
nav#nav-mobile li.trigger {
  background: #DDD;
}


/* Top menu -------------------------------------------------- */

.topbar ul {
    list-style-type: none;
    margin:0;padding:0;
    text-align: right;
    padding:0;
}
.topbar ul li {
    display: inline-block;
    margin:0;
}
.topbar a {
  height:40px;
    line-height:40px;
    text-transform:uppercase;
    color:#333;
    font-size:.8em;
    font-weight:600;
    padding:0 15px;
    display:inline-block;
}
.topbar a:hover {color:#9C0;}

.topbar a.login {
  background:#9C0;
  color:#FFF;
  padding:0 20px;
  -webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.topbar a.login:hover {background:#82ac28;}





/* ///////////////////////////////   S E C T I O N S   /////////////////////////////// */

section, footer {
  clear:both;
  padding:3.5em 0;
}

#greysection {background:#F5F5F5;}
#whitesection {background:#FFF;}

section#banner {padding:0;}

.bannerTitle {
    text-align: center;
    width: 100%;
    margin-bottom:0;
    padding:0;
    color:#fff;
    font-size: 2em;
    font-weight:300;
    letter-spacing: .2em;
    text-transform: uppercase;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
}
.bannerTitle p {margin:0;}

.sectiontitle {
    text-align: center;
    width: 100%;
    margin: 0 0 1em 0;
    padding:0;
    font-size: 1.5em;
    font-weight: 700;
    letter-spacing: .15em;
    text-transform: uppercase;
}



/* Header ----------------------------------------- */
#header {
    z-index: 9999;
    position: fixed;
    width: 100%;
    background: #FFF;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.15);
}

.logo {margin-top:30px;float:left;}
.logo img {
    max-width:275px;
    position:absolute;
}




/* Banner -------------------------------------- */

.homebanner {
    background: #9E9B94;
    background-image:     url("/images/banner/bannerBack.jpg");
    background-position:  center center;
    background-repeat:    no-repeat;
    background-size:      cover;
}

.banner {
    background: #9E9B94;
    background-position:  center center;
    background-repeat:    no-repeat;
    background-size:      cover;
    padding:100px 0;
}  

.homebanner p {
    color:#fff;
    font-size:3em;
    line-height:1em;
    text-transform:uppercase;
    font-weight:300;
    text-align:center;
    padding:175px 0;
    margin:0;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
  }

/* Content ------------------------------------------------------- */
#content {padding-top:100px;background: #FFF;}

.pageTitle {
  font-size:1.75em;font-weight:700;margin:20px 0;letter-spacing:0.05em;text-transform:uppercase;
}

.main {padding:0 50px 50px 0;border-right: 1px solid #eee;}

.intro {
  font-size:1.5em;
  font-weight:300;
  line-height:1.5em;
  color:#999;
  padding:0 0 1.3em 0;
}

.main .iconheader {font-size:1.5em;padding:10px;margin-bottom:20px;background:#f5f5f5;}
.main .news {
  border-bottom:1px solid #EEE;
  margin-bottom:30px;
}
.main .newsDate {text-transform:uppercase;font-size:.85em;color:#999;}
.main .eventTitle {font-size: 1.3em;}

#content i {padding-right:5px;colour:#777;}

.user {clear:both;}
.user img {float:left; margin-right:20px;width:150px;border-bottom:2px solid transparent; }

.sort {max-width:200px;margin-bottom:20px;}

.jumpAlphabet {padding-bottom:20px;clear:both;}
.jumpAlphabet ul {list-style: none;margin:0;padding:0;}
.jumpAlphabet li {
  margin:0;
  padding:0;
  float:left;
  border:1px solid #EEE;
  border-right:none;
}
.jumpAlphabet a {
  padding:7px 14px;
  text-transform: uppercase;
  display:block;
  font-weight:700;
  font-size:.9em;
}
.jumpAlphabet a:hover {background:#f5f5f5;}

.jumpAlphabet li:last-child {border-right:1px solid #EEE;}

.anchor {padding-top:100px;}



.memberdirectory h2 {background:#f5f5f5;padding:5px 10px;clear:both;}

.row .memberlisting {
  border-bottom:1px solid #EEE;
  padding:20px 0 15px 0;
}
.memberlisting p {margin:0;}




.offset {
    padding:30px;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.04);
    margin:.5em 0 1.5em 0;
    display:inline-block;
    width:100%;
}
.offsetTight {
    padding:10px;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.04);
    margin:.5em 0 1.5em 0;
    display:inline-block;
    width:100%;
}
.offsettitle {font-size:1.4em;font-weight:700;}

blockquote {
    padding:1.5em 10%;
    border-top:1px solid #e5e5e5;
    border-bottom:1px solid #e5e5e5;
    margin:2em 0;
    font-size: 1.5em;
    font-style: italic;
    font-weight:300;
    line-height:1.4em;
    color:#999;color: #9E9B94;
}






/* Sidebar -------------------------------------------------------------- */
.sidebar {font-size:.9em;padding-left:30px;}

.sidebar .news {border-bottom:1px solid #EEE;margin-bottom:20px;}
.sidebar p.newsDate {margin:0 0 5px 0;text-transform:uppercase;color:#999;font-size:.9em;}

.sidebar table {margin-bottom:20px;}
.sidebar td {border:1px solid #eee;text-align: center;}

td.cal_day {background:#f5f5f5;}
td.events_one {background:#9C0;}
td.events_one a {color:#FFF;}



#cta {
    text-align:center;background:#f5f5f5;border-top:1px solid #EEE;
}
#cta p {margin-bottom:20px;}
.ctaRight {text-align:right;padding:20px 30px 0 0;}



/* Footer ------------------------------------------------------------------------ */

#footer {color:#999;font-size:.8em;text-align:center;}

#footer ul  {
  list-style-type: none;
  margin:0 0 20px 0;
  padding:0;
}
#footer ul ul {display:none;}

#footer li  {
  padding:5px 0;
  display:inline-block;
  border-right:1px solid #666;
}
#footer li:last-child {border:none;}
#footer li a {
  line-height:normal;
  display:block;
  font-weight:normal;
  padding:0 10px;
  text-transform:uppercase;
  letter-spacing:0.1em;
}
#footer li a:hover {color:#FFF;}


.copyright {padding:0;text-align:center;font-size:1em;}


a.back-to-top {
    font-size:1.7em;
    line-height: 1.3em;
    display: none;
    width:40px;
    height:40px;
    position: fixed;
    z-index: 999;
    right: 25px;
    bottom: 25px;
    background: rgba(100, 100, 100, 0.7);
    color:#fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-align:center;
}
a.back-to-top:hover { background: #9C0;}











/* Homepage ----------------------------------------------------------------------- */

#features {background:#8e8c96;}

.feature {text-align: center;padding:0 20px;color: #333;}
.feature img {max-width:60px;margin:0 auto;padding:10px;}
.featureTitle {
    font-size:2em;
    font-weight:300;
    text-transform: uppercase;
    color:#FFF;
    padding-bottom:20px;
}
.featureText {
  min-height:70px;
}
.feature p {margin:0;}

.feature .button {
  border:2px solid #FFF;
  background: transparent;
  line-height: 35px;
  margin-top:30px;
}









/* GUI Elements */

hr {margin:2em 0 1.5em 0; border-width: 0;border-top: 1px solid #E1E1E1; clear:both;}


/* Buttons -------------------------------------------------------------------- */

.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  height: 40px;
  padding: 0 1.8em;
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  line-height: 40px;
  letter-spacing: .1em;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: #9C0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border:0;
  cursor: pointer;
  box-sizing: border-box;
  margin:10px 0 20px 0;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
    color: #fff;
    outline: 0;
    background: #82ac28;
}

.button a, .button a:hover {color:#FFF;font-weight: 600;}

.feature .button:hover {background:rgba(0, 0, 0, 0.2);}

/* Forms ------------------------------------------------------------------- */

form {
    padding:0;
    margin:0;
    display:inline-block;
    width:100%;
}

.formTitle {font-weight:700;font-size:1.5em;text-transform: uppercase;margin-bottom:1em;letter-spacing: -.05em;}

form br {display:none;}

input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  font-family: "Open Sans", Arial, sans-serif;
  height: 40px;
  padding: 5px 7px;
  background-color: #fff;
  border: 1px solid #DDD;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-size: 14px;
  font-weight:500;
  width:95%;
}


/* removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

textarea {
  min-height: 80px;
  padding-top: 5px;
  padding-bottom: 5px;
}

input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border: 1px solid #999; outline: 0;
}

input[type="checkbox"], input[type="radio"] {margin-left:10px;}



label,legend {display: block; margin: 20px 0 5px 0; font-weight: 700; font-size:.85em; text-transform:uppercase; color:#777;}
fieldset {padding: 0;border-width: 0; }

.required {color:red;}


/* Tables ------------------------------------- */
table {
  width:100%;
  border-spacing: 0;
  border-collapse: collapse;
}
tr {border-bottom: 1px solid #E1E1E1;}
td {padding: 5px 15px;font-size:.9em; }
/*
tr:first-child {color:#999;text-transform:uppercase;background:#eee;font-size:.85em;letter-spacing:0.05em;font-weight:600;}
tr:first-child td {padding:10px 15px;}
*/
table .button {margin:0;}





/* MISC -------------------------------- */
.flexslider {margin:0;border:1px solid #DDD;/*background:transparent;*/}
.flex-control-nav {display:none;}


.flex-direction-nav a:before {
  text-decoration: inherit;
  content: "\003C";
  font-size: 35px;
  display: inline-block;
  color:#aaa;
}
.flex-direction-nav a.flex-next:before {
  content: "\003E";
  color:#aaa;
}

















/* Media Queries /////////////////////////////////////////////////////////////////////////// */

@media all and (max-width: 1024px) {

    #nav-trigger {display: block; }
    nav#nav-main {display: none; }
    nav#nav-mobile {display: block; }

    #header .container {padding:0;}

    section, footer {padding:2.5em 0;}

    #content {padding-top:90px;}

    .main {padding:0;border:none;}

    div.col.two.sidebar {display: none; }

    .logo {padding:0 20px;}
    .logo img {max-width:250px;}

    #cta {text-align: center;}

    .ctaRight {text-align:center;padding:20px;}

    .feature img {max-width:100px;padding-top:30px;}
    .featureText {min-height:1px;}

   td {padding: 9px 10px; }

   .intro {
      font-size:1.3em;
      line-height:1.3em;
      color:#888;
    }
}



 @media only screen and (max-width: 480px) {


     .logo {padding:10px 0 0 20px;}
     .logo img {max-width:200px;}

    .homebanner p {padding:50px 0;}

    .intro {
        font-size:1.2em;
        line-height:1.2em;
      }

 }
 
 div.more {
	display: none;
 }