@charset "utf-8";
/* #Basic Styles
================================================== */
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; 
  }

/* Base Styles  –––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */

html {
	font-size: 62.5%;
/*	background-repeat:no-repeat; */
  }

body {
	background-color: #fff;
    letter-spacing: .05em;
  	color: #222222;
	font-family: "amblelight", "Raleway", Helvetica, Arial, sans-serif;
}

/* Typography     SIZE ONLY HERE, REST BELOW –––––––––––––––––––––––––––––––––––––––––––––––––– */
/*h1, h2, h3, h4, h5, h6 { margin-top: 0;
  margin-bottom: 2rem;
  font-weight: 300; }  
/* Larger than phablet 
@media (min-width: 550px) {
  h1 { font-size: 5.0rem; }
  h2 { font-size: 4.2rem; }
  h3 { font-size: 1rem; }
  h4 { font-size: 3.0rem; }
  h5 { font-size: 2.4rem; }
  h6 { font-size: 1.5rem; }
}*/
p {
  margin-top: 0; }
/* Typography   –––––––––––––––––– */
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.5rem;
	line-height: 1;
	letter-spacing: -.1rem;
	color: #222222;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: rgba(0,0,0,.8);
	font-size: 1.6rem;
	line-height: .6;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 3rem;
	line-height: 1.35;
	color: rgba(255,255,255,1);
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-indent: 20px;
	text-shadow: 6px 2px 8px rgba(0,0,0,.7)
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2rem;
	line-height: 1.3;
	letter-spacing: -.1rem;
	color: #222222;
	margin: 0;
	padding: 0;
  }
h5 {
	font-weight: normal;
	font-family: 'Noto Sans', sans-serif;
	font-size: 2rem;
	font-style: italic;
	line-height: 1.5;
	color: rgba(255,255,255,1);
	padding: 0px;
	margin: 0px;
	margin: 0;
	padding: 0;
	text-align: left;
	text-shadow: 6px 6px 8px rgba(0,0,0,7)
}
h6 {
	font-weight: normal;
	font-family: 'Noto Sans', sans-serif;
	font-size: 2rem;
	font-style: italic;
	line-height: 1.5;
	color: rgba(255,255,255,1);
	padding: 0px;
	margin: 0px;
	margin: 0;
	padding: 0;
	text-align: center;
	text-shadow: 6px 6px 8px rgba(0,0,0,7)
}
		
p {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: rgba(255,255,255,1);
}
	
.subheader {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	font-size: 100%;
	color: #fff;
	margin: 20px 20px 0px 20px;
	padding: 0;
	text-shadow: 2px 0px 0px rgba(0,0,0,1);
	line-height: 1.5;
}
.ptab {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 26px;
	margin: 0;
	color: rgba(51,51,51,1);
	padding: 0;
}
.none {padding-bottom: none;}
em { font-style: italic; }
strong {
		text-shadow: 1px 1px 1px rgba(255,255,255,1);
		color: rgba(51,51,51,1);
		line-height: 1.5;
		font-weight: bold;
		font-size: 100%;
		font-family: Tahoma, Geneva, sans-serif;
}

	/* #Lists  ================================================== */
ul {
	list-style-type: disc;
	list-style-position: outside;
	margin-left: -20px;
}
li {
	font-family: 'Noto Sans', sans-serif;
	font-weight: normal;
	font-size: 2rem;
	font-style: italic;
	color: rgba(255,255,255,1);
	text-align: left;
	text-shadow: 8px 6px 7px rgba(0,0,0,1);
	}
li a {
	text-align: left;
	text-decoration: none;
}
ol {
  list-style: decimal inside; }

	/* #Links  ================================================== */
.actlink{
	color: #green;
	font-family: Verdana, Arial, "Gill Sans MT";
	font-weight: bold;	
	font-size: 22px;
	background-color: #036;
}
/**/
a:link {
	color: blue;
	text-decoration: none;
}
a:visited {
	color: #222; }
a:hover {
	color: red;	}
	
	
/* Second link ================================================== */	
a.go:link {
	color: rgba(204,204,204,1);
	text-decoration: none;
	font-size: 100%;
}
a.go:visited {
	color: #CCC;
	text-decoration: none;
}
a.go:hover {
		color: rgba(255,0,0,1);
		text-decoration: underline;
}

/* Form  ================================================== */
input, select, textarea { 
font-size: 2rem; 
}

/* #Images  ================================================== */
img.scale-with-grid {
	max-width: 100%;
	height: auto;
}
img.centre {
	display: block;
    margin-left: auto;
    margin-right: auto
	}
.centre	{
	left: 0px;
	right: 0px;
	margin: auto;
	}
.floatLeft { 
    float: left; 
    margin: 4px; 
}
.floatRight { 
    float: right; 
    margin: 4px; 
}
/* #Misc   ================================================== */
.linenav{display: inline;}
.cell { display: table-cell;}

	.remove-bottom { margin-bottom: 0 !important; }
	.bottom10 { margin-bottom: 10px !important; }
	.bottom20 { margin-bottom: 20px !important; }
	.top10 {  margin-top: 10px !important; }
	.top20 { margin-top: 20px !important;}
	.top50 { margin-top: 50px !important;}
	.toppad25 { padding-top: 25px !important;}
	.toppad50 { padding-top: 50px !important;}
	.leftpad20 { padding-left: 20px !important;}
	.bottom20 { margin-bottom: 20px !important;}
	.bottompad10 { padding-bottom: 10px !important;}
	.bottompad20 { padding-bottom: 20px !important;}
	.bottompad50 { padding-bottom: 50px !important;}
	
/* #Extras  ================================================== */
.transparent {
	zoom: 1;
 	filter: alpha(opacity=50);
 	opacity: 0.5;
}
/*   Boxes   =================  */
.hitebox{
	border: solid 0px #999999;
	height: 340px;
	}
.lokbox {
	position: absolute;
	left: 0px;
	top: 0px;
}
.borda{
	border-radius: 25px 25px 25px 25px;
	-moz-border-radius: 25px 25px 25px 25px;
	-webkit-border-radius: 25px 25px 25px 25px;
	border: solid 2px #ffffff;
	height: auto;
	}
.shado {
	box-shadow: 5px 5px 10px #000;
	-webkit-box-shadow: 5px 5px 10px #000;
	-moz-box-shadow: 5px 5px 10px #000000;
	}
.corner	{
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	height: auto;
}
.kulablak {
	background-color: rgba(0,0,0,0.9);
} 
.kulabrown {
	background-color: rgba(153,102,0,1)
} 
 .kulawhite {
	background-color: rgba(255,255,255,1);
} 
.kulablu {
	background-color: rgba(0,102,255,0.8);
} 
.kula {
	background-color: #999;
} 	
.kulagold {
	background-color: rgba(255,204,0);
} 	
hr  {
	border: 3px solid  rgba(0,102,255,0.8);
}
/* #Xtra for this site  ================================================== */

	/* #Columns  ================================================== */
.col2 {
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
  -webkit-column-width: 300px;
     -moz-column-width: 300px;
          column-width: 300px;
}  
/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/




/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */