body{
    background-image: url('/responsive/img/background.png');
    background-repeat: no-repeat;
    background-attachment:fixed;
    font-family: Futura,"Trebuchet MS",Arial,sans-serif;
}
.container {
    
}
/*Footer*/
.footer{
    background-color: rgba(0,0,0,0.7);
    color: #ffffff;
    padding-bottom: 10px;
}
.footer-heading-4{
    color: #ff8c00;
    font-size: 20px;
}
.footer-paragraph {
    color: #d9d8d8;
    font-size: 14px;
    max-width: 400px;
}
.footer-links {
    font-size: 14px;
    padding: 10px;
}
.footer-tags {
    text-align: right;
}
h1.quote-heading{
	margin-bottom: 17px;
  color: #0000000;
  text-align: center;
  font-size: 36px;
  font-family: 'Trebuchet MS', Arial, sans-serif;
  line-height: 1.2;
	}
h4.footer-two-text-left {
  margin-bottom: 7px;
  margin-left: 0;
  color: #808080;
  text-align: left;
  font-size: 12px;
  font-family: Futura, 'Trebuchet MS', Arial, sans-serif;
  line-height: 1.2;
}

h4.quote-subheading {
  margin-bottom: 17px;
  color: #422200;
  text-align: center;
  font-size: 20px;
  font-family: 'Trebuchet MS', Arial, sans-serif;
  line-height: 1.2;
}
.column{
	background-color; #ffffff;
	}
.footer-heading-4{
	color: 
		}
p.paragraph.footer-paragraph {
  color: #858585;
  font-size: 13px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  line-height: 1.5;
}

p.paragraph.portfolio-description {
  text-align: center;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 14px;
  margin-left: 15%;
  margin-right: 15%;
}

p.paragraph.quote-text {
  margin-bottom: 20px;
	margin-left: 5%;
	margin-right: 5%;
	text-align: center;
	font-size: 24px;
	font-style: italic;
	color: #585858;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	line-height: 1.5;
}

p.paragraph.history-text {
  margin-bottom: 20px;
  padding-right: 9px;
  padding-left: 9px;
  text-align: left;
  font-size: 15px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  line-height: 1.5;
}
.subgrid > .row.subgrid-row-1 {
  max-width: 900px;
}

.row.subgrid-row-2 {
  max-width: 1140px;
  padding-right: 15px;
  padding-left: 15px;
	margin-left: 0px;
	margin-right: 0px;
	background-color: rgba(0, 0, 0, .5);
}

.subgrid > .row.subgrid-row-3 {
  max-width: 800px;
}

.subgrid > .row.subgrid-row-4 {
  min-width: 400px;
  max-width: 900px;
  width: 100%;
}

.subgrid > .row.subgrid-row-5 {
  max-width: 900px;
}

.subgrid > .row.subgrid-row-6 {
  max-width: 900px;
}

.subgrid > .row.subgrid-row-7 {
  max-width: 800px;
}
.row.submenu{
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 70px;
	padding-bottom: 30px;
	background-color: #ffffff;
	opacity: 0.7;
	}
.banner{
	margin-left: 0px;
	margin-right: 0px;
	}
a.link-text.nav-item {
  float: right;
  margin: 76px 3% 0 0;
  width: auto;
  color: #fff;
  text-decoration: none;
  font-size: 20px;
  font-family: Futura, 'Trebuchet MS', Arial, sans-serif;
  line-height: 1.7;
} 
a.link-image-3-2.main-logo {
  float: left;
  margin: 13px 3% 7px 0;
  padding-top: 0;
  width: auto;
}
a.link-image-3-2.main-logo img {
  min-width: 150px;
  max-width: 150px;
}
img.image-4-3.image-full-width {
  margin: 0;
  max-width: none;
  width: 100%;
}
.slider-caption {
  margin-top: -77px;
  margin-right: 0;
  /*padding-left: 15px;
  padding-right: 15px;
  background-color: rgba(0, 0, 0, .5);*/
}
h3.slider-title {
  float: none;
  margin-top: 20px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 0;
  width: 80%;
  color: #fff;
  text-align: center;
  font-family: Futura, 'Trebuchet MS', Arial, sans-serif;
}
.quote-column {
  margin-top: 0;
  margin-right: 0;
  padding: 20px 0 15px;
  min-height: 50px;
  background-color: #ff8c00;
}
.bgbtn{
	text-align: center;
	}
