@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {	max-width: 100%;}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {	width:100%;}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	20;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/
.fluid {
	clear: none;
	margin-left: 0;
	width: 100%;
	float: none;
	display: block;
	padding-top: 0px;
	visibility: visible;}
.fluidList {
	list-style: none;
	list-style-image: none;
	/* [disabled]margin-top: 17px; */
	/* [disabled]margin-right: 17px; */
	/* [disabled]margin-bottom: 17px; */
	padding: 3px;
	font-size: 1em;
	font-style: italic;
	margin-left: 0px;}
h1{
	color: #E8190C;
	text-transform: capitalize;
	font-weight: 400;
	font-variant: normal;
	font-family: "Tekton Pro", sans-serif;
	font-size: xx-large;
	font-style: bold;}
h2{
	color: rgba(65,49,12,1.00);
	margin-top: 0px;
	margin-bottom: 10px;
	text-transform: capitalize;
	font-size: large;
	font-weight: bold;
	font-family: "Tekton Pro", sans-serif;}
h3{
	font-weight: bolder;
	text-transform: uppercase;
	font-size: medium;
	font-family: "Tekton Pro", sans-serif;
	margin-bottom: 5px;
	margin-top: 10px;
	color: rgba(59,42,0,1.00);}
h4{
	color: #49782C;
	font-style: normal;
	font-weight: bold;
	margin: 0px;}
h5{color: #FFC;	font-size: 1em;	}
body {
	font-size: 1em;
	line-height: 1.4;
	font-family: Segoe, "Segoe UI", sans-serif;
	color: rgba(59,42,0,1.00);
	position: relative;}
figure {
	background-color: rgba(163,183,150,0.80);
	border-top-left-radius: 23px;
	border-bottom-right-radius: 45px;	}
article {
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	margin-bottom: 5px;	}
figcaption {
	font-style: italic;
	color: white;
	padding: 3px;
	font-size: small;}

/******* hyperlink and anchor tag styles *******/
ul{
	list-style: none;
	padding-top: 5px;
	padding-bottom: 10px;
	text-indent: 2px;
	list-style: disc inside;}
ul, li {
	display: block;
	margin: 0;
	list-style: disc inside;
	padding: 0;}
li  h4 {
	list-style: none;
	}
a:link, a:visited{
	text-decoration: none;
	color: rgba(73,120,44,0.47);
	font-weight: bold;
	font-family: "Tekton Pro", sans-serif;}
a:hover, a:active{
	color: #E8190C;}
	
/******* page tag styles *******/
.gridContainer {
	margin: 0px auto;
	width: 100%;
	position: relative;
	clear: none;
	float: none;}
#header {
	width: 100%;
	text-align: left;
	background-image: url(../_assets/GALSAtScale_redblacklogo8100_orange.gif);
	background-repeat: no-repeat;
	background-position: 99% 34px;
	background-attachment: scroll;
	background-size: 15% auto;}
#title {
	width: 59%;
	font-family: "Tekton Pro", sans-serif;
	font-style: normal;
	font-weight: bolder;
	font-variant: small-caps;
	font-size: 3em;
	float: right;
	color: rgba(232,25,12,1.00);
	text-align: left;
	text-indent: 1px;
	z-index: 1;
	line-height: 100%;	}
#header h4{
	width: 59%;
	float: right;
	font-family: "Tekton Pro", sans-serif;
	color: rgba(73,120,44,1.00);
	font-variant: small-caps;
	font-size: large;}
#resourceMenu {
	background-color: rgba(65,49,12,1.00);
	border-bottom: thick solid #f8e702;
	padding-left: 15%;
	height: 15px;
	font-size: 0.9em;
	font-weight: bold;}
#resourceMenu a {
	padding: 1px 6px 1px 12px;
	margin-top: -6px;
	margin-right: 10px;
	border-radius: 33px 22px 43px 0px / 40px 0px 22px;}
#resourceMenu a:link,#resourceMenu a:visited  {
	background-color: rgba(73,120,44,1.00);	
	color: #f8e702;}
#resourceMenu a:hover,#resourceMenu a:active  {
	color: #3B2A00;
	background-color: rgba(232,25,12,1.00);
	border-bottom: thick solid rgba(65,49,12,1.00);}
#mainMenu {
	display: block;
	text-transform: capitalize;
	text-align: left;
	font-size: 0.9em;
	font-weight: bold;
	text-decoration: none;
	background-color: rgba(59,42,0,1.00);
	color: rgba(243,241,2,1.00);
	clear: left;
	float: left;
	width: 20px;
	height: 220px;}
#mainMenu a {
	border-radius: 33px 22px 43px 0px / 40px 0px 22px;
	margin: 3px;
	padding-left: 10px;
	padding-right: 8px;
	padding-top: 3px;
	padding-bottom: 3px;
	float: left;}
