/*	Less Framework 3
	by Joni Korpi
	http://lessframework.com	*/
	
	/* debugger
	
	* {border: 1px #f00 solid;}

	*/



/*	Typography presets*/


#elaineheading {
padding: 20px 20px 20px 20px;
}

#links {
font-size: 30px;
}



ul, menu, dir {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 5px;
}

.gigantic {
font-size: 110px;
line-height: 120px;
letter-spacing: -2px;
}

.huge, h1 {
font-weight: 400;
color: grey; /* Changed from #000 */
letter-spacing: 2px;
text-shadow: #d9dbdb 2px 2px 3px;
margin: 0 0 0 0px;

}

.large, h2 {
font-size: 24px;
line-height: 1.2;
font-weight: 400;
margin: 1em 0 5px 0;
}

.big, h3 {
font-size: 20px;
line-height: 36px;
font-weight: 400;
}

h4 {
margin-bottom: 4px;
text-transform: uppercase;
font-weight: 400;
letter-spacing: 3px;
}

h5 {
font-size: 16px;
font-family: Arial, Verdana, sans-serif;
font-weight: 400;
}

.normal, body {
font-size: 16px;
line-height: 24px;
} /* font-size: 16px;
line-height: 24px */

.small {
font-size: 13px;
line-height: 1.8;
} 

p {
margin-bottom: 0px;  /* margin-bottom: 24px */
line-height: 1.7;
}

a {
outline:none;
}



a:link, a:visited {
color: grey;  /*was #000000 Black */
text-decoration: none;
-webkit-transition: color .2s linear;
outline: none;
border:0px;
}

a:hover {
color: #000;
}

a:active {
-webkit-tap-highlight-color: rgba(0,0,0,0);
border:0px;}



img {
border : 6;
margin-bottom: 2em;/*was 0em*/
}


#tel {
padding: 20px 0 20px 0;
font-size:15px;
display: inline;
margin-bottom: 1em;
}




#mRqrhpr a {
display: inline;
}



#TA_socialButtonIcon365 ul li a {
display: inline;
padding: 0px;
position: absolute;
left: 0.5%;
top: .5em;
visibility: visible;
}



#map small a {
color: #c6a68c!important;
}

#current a {
color: black;
}

a.post-edit-link, .wp-table-reloaded a {
color: #ff100e;
}

a.post-edit-link:hover, .wp-table-reloaded a:hover {
color: #ff100e;
text-decoration: underline;
}

.amp {
font-family: Baskerville, Times New Roman, Georgia;
font-style: italic;
}

.spacer {
visibility: hidden;
}


#reveal {
display: none;
}


img, video, object, embed { 
max-width : 100%; 
height: auto;
width: auto;
}

#map iframe {
min-width: 100%;
width: auto;
height: 55%;
}


header {
margin-top: 1px;
padding: 10px 0px 15px 0px;
}

nav {
text-align: left;
}

nav ul li {
list-style: none;

}

nav ul {

padding: 0px 5px 0px 0px;/* was 0 10 0 10*/

}

nav li a {
}

/* removed this from nav ul above */



/* insert new Nav */
nav > ul > li {
display: inline-block;
position: relative;
}

nav ul li a {
color: grey;
display: block;
padding: 1px 10px; 
text-decoration: none;
}

nav ul ul {
/*style all lists below the top-level list*/
background: #ffffff;
border: 1px solid #ccc;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
padding-top: 0px;
padding: 1px 0px 0px 10px;
position: absolute;
min-width: 80px;
z-index: 10;
visibility: hidden;
text-align: left;
left: -10%;
top: 1.8em;
}
nav ul ul li {
position: relative;
}

nav ul ul li a {
margin: 0px 0px 0px 0px;
}




nav ul ul ul {
/*style all lists below the second-level list*/
border: 1px solid #ccc;
border-right: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
padding: 0;
left: -100%;
top: -1px;
}




nav li:hover > ul {
/*show the menu of the list item being hovered over*/
visibility: visible;
}
/* end new nav*/


#logotrip {
display: inline-block
}

body {
font-family:  Verdana Ref, Verdana, Arial, sans-serif;
}

#wrapper, #footerWrap {
margin-left: auto;
margin-right: auto;
}