.bgbtntag{
	text-align: center;
	font-size: 24px;
	line-height: 1.25;
	}
.facebk{
	background-color: #ffffff;
	margin-left: 0px;
	margin-right: 0px;
	}
.footer {
  padding-top: 26px;
  padding-bottom: 10px;
  padding-left: 20px;
	padding-right: 20px;
  background-color: #2b2b2b;
  margin-left: 0px;
	margin-right: 0px;
	}	
p.paragraph.footer-paragraph {
  color: #858585;
  font-size: 13px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  line-height: 1.5;
  max-width: 500px;
}
a.link-text.footer-links {
  float: right;
  margin: 7px 0 7px 4%;
  padding: 0;
  width: auto;
  color: #808080;
  text-align: left;
  font-size: 12px;
  font-family: Futura, 'Trebuchet MS', Arial, sans-serif;
  line-height: 1.2;
}
a.link-text.nav-item {
    /*margin-top: 60px;
    margin-right: 3%;*/
    font-size: 20px;
    font-family: Futura, 'Trebuchet MS', Arial, sans-serif;
    line-height: 1.7;
    float: right;
  	margin: 76px 3% 0 0;
  	width: auto;
  	color: #fff;
  	text-decoration: none;
  	font-size: 20px;
  	font-family: Futura, 'Trebuchet MS', Arial, sans-serif;
  	line-height: 1.7;
  }
.lgin{
		width: 400px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 40px;
		height: 50px;
	}
.form-group.cent{
	text-align: center;
	color: white;
	}
.bchead {
    background-color: #070d4d;
}
.bchead img {
        width: 100%;
}
.bchead button{
    margin-top: 20px;
    }
.bcinvhead {
    background-color: #070d4d;
    font-size: 36px;
    color: #fff;
    padding-top: 20px;
    padding-bottom: 20px;
}
.bcmidrow {
    background-color: #d9d8d8;
    padding-top: 40px;
    padding-bottom: 40px;
    margin-left: 0px;
		margin-right: 0px;
}
.bcmenu {
    position: absolute;
    bottom: 20px;
    right: 0px;
    text-align: right;
    margin-top: 70px;
}
.updateu {
    display: none;
}
/********************** Invoices *****************************/
.invcont{
	background-color: #fff;
}
.invaddress{
		padding-top: 100px;
		padding-left: 80px;
		font-size: 18px;
}
.invtaxno{
		text-align: right;
		padding-right: 80px;
		font-size: 18px;
	}
