@charset "utf-8";
@media only screen and (min-width: 200px) {
.SINGLEITEM {
	width: 80%;
	max-width: 50%;
	max-height: 500px;
	margin-left: 0%;
	float: left;
	padding-bottom: 52%;
	
}
#greentextlarge {
	font-weight: bold;
	font-size: 22px;
	padding-left: 25%;
	color: #00A000;
}
.ITEMSLOT {
	clear:both;
}
#announcement {
	display: block;
	width: 88%;
	padding-bottom: 30px;
	margin-right: 38px;
	background: -webkit-linear-gradient(#0052cc, #e600e6);
	background: -webkit-linear-gradient(#e600e6, #0052cc);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
#center {
	float: left;
}
#bigFont {
	
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 26px;
	font-weight: bold;
	text-align: center;
}
.bigfont {
	font-size: 12px;
	color: green;
	word-wrap: break-word;
	display: block;
	line-height: 1;
	/*padding-right: 8px;*/
	padding-right: 0px;
	float:left;
	
}
.FBcommentswrapper {
	width: 75%;
	float: left;
	clear: right;
	padding-bottom: 30px;
	margin-top: 10px;
	margin-left: 60px;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	overflow-x: hidden; 
	overflow-y: auto;
	max-height: 150px;
}

.NOTICESwrapper {
	width: 10%;	
	float: left;
	clear: right;
	padding-bottom: 30px;
}
.NOTICES {
	width: 90%;
	float: left;
	clear: right;
	padding-bottom: 30px;
	position:relative;
    width: 400px;
    height: 404px;
    overflow:hidden;
}
.youtubeVideo {
	float: left;
	clear: right;
	margin-top: -18px;
	position:absolute;
	
	
}
#pad {
	margin-top: 30px;
	
	
}
.NOTICES .fb-page{
	width: 330px;
	position:absolute;
    bottom:0;
	left: 0px;
	padding-bottom: 30px;
	
		
}
.NOTICESwrapper  {
	width: 90%;	
	float: left;
	clear: right;
	margin-top: -20px;
	padding-bottom: 60px;
	
	position:relative;
    width: 400px;
    height: 198px;
    overflow:hidden;
	
	
}
.NOTICESwrapper  {
	margin-top: 0px;
}



	.SINGLEITEM2 {
		width: 93%;
		clear: both;
		float: left;
		margin-left: 5%;
		display: block;
}



	.itemname, h2 {
	font-size: 14px;
	font-weight: bold;
	
}
	.itemname2 h2 {
		font-size: 20px;
		font-weight: bold;
}
.slideshow {/* added so OOS items don't have slideshow */	
	margin: 10px auto;
    position: relative;
    width: 120px;
    height: 80px; 
    padding: 4px; 
    box-shadow: 0 0 20px rgba(0,0,0,0.35); 
}
.slideshow div{ /* added so OOS items don't have slideshow */		
	position: absolute; 
    top: 4px; 
    left: 4px; 
    right: 4px; 
    bottom: 4px; 
}
#slideshow1,#slideshow2,#slideshow3,#slideshow4,#slideshow5,#slideshow6,#slideshow7,#slideshow8,#slideshow9,.slideshow0, #slideshow10, #slideshow11, #slideshow12, #slideshow13, #slideshow14, #slideshow15, #slideshow16, #slideshow17, #slideshow18, #slideshow19, #slideshow20, #slideshow21, #slideshow22, #slideshow23, #slideshow24, #slideshow25, #slideshow26, #slideshow27, #slideshow28, #slideshow29, #slideshow30 { 	margin: 10px auto;

    position: relative;
    width: 120px;
    height: 80px; 
    padding: 4px; 
    box-shadow: 0 0 20px rgba(0,0,0,0.35); 
}
#slideshow1 div,#slideshow2 div,#slideshow3 div,#slideshow4 div,#slideshow5 div,#slideshow6 div,#slideshow7 div,#slideshow8 div,#slideshow9 div, .slideshow0 div, #slideshow10 div, #slideshow11 div, #slideshow12 div, #slideshow13 div, #slideshow14 div, #slideshow15 div, #slideshow16 div, #slideshow17 div, #slideshow18 div, #slideshow19 div, #slideshow20 div,  #slideshow21 div, #slideshow22 div, #slideshow23 div, #slideshow24 div, #slideshow25 div, #slideshow26 div, #slideshow27 div, #slideshow28 div, #slideshow29 div, #slideshow30 div { 
    position: absolute; 
    top: 4px; 
    left: 4px; 
    right: 4px; 
    bottom: 4px; 
}
.bars {
	width:75%;	
}

