/**	{margin:0; padding:0;}*/


body 
{	background-image: url("images/s-chap-rescan-c.jpg"); 
	background-repeat:repeat;
	background-position:center top;
	background-attachment:fixed;
	background-color:#cce;
	font-family:arial, sans-serif; 
	font-size:1.0em;
	font-weight: bold;
	text-align:center;
	color:#226;
}



h1, h2, h3, h4, legend {color: #724; margin:2em 0 0.7em 1em;}
h1 {font-size:1.6em;}
h2 {font-size:1.3em}
h3 {font-size:1.1em; text-align:left;}
h4 {font-size:1.1em;}
h5 {font-size:1.0em; color: #226;}



/*LINKS AND ANCHOR COLOURS*/

/* a.big:link {color: #846; font-size:1em}*/		

a:link, a:active, a:visited, a:hover 
{	font-size:1.0em; 
	text-decoration:none; 
	line-height:1.5em; 
	padding:0em .4em  .0em; 
	border-width:.05em; 
	border-style:solid;
	border-radius:4px;
	background:rgba(50,1,50,0.15) /*background on link 'buttons' */
}
a:link    	{color: #ddf;}  /* */
a:visited 	{color: #646;}
a:hover, a:focus   	{color: #aed;}
a:active  	{color: #fff;}
a.nopadding	{padding:0px; line-height:0px;}

a:link.exchange
{	color: #53a; 
	font-size:.8em; 
	text-decoration:none;  
	border-width:.1em; 
	border-style:solid; 
	border-color:#ddf; 
	background-color:#aac;
}

a:link.clear    {color:none;}
/* END ANCHOR COLOURS*/





@media screen and (min-width: 1250px) {
    body {font-size:1.2em;}
}

/*********Nav menu************/
/*----- Toggle Button -----*/
.toggle-nav {
    display:none;
}


/*----- Menu itself-----*/
@media screen and (min-width: 860px) {
    .menu {
        width:96%; /*100%;*/
/*scot added*/  position:fixed;
/*scot added*/	z-index:10;
        padding:5px 18px;  /*   internal padding to menu bar*/
        box-shadow:0px 1px 2px rgba(0,0,0,0.5);
        border-radius:3px;
        background:#303030;
	  }
}
 
 div.menucenter {margin-left:auto; margin-right:auto;border:solid;}
 
.menu ul {display:block;}  /*changing margin or padding here does not do anything to the position of the words in the menu*/
ul.active {padding-left:auto; padding-right:auto;}

.menu a {display:inline-block;} /*copied from small menu to try to avoid line breaks in border*/
a.toggle-nav	{display:none;}  /*this line added to hide the hamburger that appears due to the addition of the above line*/

.menu li {
    margin:0px 1.5em 0px 0px; /* 50px  space between each link words in full menu*/
    float:left; /*this creates the menu as a horizontal list */
    list-style:none;
    font-size:0.8em;  /*17px*/
    
}


/*  scot  .menu li:last-child {
      margin-right:0px;
  }*/
 
/*.menu a {
    text-shadow:0px 2px 0px rgba(0,0,0,0.5);
    color:#777;
    transition:color linear 0.15s;
}*/


.menu a:link {color:#aaf;}  /* added by scot*/
.menu a:hover, .menu .current-item a {
    text-decoration:none;
    color:#66a992;
}
 
.menu a:visited	 {color:#979; }

/*----- Responsive -----*/
@media screen and (max-width: 1150px) {
    .wrap {
        width:100%;

    }
}
 
/* @media screen and (max-width: 970px) {
   .search-form input {
        width:120px;
    }     REMOVED BY SCOT AS UNDEEDED
} */
 
@media screen and (max-width: 860px) {
    .menu {
        position:relative;
	 z-index:10;  /*added by scot*/
        display:inline-block;
	float:left;  /* added by scot otherwise when container padding is set and nav is moved above it, the hamburger centres*/
	margin-left:20px;  /*added as part of the above*/
        }
 
    .menu ul.active {display:none; width:100%; }

 
    .menu ul {
/*scot */      wxidth:50%; 
        position:fixed; /*absolute;*/
        top:10%;  /*20%*/
        left:20px;
        padding:10px 18px;
        box-shadow:0px 1px 1px rgba(0,0,0,0.15);
        border-radius:3px;
        background:#303030;
    }
 
/* the below controls the wee arrow atop the mobile menu*/
    .menu ul:after {
        width:0%;
        height:0px;
        position:absolute; /* from abs*/
        top:0%;   /* 0%*/
        left:22px;
        content:'';
        transform:translate(0%, -100%);
        border-left:7px solid transparent;
        border-right:7px solid transparent;
        border-bottom:7px solid #303030;
    }
 
    .menu li {
        margin:5px 0px 5px 0px;  /*controls margin around list items in mobile menu, akin to padding*/
        float:none;
        display:block;
    }
 
    .menu a {
        display:block;
	
    }
 
    .toggle-nav {
        padding:20px;
/*scot added*/	position:fixed;
/*scot added*/	top:5%;
        float:left;
        display:inline-block;
        box-shadow:0px 2px 2px rgba(0,0,0,0.25);
        border-radius:3px;
        background:#303030;
        text-shadow:0px 1px 0px rgba(0,0,0,0.5);
        color:#777;
        font-size:20px;
        transition:color linear 0.15s;
    }
 
    .toggle-nav:hover, .toggle-nav.active, .toggle-nav:visited {
        text-decoration:none;
	color:#66a992;
    }

}


/* END NAV MENU*/





/**  DIVS CLASSES **/

div.container	{padding:8% 2% 3% 2%;}
div.center	{margin-left:auto; margin-right:auto;}
div.threeframe, div.imgpan	{width:100%; margin-left: auto; margin-right:auto; font-size:0.7em;} /*images for these defind below*/

@media screen and (max-width: 496px) {div.threeframe img	{width:60%; clear:right;} }
	{font-size:0.7;}
div.leftimages, div.rightimages	{width:18%; font-size:small;} /* images atribs themselves defined below im images section*/
div.leftimages	{float:left; clear:left; padding:2% 2% 2% 0;}
div.rightimages	{float:right; clear:right; padding:2% 0 2% 2%;}

div.video-container-center	{width:60%; margin-left:auto; margin-right:auto; margin-top:1em; margin-bottom:2.5em;/*border:solid;*/}
div.video-center 		{height: 0; width: 100%; padding-bottom: 56.25%; overflow:hidden; position: relative; text-align:center;}
div.video-center iframe  	{position:absolute; top:0; left:0; width:100%; height:100%;/* border:solid;*/ z-index:0;}
div.video-container-center p	{poxsition:bottom; width:100%; text-align:center; font-size:0.8em; /*margin-bottom:1.1em; */margin-top:0em;}
div.links			{text-align:center;}


div.footermenu ul {background:#303030; padding:0.5em;}
div.footermenu	li {color:red; height:1.2em; margin:0.2em; display:inline-block; font-size:0.6em;}


/** END DIVS **/



/*pargraphs */
p		{margin-top:0.3; margin-left:auto; margin-right:auto; margin-bottom:0.7em auto; wxidth:90%; text-align:justify; bxorder:solid;}
p.list		{width:70%; border-style:solid; border-width:0.2em; border-color:#448; text-align:justify; padding:1em}
p.list:first-line {color:#724; font-size:1.2em;}
p.quote 	{color:#041; font-style:italic; width:60%; padding:.5em; border-width:.1em; border-style:solid; border-color:#55a; text-align:center;}

/* end pargraphs */


/* OTHER FORMATING*/

small 	{font-size:.7em;}
strong {color: #eff; font-weight:bold;}
ul.green	{color:#041; text-align:left;}

/* END OTHER FORMATTING*/


/*IMAGES*/

img		{border-radius:6px; border-width:.1em; border-style:solid; border-color:#55a; margin:.1em;}

img.titleimg		{width:80%; border:none;}
img.trev                {width:50%;}
div.rightimages img, div.leftimages img	{width:100%; }
img.left 		{float:left; clear:left; width:30%; margin:1em 1em 1em 0;}
img.right		{float:right; clear:right; width:30%; margin:1em 0 1em 1em;}
div.threeframe img	{width:30%;}
div.imgpan img		{height: 20em; }
div.imgpan-cross img	{height:7em;}
img.clear 	{margin:0.1em; border-width:0.0em;}/*  used for footer seal but is the image defaulted to border?*/
.list img 	{float:right; width:15%}
.quote img	{width:60%;}


img {-webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease; }

@media screen and (max-width: 496px) {img:hover {
    -webkit-transform:scale(2); /* Safari and Chrome */
    -moz-transform:scale(2); /* Firefox */
    -ms-transform:scale(2); /* IE 9 */
    -o-transform:scale(2); /* Opera */
     transform:scale(2);   }}


/* END IMAGES*/


figure, figcaption	{display:block; font-size:0.9em; /*margin:0 auto 5em auto; text-align:center;*/}
figure img 		{width:60%;}


audio		{width:70%; margin:1em; margin-bottom:0;}

/*BELOW THIS IS OLD, EXCEPT FOR EXCHANGE STYLING, AND IF NOT MOVED ABOVE THIS LINE IS THERFORE UNUSED	*/

/*table.clips  {width:70%;}
table.clips td
{	padding:1em; 
	border-width:.1em; 
	border-style:solid; 
	border-color:#55a; 
	padding:.1em; 
	margin:.5em; 
	text-align:center; 
}*/

/*table.fav	{width:auto; text-align:center; border-style:solid; border-color:#226;}
table.fav td	{border-color:#dfd;}*/

/*table.contacts {font-size:.8em; clear:both;}
td.contactsred  {color:#624;}*/


/*p.right img 	{float:right; clear:right;}
p.left img 	{float:left; clear:left;}*/

/*P.red 		{color:#624;}*/
/*p.green,*/
/*p.greenborder 	{border-style:solid; width:80%; padding:0.5em;}*/




/*a img {border:0px;}*/




/******** exchange page style ********/


ul.centered_bullets /*  FOR THE TOP OF THE PAGE*/
			 {width:70%; margin-left : auto; margin-right: auto;}
ul.centered_bullets li  {text-align:left;}

label.exchange		{font-size:1.0em; color:white; border:solid; border-width:0.05em; border-radius:4px; 
			padding:0.2em; margin:0.5em 0 0.5em 0;}


div.service-desc img 	{width:10%; float:left; margin-right:1em;}
div.service-desc input	{display:none;}
div.service-desc	{padding:1em 0 1em 0;}
table.exchange tr	{margin-bottom:3em;}
div.extras	img 	{width:10%; float:left;}	

@keyframes anim {
    from {color: white;}
    to {color:#646;}
}
div.anim {animation-name: anim; animation-duration: 4s;animation-iteration-count:infinite; animation-direction: alternate;}    

form div textarea 
{	width: 300px;
  	height:80px;
  	padding: 1px 3px;
  	margin: 0 0 0 0;
} 

input.inputText, form div input.inputPassword   /*form div input.inputText, form div input.inputPassword */
{	width: 40%;
  	padding: 1px 3px;
  	margin: 0 0 0 0;
}

.startshut{ display:none; }
.note{ font-style: italic; }


/*SELEcT, NAME AND DESc ARE TDs FOR THE TABLE*/

._name
{	width:15%; /*150px*/ 
	margin-right:20px;
	text-align:center;
	vertical-align:top; 
	padding:0 0 0px 0;  /*was 20px*/
}
._name img {width:90%; margin-bottom:1em;} 
/*this margin assures row buffe below eacoh entry when the margin specified for text doesnt affect bcs small amount of txt*/

._select
{	width:10%; 
	margin-right:20px; 
	text-align:center; 
	vertical-align:top;
}

._description
{	width:65%;
	margin-right:20px;
	text-align:left; 
	vertical-align:top;
	padding:0 0 20px 0;
}
._cost
{	width:10%;
	text-align:right; 
	vertical-align:top;
	border-left:solid;
	border-width:1px;
}

.closed		{width:100%;}

td.greenbesom	{color:#041;}

p.error
{	color: #900;
  	padding: 3px 3px 5px 27px;
  	margin: auto 100px;
	font-size:1.5em;
}

fieldset p{ font-style:italic; width:100%; }

form fieldset
{	width:95%;   /*added  by sco t*/
	clear: both;
	font-size: 100%;
	border: #226 1px solid;
	padding: 10px;
	margin: 0 auto 0 auto;
}
legend	{font-size:1.5em;}

div.required label, label.required { 
	font-weight: bold; 
	color:#900; 
}
/*
div.required, div.optional input {size:20;}*/

textarea.inputTextarea	{height:3em; width:50%;}

#travel div {padding:5px 0; }
#travel .travel_title
{	text-align:left; 
	color:#900; 
	fxont-weight:bolder; 
}
#travel .travel_desc	{ text-align:justify; }  /*was left*/

#personal_info label, #event label
{	display: block;  		/* block float the labels to left column, set a width */
	float: left; 
	width: 30%;   /*was300px*/ 
	padding: 0; 
	margin: 5px 0 0; 
}
#personal_info input, #personal_info textarea, #event input, #event textarea{ margin: 5px 0 0; }
#personal_info small, #event small
{	display: block;
	margin: 5px 0 0 5%; 	/* 5% was 300px instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;}
#personal_info div, #event div
{	padding:5px 0; 
	display:block; 
	text-align:left; 
	clear:both;
}

#verification div
{	margin-left : auto; 
	margin-right: auto;
}