#leftColumn {
float: left;
position: relative;
}

#rightColumn {
float: right;
margin-bottom: 5px!important; /* Changed from 60px */
}

div#address.vcard {
margin-top: 40px;
margin-bottom: 20px;
}

footer {
width: 100%;
clear: both;
}

/* Slider */

#slider {
display: block;
    position:relative;
    width:1068px; /* Change this to your images width */
    height:310px; /* Change this to your images height */
    background:url(images/loading.gif) no-repeat 50% 50%;
}
#slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
#slider a {
    border:0;
    display:block;
}


#survivalicon {
float: left;
display: inline-block;
position:relative;
}

#survivalicon ul li{
margin-left: auto;
}

#blackactivitiesmenu {
margin-left: auto;
}

#lileft{
text-align: left;
}

/* self-clear floats */

.group:after {
content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }


/* Table CSS*/
table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}
table caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}
table tr {
  background: #f8f8f8;
  border: 1px solid #ddd;
  padding: .35em;
}
table th,
table td {
  padding: .625em;
  text-align: left;
}
table th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
}
@media screen and (max-width: 600px) {
  table {
    border: 0;
  }
  table caption {
    font-size: 1.3em;
  }
  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
  }
  table td:before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  table td:last-child {
    border-bottom: 0;
  }
}
/*Table CSS Ends*/


/*Default 8-column layout
60 px columns, 24 px gutters, 60 px margins, 768 px total
---------------------------------------------------------
1     2      3      4      5      6      7      8     
60px  144px  228px  312px  396px  480px  564px  648px	*/

header.group {
margin-bottom: 0px;
padding: 10px 0px 15px 0px;
}

nav {
margin: 0em 0em;
width: auto;
float: none;
text-align: center;
}

nav li {
display: inline;
}

#wrapper, #footerWrap {
width: 648px;
}

body {
color: #4f4f4f;
-webkit-tap-highlight-color: rgba(198,166,140,0.3);
}

#logo {
width: 180px;
height: auto;
float: right;
margin-left: auto;
margin-right: auto;
}

#logo img {
float: none;
max-width: 75%;
width: auto;
height: auto;

}

#mainheading {

text-align: right;
}

#mainheadingcenter {

text-align: center;
}


#subheading {

color: grey;
}


#feedback {
font-style: italic;
}

#smaller {
font-size: 0.3em;
}

#h1black {
color: #000000;
font-style: Verdana Ref;
}



#homeBanner, #banner {
margin-bottom: 5px;
}

#prevNextPost {
margin-bottom: 5px;
}

#leftColumn {
width: 128px;
}

#rightColumn {
width: 496px;
}

#rightColumn ul {
margin-bottom: 40px;
}

#leftColumn ul li {
list-style-type: none;
}

footer {
height: 50px;
margin-top: 5px; /* Changed from 28px */
}



#pageFooter {
padding: 20px 0 20px 0;
width: 100%;
background-color: #c6a68c;
height: auto;
}


/* @group Email form */

#subForm {
width: 396px;
float: right;
border-bottom: 1px dotted #a68b76;
padding-bottom: 20px;
}

input#name, input#nydlid-nydlid  {
line-height: 1.6;
}

#name, #emailAddress {
margin-bottom: 6px;
}

#formSubmit span.button input {
width: 100;
line-height: 1.6;
font-family: Arial, Verdana, sans-serif;
font-size: 16px;
}

span.label,span.spacer,span.multiple span {
width:120px;
float:left;
line-height: 1.6;
} 

span.multiple {
float:left;
} 

span.button {
padding-left:120px;
} 

div.clear {
clear:both;
padding-top:5px;
}


.smaller {
font-size: 24px;
line-height: 0.8;
margin-bottom: 5px;
}

/* @end */

#accreditation {
width: 396px;
float: right;
clear: both;
margin: 0px 0 0 0;
}

#accreditation p a {
color: #FFF;
color: rgba(255,255,255,0.7);
}

#accreditation p a:hover {
color: #fff;
}

p.signupText {
font-size: 14px;
width: 396px;
float: left;
margin: 0 0 0 0px;
}



article footer {
height: auto;
margin: 0px 0 0px 0;
}