.SINGLEITEM:nth-child(even) {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d8f0ff+0,ffffff+15,ffffff+85,d8f0ff+100 */
background: rgb(216,240,255); /* Old browsers */
background: -moz-linear-gradient(left, rgba(216,240,255,1) 0%, rgba(255,255,255,1) 15%, rgba(255,255,255,1) 85%, rgba(216,240,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(216,240,255,1) 0%,rgba(255,255,255,1) 15%,rgba(255,255,255,1) 85%,rgba(216,240,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(216,240,255,1) 0%,rgba(255,255,255,1) 15%,rgba(255,255,255,1) 85%,rgba(216,240,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8f0ff', endColorstr='#d8f0ff',GradientType=1 ); /* IE6-9 */
border-radius:50px;
-moz-border-radius:50px;
-webkit-border-radius:12px;
}
.greytextlarge{
	font-weight: bold;
	width:80%;
	text-align: center;
	font-size: 16px;
	clear: both;
	float: left;
	margin-left: 10%;
	display: block;
	background: -webkit-linear-gradient(#ff0002, #FFF00F);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.greytextlarge2 {
	font-weight: bold;
	width:80%;
	text-align: center;
	font-size: 4px;
	clear: both;
	float: left;
	margin-left: 0%;
	display: block;
	background: -webkit-linear-gradient(#ff0002, #FFF00F);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.textblock{
	width:98%;
	clear: both;
	float: left;
	margin-left:0%;
	text-size: 20px;
	display: block;
}
.itemdescription2{
	width:98%;
	clear: both;
	float: left;
	margin-left:0%;
	
	display: block;
}
.textblock2 .greytextlarge{
	font-size: 14px;
	width: 98%;
	margin-left: 0%;
	margin-top: 0%;
	margin-bottom: 0%;
	float:left;
	clear:both;
	display: block;
}
.textblock2 .greytextlarge2{
	font-size: 14px;
	width: 98%;
	margin-left: 0%;
	margin-top: 0%;
	margin-bottom: 0%;
	float:left;
	clear:both;
	display: block;
}
#headerlogo {
	display: none;
	height: 100%;
	min-width: 15%;
	max-width: 15%;
	pointer-events: none;
	user-drag: none; 
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}
#myimage {
	display: none;
	width: 0%;
	font-size: 12px;
	padding-right: 1px;
	float: left;
	
	
	
	
}



}

@media only screen and (min-width: 338px) {
.SINGLEITEM {
	width: 80%;
	max-width: 48%;
	max-height: 500px;
	margin-left: 2%;
	float: left;
	padding-bottom: 25%;
	
}
	.SINGLEITEM2 {
		width: 100%;
		clear: both;
		float: left;
		margin-left: 10%;
		display: block;
}
#center {
	float: left;
}
.bigfont {
	font-size: 12px;
	color: green;
	word-wrap: break-word;
	display: block;
	line-height: 1;
	padding-right: 0px;
	
}
#announcement {
	width: 100%;

}




}

@media only screen and (min-width: 485px) {
	.SINGLEITEM {
		width: 70%;
		max-width: 49%;
		max-height: 450px;
		margin-left: 1%;
		float: left;
		padding-bottom: 48%;
	}
	.SINGLEITEM2 {
		width: 80%;
		clear: both;
		float: left;
		margin-left: 10%;
		display: block;
}

.itemdescription2 h3{
	font-size: 18px;
	width: 98%;
	margin-left: 5%;
}
.slideshow { 	/* added so OOS items don't have slideshow */	
	margin: 10px auto; 
    position: relative;
    width: 200px; 
    height: 133px; 
    padding: 10px; 
    box-shadow: 0 0 20px rgba(0,0,0,0.4);  
}
.slideshow div{ /* added so OOS items don't have slideshow */		
	position: absolute; 
    top: 10px; 
    left: 10px; 
    right: 10px; 
    bottom: 10px; 
}
#slideshow1,#slideshow2,#slideshow3,#slideshow4,#slideshow5,#slideshow6,#slideshow7,#slideshow8,#slideshow9,.slideshow0, #slideshow10, #slideshow11, #slideshow12, #slideshow13, #slideshow14, #slideshow15, #slideshow16, #slideshow17, #slideshow18, #slideshow19, #slideshow20, #slideshow21, #slideshow22, #slideshow23, #slideshow24, #slideshow25, #slideshow26, #slideshow27, #slideshow28, #slideshow29, #slideshow30 { 
    margin: 10px auto; 
    position: relative;
    width: 200px; 
    height: 133px; 
    padding: 10px; 
    box-shadow: 0 0 20px rgba(0,0,0,0.4); 
}
 #slideshow1 div,#slideshow2 div,#slideshow3 div,#slideshow4 div,#slideshow5 div,#slideshow6 div,#slideshow7 div,#slideshow8 div,#slideshow9 div, .slideshow0 div, #slideshow10 div, #slideshow11 div, #slideshow12 div, #slideshow13 div, #slideshow14 div, #slideshow15 div, #slideshow16 div, #slideshow17 div, #slideshow18 div, #slideshow19 div, #slideshow20 div,  #slideshow21 div, #slideshow22 div, #slideshow23 div, #slideshow24 div, #slideshow25 div, #slideshow26 div, #slideshow27 div, #slideshow28 div, #slideshow29 div, #slideshow30 div { 
    position: absolute; 
    top: 10px; 
    left: 10px; 
    right: 10px; 
    bottom: 10px; 
}
	.itemname, h2 {
	font-size: 18px;
	font-weight: bold;
}
.greytextlarge {
	font-weight: bold;
	padding-left: 0%;
	margin-left: 0%;
	font-size: 24px;
	background: -webkit-linear-gradient(#ff0002, #FFF00F);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.greytextlarge2 {
	font-weight: bold;
	padding-left: 0%;
	margin-left: 0%;
	font-size: 24px;
	background: -webkit-linear-gradient(#ff0002, #FFF00F);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.textblock{
	width:98%;
	clear: both;
	float: left;
	margin-left:11%;
	
	display: block;
}
.itemdescription2{
	width:98%;
	clear: both;
	float: left;
	margin-left:4%;
	
	display: block;
}
.textblock2 .greytextlarge{
	font-size: 20px;
	width: 98%;
	margin-left: 0%;
	margin-top: 0%;
	margin-bottom: 0%;
	float:left;
	clear:both;
	display: block;
}
.textblock2 .greytextlarge2{
	font-size: 20px;
	width: 98%;
	margin-left: 0%;
	margin-top: 0%;
	margin-bottom: 0%;
	float:left;
	clear:both;
	display: block;
}
#headerlogo {
	display: inline;
	height: 75%;
	min-width: 25%;
	max-width: 25%;
	
	
	pointer-events: none;
	user-drag: none; 
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	
}

#announcement {
	display: block;
	width: 88%;
	float: left;
	
}
#myimage {
	display: block;
	width: 0%;
	float: left;
	font-size: 12px;
	padding-right: 1px;
	
	
}
#center {
	float: left;
}
.bigfont {
	font-size: 12px;
	float: left;
	color: green;
	word-wrap: break-word;
	display: block;
	line-height: 1;
	padding-right: 0px;
	
}

}