.invtablehead{
		margin-top: 80px;
		border: 2px solid #000;
		font-size: 16px;
		padding-top: 10px;
		padding-bottom: 10px;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
.invtable{
		margin-top: 10px;
		width: 90%;
		margin-bottom: 40px;
		margin-left: auto;
		margin-right: auto;
	}
.invtablefoot{
		margin-top: 10px;
		width: 90%;
		margin-bottom: 40px;
		margin-left: auto;
		margin-right: auto;
	}
.curramnt{
	text-align: right;
	}
.summary{
	line-height: 2.0;
	}
.bpay{
		border: 2px solid #333333;
		padding: 10px;
		margin: 5px;
	}
.chq{
	border: 2px solid #333333;
	padding: 10px;
	margin: 5px;
	}
.direc{
	border: 2px solid #333333;
	padding: 10px;
	margin: 5px;
	}
.ppal{
	border: 2px solid #333333;
	padding: 10px;
	margin: 5px;
	}
/* ******************* Family Tree **************************/
.famtable{
	margin-left: 0px;
	margin-right: 0px;
	background-color: #fff;
}
.famtree{
	display: none;
  margin-left: 0px;
	margin-right: 0px;
	background-color: #fff;
	opacity: 0.7;
}
.ftable{
	border: 1px solid #cccccc; 
	padding: 0px; 
	margin: 0px;
	height: 50px;
	font-size: 11px;
	}
.famedit{
	display: none;
	margin-left: 0px;
	margin-right: 0px;
	background-color: #fff;
	}
.fameditform{
	margin-left: 15px;
	margin-right: 15px;
	background-color: #fff;
	}
.gen1{
	background-color: yellow;
	}
.gen2{
	background-color: orange;
	}
.gen3{
	background-color: pink;
	}
.gen4{
	background-color: #94D6DC;
	}
.gen5{
	background-color: #96D78B;
	}
.gen6{
	background-color: violet;
	}
.genX{
	background-color: black;
	color: #fff;
	}
.genhead{
	text-align: center;
	}
.famname{
	font-size: 12px;
	color: green;
	font-weight: 800;
}
.Ffamname{
	font-size: 12px;
	color: blue;
	font-weight: 800;
}
.namelist{
	text-align: left;
	height: 60px;
	padding-top: 0px;
	border: 1px solid #cccccc;
	}
.memlist{
	font-size: 12px;
	}
.famcount{
	text-align: center;
	font-size: 18px;
	font-weight: 800;
	height: 60px;
	padding-top: 10px;
	border: 1px solid #cccccc;
	}
.famcountMem{
	text-align: center;
	font-size: 18px;
	font-weight: 800;
	height: 60px;
	padding-top: 10px;
	border: 1px solid #cccccc;
	}
.ui-helper-hidden-accessible{
	display: none !important;
	}
.ememq{
	text-align: right;
	min-height: 350px;
	vertical-align: top;
	}
.ememinput{
	min-height: 350px;
	vertical-align: top;
	}
.fedlab{
	text-align: right;
	height: 50px;
	vertical-align: top;
}
.fedin{
	min-height: 50px;
	vertical-align: top;
}
/* ******************* Members Home *************************/
.heading-1 {
    text-align: center;
    color: #ff8c00;
    font-family: Futura,"Trebuchet MS",Arial,sans-serif;
}
.heading-2 {
    text-align: center;
    color: rgba(0,0,0,0.5);
    font-family: Futura,"Trebuchet MS",Arial,sans-serif;
}
.membdet {
    background-color: #ffffff;
    opacity: 0.8;
    margin-left: 0px;
		margin-right: 0px;
}
.portfolio-title {
    text-align: center;
    color: #ff8c00;
    font-family: Futura,"Trebuchet MS",Arial,sans-serif;
}
.usedet {
    color: rgba(0,0,0,0.5);
    font-family: Futura,"Trebuchet MS",Arial,sans-serif;
    padding-left: 20px;
    padding-right: 20px;
}
.acctab{
		margin-bottom: 10;
		padding-bottom: 5px;
		padding-top: 5px;
		text-align: center;
		border-bottom: 1px solid #cccccc;
}
.minimenu {
    text-align: center;
}
.minimenu img {
    width: 80%;
    /*padding-left: 10%;
    padding-right: 10%;*/
    border-radius: 6px;
    max-width: 150px;
    }
.minimenu a:link, a:visited, a:active {
    color: rgba(0,0,0,0.5);
    font-family: Futura,"Trebuchet MS",Arial,sans-serif;
    font-size: 1.2em;
}
.minimenu a:hover {
    color: #ff8c00;
    font-family: Futura,"Trebuchet MS",Arial,sans-serif;
    font-size: 1.2em;
}
.docdet {
    color: #422200;
    font-family: Futura,"Trebuchet MS",Arial,sans-serif;
    padding-left: 5%;
    padding-right: 5%;
}
.doclist{
		font-family: Futura,"Trebuchet MS",Arial,sans-serif;
}
.doc-item{
		font-size: 11pt;	
}
a.doc-item:link, a.doc-item:visited, a.doc-itm:active{
		color: #777777;
	}
a.doc-item:hover{
		color: #422200 !important;
		text-decoration: none;
	}
.odd {
    background-color: #fff;
    border-top: 1px solid #777777;
}
.even{
		background-color: #cccccc;
		border-top: 1px solid #777777;
}
.book img {
    width: 100%;
}
.room{
    width: 100%;
}
.booktable table{
    width: 80%;
    margin: auto;
}
.booktable.table td {
    margin-top: 0px;
    margin-bottom: 0px;
}
.booktable.tablehead{
		margin-left: 10%;
		margin-right: 10%;
		width: 80%;
		border: 1px solid #cccccc;
}
p.weekno{
    font-weight: 800;
    color: #000;
    margin-bottom: -18px;
}
p.noweekno {
    color: #fff;
    margin-bottom: 0px;
}
.bdate {
    font-size: 0.8em;
}

.booksheet{
    background-color: #ffffff;
    padding-top: 40px;
    padding-bottom: 40px;
    margin-left: 0px;
		margin-right: 0px;
}
.rm0{
	background-color: #ffffff;
	border: 1px solid #cccccc;
	}
.rm1, .rm2, .rm3, .rm4, .rm5{
	background-color: #cccccc;
	border: 1px solid #cccccc;
	}
p.bookdate, p.bstatus{
	text-align: center;
	font-style: italic;
	font-size: 12px;
	margin-bottom: 0px;
}
.full{
	color: #fff;
	font-size: 8px;
	text-align: center;
	background-color: red;
}
.open{
	color: green;	
}
.dline{
	text-align: center;
	}
.dpick{
	text-align: right;
	width: 100px;
	display: inline;
	}
.weekday{
	display: none;
	}
.bookact{
	font-size: 8px;
	margin-top: 5px;
	}
.accomdet{
	font-size: 11px;
	color: #999999;
	}
.bookfrm{
	  width: 180px;
	  margin: auto;
	  border: 3px solid #000;
	  border-radius: 10px;
		-webkit-border-radius: 10px;
}
.bookdates{
	  margin: 10px;
}
.bdpick{
	  height: 30px;
	  text-align: center;
}
/* ********************Gallery ************************/
.fbkrow{
	background-color: #fff;
	margin-left: 0px;
	margin-right: 0px;
	}
.tab-pane ul {
  padding:0 0 0 0;
  margin:0 0 0 0;
}
.tab-pane ul li {
  list-style:none;
  margin-bottom:25px;
}
.tab-pane ul li img {
  cursor: pointer;
  width: 100%;
}
.controls{
    width:50px;
    display:block;
    font-size:11px;
    padding-top:8px;
    font-weight:bold;
}
.next {
    float:right;
    text-align:right;
}

  /* Booking Table Elements */
   .bkthw{
       font-size: 20px;
       color: #000000;
       width: 40%;
       background-color: #ff5900;
       border: 1px solid #ffffff;
   }
   .bkth3{
       display:none;
   }
   .bkth4{
       display: none;
   }
   .bkth2{
       display: none;
   }
   .bkths{
       font-size: 20px;
       color: #000000;
       width: 30%;
       background-color: #ff5900;
       border: 1px solid #ffffff;
   }
   .bkrh{
       font-size: 20px;
       color: #ffffff;
       width: 40%;
       background-color: #ff8c00;
       border: 1px solid #d67600;
   }
   .bkrco{
       display: none;
   }
   .bkrcb{
       display: none;
   }
   .bkrct{
       display: none;
   }
   .bksc{
       font-size: 20px;
       color: #000000;
       width: 30%;
       background-color: #ff8c00;
       border: 1px solid #d67600;
   }
 /***************************** Booking Form ******************* */
.booking-title{
	text-align: right;
	line-height: 2.0;
	}
.booking-detail{
	line-height: 2.0;
	}
.rate-block{
	padding-right: 50px;
	}
.rate-head{
	text-align: center;
	border: 1px solid #cccccc;
	font-weight: 800;
	}
.rate-line{
	text-align: center;
	border: 1px solid #cccccc;
	}
.bookrow{
	width: 80%;
	margin: auto;
	}
.bookrow.odd{
	background-color: #cccccc;
	}
.totrow{
	background-color: #333333;
	color: white;
	height: 40px;
	padding-top: 5px;
	font-weight: 800;
	}
.wdays{
	float: left;
	width: 14.28%;
	position: relative;
	min-height: 1px;
	display: block;
	text-align: center;
	}
.linespace{
	background-color: #fff;
	margin-left: 0px;
	margin-right: 0px;
	opacity: 0.8
	}
.bkcancelpd{
	color: #000;
	text-decoration: line-through;
}
.bkpd{
	color: #000;
	text-decoration: none;
}
.bkcancel{
	color: red;
	text-decoration: line-through;
}
.bkunpaid{
	color: red;
	text-decoration: none;
}
.bkcanceluncon{
	color: blue;
	text-decoration: line-through;
}
.bkuncon{
	color: blue;
	text-decoration: none;
}
.bkcancelunconunsub{
	color: red;
	text-decoration: line-through;
}
.bkunconunsub{
	color: red;
	text-decoration: none;
}
.dolamt{
	text-align: right;
}
.booking{
	margin-bottom: 0px;
}
#bookadd{
	display: none;
	}
#pspec1{
	display: block;
	}
#gtype{
	display: block;
	min-height: 80px;
	}
#gname{
	display: none;
	min-height: 80px;
	}
#memname{
	display: none;
	min-height: 80px;
	}
#ptype{
	display: none;
	min-height: 80px;
	}
#bkdays{
	display: none;
	min-height: 80px;
	}
.roomsel{
	padding-top: 12px;
	}
.gage{
	margin-top: 10px;
	}
.guesage{
	margin-left: 20px;
	margin-right: -20px;
	}
#chage{
	display: none;
	}
#teach{
	display: none;
	}
.bksummary{
	text-align: center;
	border: 1px solid #cccccc;
	padding: 3px;
	border-radius: 10px;
	margin-bottom: 10px;
}
#bksubmit{
	display: none;
	}
.formalert{
	color: red;
	}
/*  ******************* Payments View ************************************* */
.paytablehead{
		margin-top: 80px;
		min-height: 200px;
		border: 2px solid #000;
		font-size: 16px;
		padding-top: 10px;
		padding-bottom: 10px;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		background-color: #fff; 
		background-image: linear-gradient(90deg, transparent 79px, #abced4 79px, #abced4 81px, transparent 81px),linear-gradient(#eee .1em, transparent .1em);
		background-size: 100% 1.2em;
	}
.chqtitle{
	font-size: 20px;
	font-weight: 800;
	}
.chqname{
	font-style: italic;
	color: blue;
	}
.chqextra{
	min-width: 400px;
	border-bottom: 1px dotted blue;
	}
.chqamount{
	font-size: 24px;
	font-style: italic;
	color: blue;
	border: 1px solid #cccccc;
	padding: 10px;
	}
/*  ******************* Payment Form ************************************* */
#revealfamily{
	
	}
