@charset "utf-8";
/* CSS Document */

/* General notes

Colur pallet

#000000 Black
#FFFFFF White
#222222 Dark Grey
#FE6800 Ornage
#00004D Dark Blue
#D4AF37 Gold
#800080 Purple
#E6E6FA Lavender
#FF00FF Magenta
#800000 Maroon
*/

/* CSS RESET */
* {
	padding: 0px;
	margin: 0px;
	color: #222222;
	font-family:Tangerine, cursive, Open Sans, sans-serif;
	
/*	

font-family: 'Special Elite', cursive;
font-family: 'Audiowide', cursive;
font-family: 'Limelight', cursive;
font-family: 'Lobster', cursive;
font-family: 'Tangerine', cursive;
font-family: 'Open Sans', sans-serif;
	
	*/
	
}

/* DEFINE TEXT CSS */

h1 {
	font-family:'Tangerine', cursive;
	font-size: 18px;
	color:#222222;
	text-align:center;
	line-height:100%;
}

h2 {
	font-family:Tangerine, cursive;
	font-size: 18px;
	color:#222222;
	text-align:center;
	line-height:120%;
}

h3 {
	font-family:Tangerine, cursive;
	font-size: 18px;
	color:#222222;
	text-align:center;
	line-height:120%;
}

h4 {
	font-size: 16px;
	color:#222222;
}

h5 {
	font-size: 14px;
	color:#222222;
}
h6 {
	font-size: 14px;
	color:#222222;
}

.text {
	font-family:Open Sans, sans-serif;
	text-align: justify;
	color:#222222;
}

.textalt {
	font-size: 1000%;
	font-family:Tangerine, cursive;
	text-align: left;
	color:#222222;
}

.textaltlogo {
	font-size: 100%;
	font-family:Tangerine, cursive;
	text-align: left;
	color:#ffffff;
}


.textalt1 {
	font-size: 400%;
	font-family:Tangerine, cursive;
	text-align: left;
	color:#ffffff;
}

.textalt2 {
	font-size: 160%;
	font-family:Open Sans, sans-serif;
	text-align: left;
	color: #222222;
}

.textalt3 {
	font-size: 110%;
	font-family: Open Sans, sans-serif;
	text-align: left;
	color: #222222;
}

.textalt4 {
	font-family: Open Sans, sans-serif;
	text-align: justify;
	color: #222222;
}

.textalt4w {
	font-family: Open Sans, sans-serif;
	text-align: justify;
	color: #ffffff;
}

.textalt5 {
	font-size: 120%;
	font-family: Open Sans, sans-serif;
	text-align: center;
	color: #222222;
}

.textalt5w {
	font-size: 120%;
	font-family: Open Sans, sans-serif;
	text-align: center;
	color: #ffffff;
}

.textalt6 {
	font-family: Open Sans, sans-serif;
	text-align: justify;
	color: #222222;
}

.textalt7 {
	font-size: 200%;
	font-family:'Tangerine', cursive;
	text-align: center;
	color: #222222;
	text-decoration: none;
}

.textalt7w {
	font-size: 200%;
	font-family:'Tangerine', cursive;
	text-align: center;
	color: #ffffff;
	text-decoration: none;
}

.textalt8 {
	font-size: 400%;
	font-family:'Tangerine', cursive;
	text-align: center;
	color: #222222;
	text-decoration: none;
}

.textalt8w {
	font-size: 400%;
	font-family:'Tangerine', cursive;
	text-align: center;
	color: #ffffff;
	text-decoration: none;
}

.textonpagenav {
	font-family: Open Sans, sans-serif;
	text-align: right;
	color: #222222;
}

.textonpagenav:hover {
	color: #D4AF37;
}

.headalt {
	font-size: 1000%;
	font-family:Tangerine, cursive;
	text-align: center;
	color: #222222;
	text-decoration: none;
}

.headalt1 {
	font-size: 300%;
	font-family:'Tangerine', cursive;
	text-align: center;
	color: #222222;
	text-decoration: none;
}


.headalt2 {
	font-size: 450%;
	font-family:'Tangerine', cursive;
	text-align: center;
	color: #222222;
	text-decoration: none;
}

.maptext, .maptextnl {
/*	font-size: medium;*/
	font-family: Open Sans, sans-serif;
	color: #ffffff;
	text-align: center;
}

.maptext:hover {
	color: #D4AF37;
}

.maptextalt, .maptextaltnl {
	font-size: medium;
	font-family: Open Sans, sans-serif;
	color: #ffffff;
	text-align: center;
}

.maptextalt:hover {
	color: #D4AF37;
}

.maptextalt1 {
	font-size: small;
	font-family: Open Sans, sans-serif;
	color: #ffffff;
	text-align: center;
}

/* SELECTORS CSS */

a:link {
	color: #ffffff;
	text-decoration:none
	}      /* unvisited link */
	
a:visited {
	color: #dddddd;
	text-decoration:none
	}  /* visited link */
	
a:hover {
	color: #D4AF37;
	text-decoration:none
	}  /* mouse over link */
	
a:active {
	color: #D4AF37;
	text-decoration:none
	}  /* selected link */

a.altnav:link {
	color: #D4AF37;
	text-decoration:none
	}      /* unvisited link */
	
a.altnav:visited {
	color: #dddddd;
	text-decoration:none
	}  /* visited link */
	
a.altnav:hover {
	color: #D4AF37;
	text-decoration:none
	}  /* mouse over link */
	
a.altnav:active {
	color: #D4AF37;
	text-decoration:none
	}  /* selected link */

/* Mobile Layout: 480px and below. Inherits styles from: Global Layout. */

@media only screen and (max-width:480px) {
	
.textalt {
	font-size: 300%;
}


.textalt2 {
	font-size: 100%;
	
}

.textalt3 {
	font-size: 70%;
	
}

.textalt4 {
	font-size: 80%;
}

.textalt5 {
	font-size: 80%;
}



}	

/* Tablet Layout: 481px to 768px. Inherits styles from: Global and Mobile Layout. */

@media only screen and (min-width:481px) and (max-width:768px) {

.textalt {
	font-size: 300%;
}


.textalt2 {
	font-size: 100%;
	
}

.textalt3 {
	font-size: 70%;
	
}

.textalt4 {
	font-size: 80%;
}

.textalt5 {
	font-size: 80%;
}




}	
	
/* Tablet and Laptop Layout: 769px to a max of 1232px.  Inherits styles from: Global, Mobile and Tablet Layouts. */

@media only screen and (min-width:769px) and (max-width:992px) {

.textalt {
	font-size: 300%;
}


.textalt2 {
	font-size: 100%;
	
}

.textalt3 {
	font-size: 70%;
	
}

.textalt4 {
	font-size: 90%;
}

.textalt5 {
	font-size: 90%;
}


}

/* Tablet and Laptop Layout: 769px to a max of 1232px.  Inherits styles from: Global, Mobile and Tablet Layouts. */

@media only screen and (min-width:993px) and (max-width:1232px) {
	
.textalt {
	font-size: 600%;
}

.textalt2 {
	font-size: 120%;
	
}

.textalt3 {
	font-size: 80%;
	
}

.textalt4 {
	font-size: 90%;
}

.textalt5 {
	font-size: 90%;
}


}

/* Desktop Layout: Greater than 1233px.  Inherits styles from: Global, Mobile and Tablet Layouts. */

@media only screen and (min-width:1233px) {


}


@media print {
	 


 }