#map iframe {
height: 300px;
}

#mainMenu ul li a {
font-size: 18px;
padding: 6px;
color: grey;

}/*was padding: 12px;*/
/*letter-spacing: 2px;*/

p {
color:grey;
}




h1 {
font-size: 28px;
line-height: 1.2;
margin-bottom: 12px;
text-align: left;
font-family: Verdana Ref, Verdana, Arial,  sans-serif;
text-rendering: optimizeLegibility;
padding: 10px 15px 10px 10px;
}

h2.postTitle {
margin-bottom: 5px;
}
h2 {
font-size: 24px;
margin-bottom: 12px;
text-align: left;
font-family: Verdana Ref, Verdana, Arial,  sans-serif;
}


time {
display: block;
margin-bottom: 10px;
}

table.prices {
text-align: left;
}

::selection  {background: #eee4dc;}
::-moz-selection {background: #eee4dc;}

#slider {
display: none;
}



/*13-column layout
60 px columns, 24 px gutters, 72 px margins, 1212 px total (extra space for scrollbars)
---------------------------------------------------------------------------------------
1     2      3      4      5      6      7      8      9      10     11     12     13
60px  144px  228px  312px  396px  480px  564px  648px  732px  816px  900px  984px  1068px	*/



@media only screen and (min-width: 1282px) {

header {
margin-bottom: 2px;
}

nav {
margin-top: 2px;
float: left;
width: 1068px;
text-align: center;
}

nav ul ul li a {
padding: 0px 0px 0px 0px;
}




#logo {
margin-left: auto;
margin-right: auto;
float: none;
width: 228px;
}

#wrapper, #footerWrap {
width: 1068px;
}

#homeBanner, #banner  {
margin-bottom: 5px;
}

#slider {
display: block;
}

#prevNextPost {
margin-bottom: 5px;
}

img.noSlider {
display: none;
}

#leftColumn {
width: 170px;
}

#rightColumn {
width: 880px; /* was 790 */
}



/* @group Email form */

#subForm {
width: 652px;
float: right;
}

#name {
width: auto;
float: left;
margin-right: 20px;
}

#emailAddress {
width: auto;
float: left;
}

#emailAddress span.label {
width: auto;
margin-right: 10px;
}

#name span.label {
width: auto;
margin-right: 10px;
}

input#name, input#nydlid-nydlid  {
line-height: 1.6;
}

input#Email, input#Name {
width: 148px;
}

#name, #emailAddress {
margin-bottom: 6px;
}

#formSubmit span.button input {
width: auto;
font-family: Arial, Verdana, sans-serif;
font-size: 14px;
}

span.label,span.spacer,span.multiple span {
width:100px;
float:left;
line-height: 1.6;
} 

span.multiple {
float:left;
} 

span.button {
float: right;
padding: 0;
} 

div.clear {
clear:both;
padding-top:5px;
}



/* @end */



#accreditation {
width: 652px;
float: right;
clear: both;
margin: 0px 0 0 0;
}

#rightColumn ul {
margin-bottom: 20px;
}

/*
 *#rightColumn ul li {
list-style-type: disc;
list-style-position: inside;
}
*/

body.blog article.post {
margin-top: 0px;
margin-bottom: 60px;
}

img.attachment-post-thumbnail.wp-post-image {
width: 144px;
float: left;
margin: 0 18px 18px 0;
}

h2.postTitle {
margin: 0 0 18px 0px;
}

#map iframe {
height: 400px;
}

footer {
height: 180px;
margin-top: 48px;
}

#footerText {

}

article footer {
height: auto;
}

#mainMenu ul li a {
font-size: 18px;
padding: 4px 14px 4px 0;
letter-spacing: 1.1px;
line-height: 1.3em;
}


h2.widgettitle {
margin: 0 0 20px 0;
}


h1 {
font-size: 38px;
line-height: 1.2;
margin-bottom: 5px;
}

h2.archiveTitle {
margin: 0 0 18px 0px;
}

h3 {
margin: 0 0 3px 0px;
}

}


/*	5-column layout
60 px columns, 24 px gutters, 42 px margins, 480 px total
---------------------------------------------------------
1     2      3      4      5
60px  144px  228px  312px  396px	*/

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