@media only screen and (min-width: 560px) {
	.SINGLEITEM {
		width: 70%;
		max-width: 49%;
		max-height: 450px;
		margin-left: 1%;
		float: left;
		padding-bottom: 29%;
	}
#center {
	float: left;
}
.bigfont {
	font-size: 12px;
	color: green;
	word-wrap: break-word;
	display: block;
	line-height: 1;
	padding-right: 0px;
	
}
#announcement {
	width: 85%;

}

}


@media only screen and (min-width: 610px) {
	#announcement {
	width: 69%;

}
.FBcommentswrapper {
	width: 70%;
	float: left;
	clear: right;
	padding-bottom: 30px;
	margin-left: 18px;
	
	border-width: 1px;
	border-style: solid;
	border-color: #000000;	
	max-height: 284px;
}

}


@media only screen and (min-width: 640px) {
	#announcement {
	width: 66%;

}

}
@media only screen and (min-width: 665px) {
	#announcement {
	width: 66%;

}
}
@media only screen and (min-width: 692px) {
	#announcement {
	width: 60.5%;

}
.FBcommentswrapper {
	width: 35%;
	float: left;
	clear: right;
	padding-bottom: 30px;
	margin-left: -30px;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;	
}
.NOTICESwrapper  {
    height: 210px;
	
}
}
@media only screen and (min-width: 754px) {
	.SINGLEITEM {
		width: 40%;
		max-width: 32%;
		max-height: 360px;
		margin-left: 1%;
		float: left;
		padding-bottom: 40%;
}
.SINGLEITEM2 {
		width: 50%;
		clear: both;
		float: left;
		margin-left:25%;
		display: block;
}
	.itemdescription2 h3{
	font-size: 22px;
	width: 98%;
	margin-left: 5%;
}
#center {
	float: left;
}	
.bigfont {
	font-size: 16px;
	color: green;
	word-wrap: break-word;
	display: block;
	line-height: 1;
	padding-right: 0px;
}
.slideshow {/* added so OOS items don't have slideshow */	
	margin: 10px auto; 
    position: relative;
    width: 200px; 
    height: 133px; 
    padding: 10px; 
    box-shadow: 0 0 20px rgba(0,0,0,0.4);  
}
#slideshow1,#slideshow2,#slideshow3,#slideshow4,#slideshow5,#slideshow6,#slideshow7,#slideshow8,#slideshow9,.slideshow0, #slideshow10, #slideshow11, #slideshow12, #slideshow13, #slideshow14, #slideshow15, #slideshow16, #slideshow17, #slideshow18, #slideshow19, #slideshow20, #slideshow21, #slideshow22, #slideshow23, #slideshow24, #slideshow25, #slideshow26, #slideshow27, #slideshow28, #slideshow29, #slideshow30 { 
    margin: 10px auto; 
    position: relative;
    width: 200px; 
    height: 133px; 
    padding: 10px; 
    box-shadow: 0 0 20px rgba(0,0,0,0.4); 
}
	
	.itemname, h2 {
	font-size: 17px;
	font-weight: bold;
	
}
.greytextlarge {
	font-weight: bold;
	padding-left: 0%;
	margin-left:0%;
	font-size: 24px;
	background: -webkit-linear-gradient(#ff0002, #FFF00F);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.greytextlarge2 {
	font-weight: bold;
	padding-left: 0%;
	margin-left:0%;
	font-size: 24px;
	background: -webkit-linear-gradient(#ff0002, #FFF00F);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.textblock{
	width:98%;
	clear: both;
	float: left;
	margin-left:10%;
	
	display: block;
}
.itemdescription2{
	width:98%;
	clear: both;
	float: left;
	margin-left:4%;
	
	display: block;
}
#headerlogo {
	display: inline;
	height: 100%;
	min-width: 20%;
	max-width: 20%;
	pointer-events: none;
	user-drag: none; 
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}
#myimage {
	display: none;
	width: 5%;
	padding-left: 5%;
	float: left;
	font-size: 12px;
	padding-right: 1px;
}
#center {
	float: left;
}
.bigfont {
	font-size: 15px;
	color: green;
	word-wrap: break-word;
	display: block;
	line-height: 1;
	
}

#announcement {
	width: 55%;

}
.FBcommentswrapper {
	width: 40%;
	float: left;
	clear: right;
	padding-bottom: 30px;
	margin-left: -28px;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
}


}
@media only screen and (min-width: 854px) {
	.SINGLEITEM {
		width: 40%;
		max-width: 32%;
		max-height: 360px;
		margin-left: 1%;
		float: left;
		padding-bottom: 26%;
}
#announcement {
	width: 50%;

}
#myimage {
	display: block;
	width: 5%;
	float: left;
	font-size: 12px;
	padding-right: 1px;
	padding-left: 0%;
}
.FBcommentswrapper {
	width: 45%;
	float: left;
	clear: right;
	padding-bottom: 30px;
	margin-left: -24px;
}
}
@media only screen and (min-width: 905px) {
	#announcement {
	width: 40%;

}
#myimage {
	display: block;
	width: 8%;
	float: left;
	font-size: 12px;
	padding-right: 1px;
}
.FBcommentswrapper {
	width: 50%;
	float: left;
	clear: right;
	padding-bottom: 30px;
	margin-left: 15px;
}

}

@media only screen and (min-width: 1120px) {
		.SINGLEITEM {
		width: 40%;
		max-width: 22%;
		max-height:360px;
		margin-left: 2.4%;
		float: left;
		padding-bottom: 26%;
}
#center {
	float: none;
}
.bigfont {
	font-size: 14px;
	color: green;
	word-wrap: break-word;
	display: block;
	line-height: 1;
	width: 300px;
	padding-right: 40px;
	
	
}
.SINGLEITEM2 {
		width: 40%;
		clear: both;
		float: left;
		margin-left: 30%;
		display: block;
}
.slideshow{/* added so OOS items don't have slideshow */	
	margin: 10px auto; 
    position: relative;
    width: 200px;
    height: 133px; 
    padding: 10px; 
    box-shadow: 0 0 20px rgba(0,0,0,0.4); 
}
	#slideshow1,#slideshow2,#slideshow3,#slideshow4,#slideshow5,#slideshow6,#slideshow7,#slideshow8,#slideshow9,.slideshow0, #slideshow10, #slideshow11, #slideshow12, #slideshow13, #slideshow14, #slideshow15, #slideshow16, #slideshow17, #slideshow18, #slideshow19, #slideshow20, #slideshow21, #slideshow22, #slideshow23, #slideshow24, #slideshow25, #slideshow26, #slideshow27, #slideshow28, #slideshow29, #slideshow30 { 
    margin: 10px auto; 
    position: relative;
    width: 200px;
    height: 133px; 
    padding: 10px; 
    box-shadow: 0 0 20px rgba(0,0,0,0.4); 
}
	.itemname, h2 {
	font-size: 17px;
	font-weight: bold;
}
.greytextlarge {
	font-weight: bold;
	padding-left: 0%;
	margin-left: 0%;
	font-size: 24px;
	background: -webkit-linear-gradient(#ff0002, #FFF00F);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.greytextlarge2 {
	font-weight: bold;
	padding-left: 0%;
	margin-left: 0%;
	font-size: 24px;
	background: -webkit-linear-gradient(#ff0002, #FFF00F);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.textblock{
	width:98%;
	clear: both;
	float: left;
	margin-left: 10%;
	
	display: block;
}
.itemdescription2{
	width:98%;
	clear: both;
	float: left;
	margin-left:5%;
	
	display: block;
}
.textblock{
	width:98%;
	clear: both;
	float: left;
	margin-left:10%;
	
	display: block;
}
.itemdescription2{
	width:98%;
	clear: both;
	float: left;
	margin-left:3%;
	
	display: block;
}
#headerlogo {
	display: inline;
	height: 100%;
	min-width: 20%;
	max-width: 20%;
	pointer-events: none;
	user-drag: none; 
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}
#announcement {
	width: 37%;

}
.FBcommentswrapper {
	width: 50%;
	float: left;
	clear: right;
	padding-bottom: 30px;
	margin-left: -20px;
}

}
@media only screen and (min-width: 1152px) {
	#announcement {
	width: 36%;

}
.FBcommentswrapper {
	width: 50%;
}
}