#mainMenu a:link, #mainMenu a:visited {
	color: #f8e702;
	background-color: hsla(97,46%,32%,1.00);
	border-bottom: thick solid rgba(73,120,44,1.00);}
#mainMenu a:hover, #mainMenu a:active {
	color: #41100C;
	background-color:rgba(232,25,12,1.00) ;
	border-bottom: thick solid #41100C;}
#pageMenuTop  {
	display: block;
	background-color: #f8e702;
	clear: both;
	border-top: medium solid rgba(1,205,222,1.00);}
#pageMenuTop a {
	display: inline-block;
	font-family: "Tekton Pro", sans-serif;
	font-size: 0.8em;
	text-decoration: none;
	text-weight: normal;
	text-align: center;
	margin-right: 10px;
	margin-left: 0%;
	padding: 2px 1%;
	background-color: rgba(59,42,0,1.00); }
#pageMenuTop a:link,#pageMenuTop a:visited{
	color: #f8e702;
	margin-right: 0px;
	border-bottom-style: solid;}
#pageMenuTop a:hover,#pageMenuTop a:active {
	text-weight: normal;
	color: rgba(59,42,0,1.00);
	background-color: #E8190C;
	border-radius: 33px 22px 43px 0px / 40px 0px 22px;
	border-bottom-color: rgba(59,42,0,1.00);}
#pageTitle {
	font-family: "Tekton Pro", sans-serif;
	color: rgba(73,120,44,1.00);}
#intro {width: 70%;
	position: relative;
	padding-bottom: 10px;}
#intro figure, img  {
	border-top-left-radius: 0px;
	border-bottom-right-radius: 45px;
	color: rgba(73,120,44,0.47);}
#intro a:link, #intro a:visited {
	text-decoration: none;
	border-radius: 0px;
	color: rgba(73,120,44,0.47);}
#intro a:hover, #intro a:active {
	border-radius: 0px;
	background-color: none;
	color: rgba(232,25,12,1.00);
	display: inline-block;
}
#news{
	float: right;
	background-color: rgba(59,42,0,1.00);
	color: #f8e702;
	text-align: center;
	padding-bottom: 10px;
	width: 27%;
	position: relative;}
#news p {font-size: 0.9em;}
#news h3 {color: #f8e702;}
#networkLinks {
	display: block;
	float: right;
	clear: right;
	width: 27%;
	text-align:center;
	background-color: rgba(73,120,44,1.00);	}
#networkLinks a:link, #networkLinks a:visited {
	color: #f8e702;
	border-radius: 0px;
	background-color: rgba(73,120,44,1.00);	}
#networkLinks a:active,#networkLinks a:hover{
	color: rgba(232,25,12,1.00);
	border-radius: 0px;	}
#networkLinks h3{
	color: #f8e702;
	font-family: "Tekton Pro", sans-serif;}
#features {
	width: 100%;
	clear: both;
	padding-bottom: 25px;}
#features article {
	border-top-color: rgba(163,183,150,1.00);
	border-top-style: solid;
	}
#features figure,#features figcaption  {display: none;}
#features a:link, #features a:visited {
	
	color: rgba(73,120,44,0.47);}
#features a:hover,#features a:active {
	color: rgba(232,25,12,1.00);}
#pageMenuBottom  {
	display: block;
	margin-top: 10px;
	padding: 0px;
	background-color: #f8e702;
	text-align: left;
	clear: both;
	border-top: medium solid rgba(1,205,222,1.00);
	font-family: "Tekton Pro", sans-serif;
	font-size: 0.8em;
	text-weight: bold;}
#pageMenuBottom a {
	display: inline-block;
	margin-left: 0%;
	margin-top: -5px;
	margin-right: 1%;
	color: #f8e702;
	padding: 3px;
	text-align: center;
	background-color: rgba(59,42,0,1.00);}
#pageMenuBottom a:link, #pageMenuBottom a:visited{
	text-decoration: none;
	border-bottom-style: solid;
	color: rgba(243,241,2,1.00);}
#pageMenuBottom a:hover,#pageMenuBottom a:active {
	color: rgba(0,59,45,1.00);
	background-color: #E8190C;
	border-radius: 33px 22px 43px 0px / 40px 0px 22px;
	border-bottom-style: solid;
	border-bottom-color: rgba(65,49,12,1.00);}
.top  {
	float: right;
	clear: left;
	margin: 5px;}