#wrapper, #footerWrap {
width: 396px;
}



header.group {
margin-bottom: 1px;
padding: 5px 0px 10px 0px;
}


#prevNextPost {
margin-bottom: 5px;
}

#logo  {
width: 120px;
height: auto;
}


#homeBanner, #banner  {
margin-bottom: 5px;
}

h1 {
font-size: 28px;
margin-bottom: 5px;
}


#leftColumn {
width: 296px;
float: none;

}

#rightColumn {
width: 496px;
margin-top: 5px;
float: none;
}

#TA_socialButtonIcon365 ul li a {
display: inline;
padding: 0px;
position: absolute;
left: 0.5%;
top: 2.1em;
visibility: visible;
}

footer {
height: 180px;
margin-top: 48px;
}

#dissapearimage  {
display:none;
}

#reveal {
display: inline;
}


/* @group Email form */

#subForm {
width: 396px;
float: left;
}

input#name, input#nydlid-nydlid  {
line-height: 1.6;
}

#name, #emailAddress {
margin-bottom: 6px;
}

#formSubmit span.button input {
width: 50;
line-height: 1.6;
font-family: Arial, Verdana, sans-serif;
font-size: 16px;
}

span.label,span.spacer,span.multiple span {
width:120px;
float:left;
line-height: 1.6;
} 

span.multiple {
float:left;
} 

span.button {
padding-left:120px;
} 

div.clear {
clear:both;
padding-top:5px;
}



/* @end */

#accreditation {
width: 396px;
float: right;
clear: both;
margin: 20px 0 0 0;
}

article footer {
height: auto;
margin: 20px 0 0px 0;
}

#mainMenu ul li a {
font-size: 12px;
padding: 1px 3px; /*was 4px*/
}

nav ul ul {
left: -18%;
top: 1.2em;
line-height: 1em
}

nav ul ul li a {
margin: 2px 0px 6px 0px;
}

}


/*	3-column layout
60 px columns, 24 px gutters, 46 px margins, 320 px total
---------------------------------------------------------
1     2      3
60px  144px  228px	*/

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

#wrapper, #footerWrap {
width: 228px;
}

body {
font-size: 12px;
line-height: 1.6;
-webkit-text-size-adjust:none;
}

#homeBanner, #banner  {
margin-bottom: 5px;
}

#logo  {
width: 70px;
height: auto;
}

header.group {
margin-bottom: 5px;
}




#prevNextPost {
margin-bottom: 5px;
}

#spacer  {
display:none;
}


#leftColumn {
width: 128px;
float: none;

}

#rightColumn {
width: 328px;
float: none;
margin-top: 18px;
}

footer {
height: 180px;
margin-top: 5px;
}

#dissapearimage  {
display:none;
}

#reveal {
display: inline;
}

/* @group Email form */

#subForm {
width: 208px;
float: left;
margin-bottom: 30px;
}

input#name, input#nydlid-nydlid  {
line-height: 1.6;
}

#name, #emailAddress {
margin-bottom: 6px;
}

#formSubmit span.button input {
width: auto;
line-height: 1.6;
font-family: Arial, Verdana, sans-serif;
font-size: 14px;
}

span.label,span.spacer,span.multiple span {
width:120px;
float:left;
line-height: 1.6;
} 

span.multiple {
float:left;
} 

span.button {
padding-left:0;
} 
 


div.clear {
clear:both;
padding-top:5px;
}

/* @end */

#accreditation {
width: 208px;
float: none;
clear: both;
margin: 20px 0 0 0;
}

article footer {
height: auto;
margin: 20px 0 0px 0;
}

#map iframe {
width: 320px;
width: 50%;
}

h1 {
font-size: 18px;
line-height: 1.4;
margin-bottom: 5px;
}

h2 {
font-size: 16px;
}

h3 {
font-size: 14px;
}

#logo a {
-webkit-tap-highlight-color: rgba(255,255,255,0);
}

#mainMenu ul li a {
font-size: 12px;
padding: 3px;
letter-spacing: 0;
line-height: 1.3em;
-webkit-tap-highlight-color: rgba (198,166,140,0.3);
}

nav ul ul {
left: -18%;
top: 1.3em;
}





}