@media only screen and (min-width: 1298px) {
		.SINGLEITEM {
		width: 40%;
		max-width: 22%;
		max-height: 380px;
		margin-left: 2.4%;
		float: left;
		padding-bottom: 20%;
}
.SINGLEITEM2 {
		width: 40%;
		clear: both;
		float: left;
		margin-left: 30%;
		display: block;
}
	
.slideshow{/* added so OOS items don't have slideshow */	
	margin: 10px auto; 
    position: relative;
    width: 240px; 
    height: 160px; 
    padding: 10px; 
    box-shadow: 0 0 20px rgba(0,0,0,0.4); 
}	#slideshow1,#slideshow2,#slideshow3,#slideshow4,#slideshow5,#slideshow6,#slideshow7,#slideshow8,#slideshow9,.slideshow0, #slideshow10, #slideshow11, #slideshow12, #slideshow13, #slideshow14, #slideshow15, #slideshow16, #slideshow17, #slideshow18, #slideshow19, #slideshow20, #slideshow21, #slideshow22, #slideshow23, #slideshow24, #slideshow25, #slideshow26, #slideshow27, #slideshow28, #slideshow29, #slideshow30 { 
    margin: 10px auto; 
    position: relative;
    width: 240px; 
    height: 160px; 
    padding: 10px; 
    box-shadow: 0 0 20px rgba(0,0,0,0.4); 
}
	.itemname, h2 {
	font-size: 18px;
	font-weight: bold;
}
.greytextlarge {
	font-weight: bold;
	padding-left: 0%;
	margin-left: 0%;
	font-size: 24px;
	background: -webkit-linear-gradient(#ff0002, #FFF00F);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.greytextlarge2 {
	font-weight: bold;
	padding-left: 0%;
	margin-left: 0%;
	font-size: 24px;
	background: -webkit-linear-gradient(#ff0002, #FFF00F);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.textblock{
	width:98%;
	clear: both;
	float: left;
	margin-left:10%;
	
	display: block;
}
.itemdescription2{
	width:98%;
	clear: both;
	float: left;
	margin-left:5%;
	
	display: block;
}
#headerlogo {
	display: inline;
	height: 100%;
	min-width: 15%;
	max-width: 15%;
	pointer-events: none;
	user-drag: none; 
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}
#announcement {
	width: 33%;

}
.FBcommentswrapper {
	width: 40%;
}
}