.reveal{
	background-color: orange;
	margin-top: 50px;
	}
.familyinv{
	display: none;
	}
.inv-line{
	text-align: center;
	}
#bpaybtn{
	display: none;
	}
#dcbtn{
	display: none;
	}
#ppbtn{
	display: none;
	}
.gshade{
	background-color: #cccccc;
}
.uncobook{
	height: 300px;
	overflow-y: scroll;
	}
/* ********************** Boardroom *************************************** */
.adbookings{
	font-size: 12px;
	}
.adpayments{
	font-size: 10px;
	background-color: #cccccc;
	}
#exTab1 .tab-content {
  color : white;
  background-color: #428bca;
  padding : 5px 15px;
}
/* remove border radius for the tab */
#exTab1 .nav-pills > li > a {
  border-radius: 0;
}
/* change border radius for the tab , apply corners on top*/
.searchform{
	background-color: #070d4d;
	color: white;
	margin-top: 10px;
	padding-top: 10px;
	margin-left: 0px;
	margin-right: 0px;
	}
.addocdet {
    color: #ffffff;
    font-family: Futura,"Trebuchet MS",Arial,sans-serif;
    padding-left: 5%;
    padding-right: 5%;
}
.addoclist{
		font-family: Futura,"Trebuchet MS",Arial,sans-serif;
		color: #ffffff;
}
.adportfolio-title {
    text-align: center;
    color: #070d4d;
    font-family: Futura,"Trebuchet MS",Arial,sans-serif;
}
.addoc-item{
		color: #ffffff;
	}
.newsubs{
		margin-top: 100px;
	}
.tab-pane{
	min-height: 600px;
	}
/* ******************************* View Week **************************************  */
.vroom{
	min-width: 50px;
	text-align: center;
	}
.vrmcol{
	background-color: #cccccc;
}
.edbk{
	margin-top: 5px;
	margin-bottom: 5px;
	}
/* ******************************  Convert ******************************************* */
.memopt{
	font-size: 18px;
}
/*--------------------------------------------------------------------------------------------------------------------*/
/* Small devices (tablets, 768px and up) */
/*--------------------------------------------------------------------------------------------------------------------*/
@media (min-width: 768px) { 

}
/*--------------------------------------------------------------------------------------------------------------------*/
/* Medium devices (desktops, 992px and up) */
/*--------------------------------------------------------------------------------------------------------------------*/
@media (min-width: 992px) { 
}
/*--------------------------------------------------------------------------------------------------------------------*/
/* Large devices (large desktops, 1200px and up) */
/*--------------------------------------------------------------------------------------------------------------------*/
@media (min-width: 1200px) {
header{
	background-color: #070d4d;
}
}