#footer {
	clear: both;
	font-size: x-small;
	font-style: italic;
	border-top: solid rgba(59,42,0,1.00);
	border-bottom: solid rgba(59,42,0,1.00);
	background-image: url(../_assets/GALSAtScale_redblacklogo8100_orange.gif);
	background-repeat: no-repeat;
	background-position: 98% 2%;
	background-attachment: scroll;
	background-origin: content-box;
	background-size: 15% auto;
	margin-bottom:10px;}
#footer a {color: rgba(73,120,44,0.47);}
#footer img.logo, a{
	border-radius: 0px;
}
/*Resources page*/
#toolkitList{
	display: block;
	float: left;
	width: 30%;
	color: rgba(1,243,216,1.00);
	margin-bottom: 10px;
}
#videoList{
	display: block;
	float: left;
	clear: none;
	width: 30%;
	color: rgba(65,49,12,1.00);
	margin-bottom: 10px;}
	
#songList{display:block;float:right;clear:none;  width: 30%;margin-bottom: 10px;}

/* Mobile Layout: 480px and below. */
.gridContainer.clearfix {
	text-align: left;
	font-size: medium;}

.zeroMargin_mobile {margin-left: 0;}
.hide_mobile {display: none;}

/*
.gridContainer.clearfix #diagrams {
	width: 10%;
	float: left;
}
*/








/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

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

.gridContainer {
	width: 91.0625%;
	padding-left: 0.9687%;
	padding-right: 0.9687%;
	clear: none;
	float: none;
	margin: auto;
	position: relative;}

#intro{display:block;
}
#intro figure {}
#intro figcaption {
	width: 40%;
	text-align: right;
	margin-right: 5px;
	font-size: small;
	position: absolute;
	top: 3px;
	right: 3px;
	float: right;}	
#intro figcaption a:link,#intro figcaption a:visited   {margin-right: 5px;
	font-size: small;
	line-spacing: 1px;
	color: green;
	margin: 5px;
	float: left;}

#intro article {width: 100%;
padding-top: 20px;
clear:left;}
#features article {clear:both; padding-top: 10px;padding-bottom: 10px;}
#features h2 {}
#features figure  {
	float:left;
	width: 40%;
	display: block;	}
#features img {
	float: left;
	border-top-left-radius: 23px;
	border-bottom-right-radius: 45px;}

#features figcaption {
	display: block;
	float: left;
	clear: right;	}
	
#features div {
		width: 50%;
		float: right;}
		
#features aside {
	float: left;
	padding-bottom:10px;
	margin-bottom: 10px;}
	
/*#features {
	width: 100%;
	float: right;}
#features figure  {
	width: 70%;
	float:left;
	display: block;
	border-top-left-radius: 23px;
	border-bottom-right-radius: 45px;
	background-color: rgba(163,183,150,1.00);
	margin-right: 0px;}

#features figcaption {
	display: block;
	float: left;
	width: 30%;	
	padding: 10px;}	
	
#features img {
	float:left;
	border-top-left-radius: 23px;
	border-bottom-right-radius: 45px;
}
#pageMenuBottom{
	display: none;}	*/
/*
#resourceLinks {
	display: inline-block;
	
}
#resourceLinks h2{
	color: rgba(243,241,2,1.00);
	padding: 3px;
	border-top: thick solid rgba(0,0,0,1.00);
	font-family: "Tekton Pro", sans-serif;
	font-variant: small-caps;
	}
#resourceLinks h3{
	color: rgba(65,49,12,1.00);
	border-top: solid rgba(73,120,44,0.47);
		}
#resourceLinks a {
	font-size:small;
	margin:0px;
	color: rgba(1,243,216,1.00);	
	} 
	
	#resourceLinks a:link, a:visited {
	color: rgba(1,243,216,1.00);
	background-color: none;
		} 
#resourceLinks a:link, a:visited {
	color: rgba(243,241,2,1.00);
	background-color: none;
		} 
#relatedLinks {
	background-color: rgba(65,49,12,1.00);
	text-align: center;
	width: 27%;
	clear: left;
	float: left;
}
#relatedLinks h3 {
			color: rgba(243,241,2,1.00);
}
#relatedLinks a {
			
	} 

#relatedLinks  a:link, a:visited {
	;
	
	} 
	
#relatedLinks  a:hover, a:active {
	color: rgba(232,25,12,1.00);
	} 
*/	



*/
.hide_tablet {
display: none;
}
.zeroMargin_tablet {
margin-left: 0;
}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

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

.gridContainer {
	max-width: 800px;
	margin: auto;
	clear: none;
	float: none;
	}
#header {
			
}
#title {
	
	font-size:6ems;
	color: rgba(232,25,12,1.00);
	}



#video {
width: 23.9436%;
clear: none;
margin-left: 77.4647%;
}

.zeroMargin_desktop {
margin-left: 0;
}
.hide_desktop {
display: none;
}

}