@media only screen and (min-width: 1467px) {
	.SINGLEITEM {
		width: 40%;
		max-width: 20%;
		max-height: 240px;
		margin-left: 4.4%;
		float: left;
		padding-bottom: 27%;
}
.SINGLEITEM2 {
		width: 40%;
		clear: both;
		float: left;
		margin-left: 30%;
		display: block;
}
	h3 {
		/*	This makes text normal	*/
		font-size: 16px;
		display: inline;
		font-weight: normal;
		line-height: normal;
		margin: 0;
}
	
	.wrap input[type=number]{
    width: 25%;
} 

.fixedelement{
    background:lightblue;
	position:fixed !important;
    position: absolute; /*ie6 */
    top: 0;
	right: 0;
    height:100px;
	width: 100px;
    -webkit-animation: expand 5s;
	visibility: hidden;
}
.greytextlarge {
	font-weight: bold;
	padding-left: 1%;
	margin-right: 0%;
	width:50%;
	font-size: 24px;
	background: -webkit-linear-gradient(#ff0002, #FFF00F);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.greytextlarge2 {
	font-weight: bold;
	padding-left: 1%;
	margin-right: 0%;
	width:50%;
	font-size: 24px;
	background: -webkit-linear-gradient(#ff0002, #FFF00F);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.textblock{
	width:98%;
	clear: both;
	float: left;
	margin-left:10%;
	
	display: block;
}


.itemdescription2{
	width:98%;
	clear: both;
	float: left;
	margin-left:5%;
	
	display: block;
}
#headerlogo {
	display: inline;
	height: 100%;
	min-width: 10%;
	max-width: 10%;
	pointer-events: none;
	user-drag: none; 
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}
#announcement {
	width: 28%;

}

}

@media only screen and (min-width: 1667px) {
		.SINGLEITEM {
		width: 40%;
		max-width: 20%;
		max-height: 240px;
		margin-left: 4.4%;
		float: left;
		padding-bottom: 23%;
}
#announcement {
	width: 25%;

}
}

@media only screen and (min-width: 1887px) {
		.SINGLEITEM {
		width: 40%;
		max-width: 20%;
		max-height: 240px;
		margin-left: 4.4%;
		float: left;
		padding-bottom: 18%;
}


#announcement {
	width: 23%;

}








}
