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

  /* Small screen, non-retina */




body{

	background:url('/img/tex2res3.png') repeat;	
	margin:0px;
	padding:0px;
}
p{
	
}
.home{
	background: #999;
	}	
	
.clear{
	clear: both;
	}
#header{
	position: relative;
	background: white;
	display: block;
	width: 94%;
	max-width:1360px;
	min-height:164px;	
	margin: 8px auto;
	padding:8px 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	webkit-box-shadow: 4px 4px 4px rgba(0,0,0,.4);
	-moz-box-shadow: 4px 4px 4px rgba(0,0,0,.4);
	box-shadow: 4px 4px 4px rgba(0,0,0,.4);
	}
#bannerimage,#quote{
	position: absolute;
/*	background: white;*/
	display:inline-block;
	width: 244px;
	height:150px;
	top:14px;
	text-align: center;
	padding:0px 16px;
/*	margin:0 auto;*/
	}
#bannerimage{
	right: 0px;
	}	
#quote{font-family:serif;
	left: 0px;	
	padding:18px 16px;
	height:120px;
	width: 244px;
	font-size: 12px;
}
#headwrap{
	position: relative;
	background:#f9ba33;
width: 100%;	
	/*background:#86BCFF;background:#f9ba33;background:#FFe37b;*/
/*	top:-10px;*/
	padding-top:8px;
	
		margin-bottom: 6px;
	
	background:#f9ba33;

/*	padding:4px;*/
	padding-bottom:1px;

	border-bottom: 1px solid #a36511;
	 
/*	background:#FFe37b;*/
	webkit-box-shadow: 4px 4px 4px rgba(0,0,0,.4);
	-moz-box-shadow: 4px 4px 4px rgba(0,0,0,.4);
	box-shadow: 4px 4px 4px rgba(0,0,0,.4);
}
#headbanner{
	position: relative;
	text-align: center;
	display:block;
	border:4px solid #285795;
	background:#86BCFF;
	min-height:140px;
	margin:8px 270px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;webkit-box-shadow: px 4px 4px rgba(0,0,0,.4);
	-moz-box-shadow: 4px 4px 4px rgba(0,0,0,.4);
	box-shadow: 4px 4px 4px rgba(0,0,0,.4);
	}

#headbanner h3{
	width:90%;
	display: inline-block;
	margin: 0 auto;
	}	
#topmenu{
/*	text-align: center;*/
	top:0px;
	margin: 0 auto;
	width:100%;
	position: relative;

}
.toplink{
	display: block;
	width:100%;
	font-size: 10px;
	text-align:right;
	}
.menugroup{
position: relative;
/*float: left;*/
	display: inline-block;
	width:50%;
	margin:0;
padding:0;
/*	min-width:550px;*/
}
.menuitem,.menuitemimg{
	font-size:15px;
	width:50%;
/*	max-width: 130px;*/
	min-width:110px;
	display: inline-block;
	height:30px;
	padding:8px 0px;
	height:100%;
	text-decoration:none;
	color:black;text-align: center;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
.menuitemimg{
	position: relative;
	top:10px;
	width:6%;
	padding:0px;
	}

h2{
	background:#86BCFF;
	font-size: 16px;
	height:24px;
	padding:4px;
	margin:4px;
	color:white;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	webkit-box-shadow: 4px 4px 4px rgba(0,0,0,.4);
	-moz-box-shadow: 4px 4px 4px rgba(0,0,0,.4);
	box-shadow: 4px 4px 4px rgba(0,0,0,.4);
}	
hr {
    border: 0;
    height: 1px;
    background: #bbb;
   /* background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.35), rgba(0,0,0,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.35), rgba(0,0,0,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.35), rgba(0,0,0,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.35), rgba(0,0,0,0)); */
/*    margin: 25px;*/
}
.firsthidden{
	display: none;
	}

.btn{
	display: inline-block;
	text-align: center;
	font-size: 14px;
	width:140px;
	height:20px;
	margin:4px;
	padding: 4px;	
	border:1px solid black;
	border-top: 1px solid white;
	border-left: 1px solid white;
	background: #444;
	color: white;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	webkit-box-shadow: 4px 4px 4px rgba(0,0,0,.4);
	-moz-box-shadow: 4px 4px 4px rgba(0,0,0,.4);
	box-shadow: 4px 4px 4px rgba(0,0,0,.4);
	
}	
a.btn{
	color:white;
	text-decoration: none;
}
button.btn{width:140px;
	height:32px;
	margin:4px;
	padding-bottom: 12px;
}

.rounded{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.shadow{
	webkit-box-shadow: 4px 4px 4px rgba(0,0,0,.4);
	-moz-box-shadow: 4px 4px 4px rgba(0,0,0,.4);
	box-shadow: 4px 4px 4px rgba(0,0,0,.4);
}

.maintop{
/*	border:2px solid #777;*/
	margin: 12px 4px;
	padding:8px;
	padding-left: 12px;
	padding-right: 12px;
	overflow:hidden;
	
/*	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
*/}

.mainborder,.mainblank{
	border:2px solid #777;
	margin: 12px 4px;
	padding:8px;
	padding-left: 12px;
	padding-right: 12px;
/*	overflow:hidden;*/
	background: none;
/*	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;*/
}
.mainblank{	
	border:none;
	}

	
table{background: #F8F8FF;
}
.mainblank table{
	width:100%;
	vertical-align:top;

}
.mainblank table td{
vertical-align:top;
padding: 4px;
}
.mainblank table td p{
margin:2px;
padding:0px;
}

td p{
margin:2px;
padding:0px;
}



.highlightbox,.warning,.halfblank,.caption{
	position:relative;
	margin: 0 auto;
/*	overflow:hidden;*/
	width:96%;
}
/*.caption{
	border:2px solid black;
	background: white;
	
	}*/
.highlightbox,.warning{
/*	position:relative;*/
/*	margin: 0 auto;*/
	margin-top: 24px;
/*	width:50%;*/
	border:2px solid #bbb;
/*	background: white;*/
	
}
.highlightbox p{
padding:4px 15px;
	}
.warning p{
padding:4px 15px;
	}

.highlighttitle{
	text-align: center;
	display: block;
	padding:2px 8px;
	background:#FFe37b;
	}
.warningtitle{
	text-align: center;
	display: block;
	padding:2px 8px;
background:#F9BA33;
	background:#C13333;
	
	}
	.warning{
border:2px solid #C13333;
}
	
.highlighttitle h1{
	font-size: 20px;
	}
.warningtitle h1{
	color: white;
	font-size: 20px;
	}


.rmenuitem{
	display: block;
/*	width:204px;*/
	background: #FC6;
	background:#86BCFF;
	border: 1px solid #777;
	padding:4px;
	margin: 4px auto;
	left:-6px;
	position: relative;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	height:100%;
	text-decoration:none;
	color:black;	
	font-size:14px;
	background:#FFe37b;
	width: 230px;
	
}
.rmenuitem:hover{
	webkit-box-shadow: 0px 0px 0px rgba(0,0,0,.4);
	-moz-box-shadow: 0px 0px 0px rgba(0,0,0,.4);
	box-shadow: 0px 0px 0px rgba(0,0,0,.4);
}
.menuitem:hover{
	background:white;background:#FFe37b;
}
.rightcolumn{
	/*position: relative;
top:-12px;
*/	display: block;
/*	width:216px;*/
/*	float: right;	*/
/*	margin:0px 8px;*/
	height:100%;
}


.lefttext{
	border:1px solid #999;
	margin-right:270px;
	overflow: hidden;
/*	background: #fff;*/
	padding: 8px;
	padding-top: 4px;
/*	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	webkit-box-shadow: px 4px 4px rgba(0,0,0,.2);
	-moz-box-shadow: 4px 4px 4px rgba(0,0,0,.2);
	box-shadow: 4px 4px 4px rgba(0,0,0,.2);*/
	border:2px solid #555;
}
#headwrap .lefttext{
	border:0px solid #999;
	margin-right:270px;
	overflow: hidden;
	background: none;
	padding: 0px;
	padding-top: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border:none;
}

#foottext{
	font-size: 11px;
	display: block;
	width:100%;
	position: relative;
	float: left;
	/*top: -15px;*/
/*	margin:30px 0px;*/
	text-align: center;	
}
#disclaimer{
	font-size: 10px;
	display: block;
	width:100%;
	margin:30px 0px;
	text-align: center;	
}
.titlebar{
	position: relative;
	padding:2px 12px;
	background:#86BCFF;
	display: block;
	width: 100%;
	margin-left:-12px;
	margin-top:-8px;
	/*-moz-border-radius: 6px 6px 0px 0px;
	-webkit-border-radius: 6px 6px 0px 0px;
	border-radius: 6px 6px 0px 0px;*/
background:#FFe37b;
}
.titlebar h1{
	font-size: 16px;
}
.righttitlebar{
	position: relative;
	background:#86BCFF;
/*	background:#f9ba33;*/
/*	border:1px solid #285795;*/
	display: inline-block;
	width: 242px;
	/*-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;*/
/*margin-right: -8px;*/
margin-left: -8px;
	margin-bottom:4px;
/*	background:#A67C3B;*/
	}
.righttitlebar h1{
	text-align: center;
	font-size: 16px;
}

.sociallink{
	display: block;
	width:100%;
	text-align: center;	
}
.sample{
	font-family: arial,sans-serif;
	display: inline-block;
	width:45%;
	height:100px;
	padding: 8px;
	margin:8px;
	background: white;
	overflow: hidden;	
}
.urlbox{
	display: inline-block;
	width:45%;
	height:30px;
	padding: 8px;
	margin:8px;
	background: white;
	overflow: hidden;	
}
.sample li{
	margin-left: 30px;
}
.imgshrinkbox{display:inline-block;
	padding:8px;
	background:white;
/*	width:100%;*/
	min-width:100px;
	border:1px solid #ccc;
	webkit-box-shadow: 4px 4px 4px rgba(0,0,0,.2);
	-moz-box-shadow: 4px 4px 4px rgba(0,0,0,.2);
	box-shadow: 4px 4px 4px rgba(0,0,0,.2);
}	
.imgshrinkbox img{
	width:100%;

}
.vidbox{
	width: 80%;
/*	max-width:400px;*/
	padding:8px;
	background:white;
	min-width:100px;
	border:1px solid #ccc;
	webkit-box-shadow: 4px 4px 4px rgba(0,0,0,.2);
	-moz-box-shadow: 4px 4px 4px rgba(0,0,0,.2);
	box-shadow: 4px 4px 4px rgba(0,0,0,.2);
	margin: 0 auto;
}

.sideimgbox{display: block;
width:100%;
text-align: center;
	}
.imgbox{
	text-align: center;
	position:relative;
	margin: 0 auto;
	width:100%;
}
.tinyimg{
	max-width:200px;
}
.smallimg{
	max-width:300px;
}
.mediumimg{
	max-width:400px;
}
.bigimg{
	max-width:600px;
}
.massiveimg{
	max-width:800px;
}
.shrinkwrap{
	display: inline-block;
	margin: 0 auto;
}

.rightbox{
position: relative;
/*	font-size: 16px;*/
/*	width:100%;*/
	border:2px solid #555;
	padding:6px 10px;
	margin:12px 0px;	
	background: white;	
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	/*webkit-box-shadow: px 4px 4px rgba(0,0,0,.3);
	-moz-box-shadow: 4px 4px 4px rgba(0,0,0,.3);
	box-shadow: 4px 4px 4px rgba(0,0,0,.3);*/
}
.thumbdiv{
	text-align: center;
	display: block;
	float: left;
	width: 230px;
	height: 
	border:1px solid black;
	margin:4px;
	font-size: 10px;	
}
.sectbox{
	border:1px solid black;
	}
	
.sectbox h2{
	background: #FFE37B;
	color: black;
}	
	
	
.butlink,.sitelink,.sitemap{
	text-align: center;
	display: inline-block;
	width:204px;
	background:#f9ba33;
	border: 1px solid #777;
	padding:4px;
	margin: 4px 16px;
	height:100%;
	text-decoration:none;
	color:black;	
	font-size:16px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	
	}
.butlink:hover{	
	background:#FFe37b;
	}
.butlink:visited{	
	color:black;
	}
.butlink span{	
	font-size:16px;
	}
.rightbox .butlink{
	width:180px;
	margin: 4px auto;
	background:#ccc;
/*background:none;*/
	border:1px solid #777;
	color: black;
}

.greybut{
	text-align: center;
	display: inline-block;
	width:204px;
	background:#f9ba33;
	background:#ccc;

	border: 1px solid #777;
	border: 1px solid black;
	padding:4px;
	margin: 4px 16px;
	height:100%;
	text-decoration:none;
	color:black;	
	font-size:16px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.greybut:hover{
	background: black;
	color: white;
}
.greybut:visited{
	color:black;	
	}
.rightbox .butlink:hover{

background: black;
	color: white;
}

.greybut:visited:hover{
	color:white;
	}
.rmenuitem:hover{background:#f9ba33;
}
#shownboxes{
	position: relative;
/*top:-12px;*/
	display:inline-block;
	width:260px;
	float: left;	
	margin:0px 20px;
	height:100%;
	border: 2px solid green;
	background: #99FF99;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	text-align: center;
}
#shownboxes input{
width:30px;
}
#shownboxes .rightbox{
width: 226px;
}
#unshownboxes{
	position: relative;
/*top:-12px;*/
	display:inline-block;
	width:60%;
	float: left;	
	margin:0px 20px;
	height:100%;
	border: 2px solid red;
	background: #FFA347;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.oneboxbox{
margin:4px;
text-align:center;
background: #bbb;
}
#unshownboxes .oneboxbox{
	width:216px;
	min-height:140px;
display: inline-block;
	float: left;
}
#unshownboxes .rightbox{
	width: 180px;
		}
		
ul{
	margin-left: 0px;
	padding-left: 30px;
	padding-right: 10px;	
}
.centerdiv{
/*height:100%;*/
	width: 94%;
	max-width: 1360px;
	margin:0 auto;
	position: relative;
/*	background:#777;*/
/*	border:3px solid red;*/
/*overflow: hidden;*/

	}
	.centerdiv:before{
		content:"";
		width: 270px;
		right:0px;
/*float: right;*/
		height: 100%;
		background: #E8E8E8;
		position: absolute;
		display: block;
/*		z-index:-1;*/
		}

#bottomdonate{
	position: relative;
	width: 200px;
	height: 200px;
	top:-30px;
	display: inline-block;
	float: left;
	background:#FFE37B;
	}

.fixed-width{position: relative;
	float: left;
/*	padding-left:5px;*/
	width: 270px;
	padding:0px 12px;
	height: 100%;
	}

#bottommenu{position: relative;
	display: inline-block;
	float: left;
	margin-right: 270px;
/*	background:green;*/
	}

.fluid {position: relative;
	float: left;
	width: 100%;
	margin-right: -270px; /* The size of the fixed block. */
	}
.inner-block {
	margin-right: 270px; /* The size of the fixed block. */
	}
	
	
	
#mainsection{
	position: relative;
	margin:0 auto;
	width:100%;
/*	width:94%;
	max-width: 1360px;*/
/*	top:-2px;*/
	padding: 0px;
/*	padding-top: 8px;*/
}		
	
#bottombar{display:block;
min-height:230px;
	width: 100%;
	background:#f9ba33;
text-align: center;
font-size: 12px;
padding: 0px;
padding-top: 30px;
/*margin-top: 30px;*/
webkit-box-shadow: 4px -4px 4px rgba(0,0,0,.4);
-moz-box-shadow: 4px -4px 4px rgba(0,0,0,.4);
box-shadow: 4px -4px 4px rgba(0,0,0,.4); 
border-top: 1px solid #A36511;
position: relative;
overflow: hidden;
	}
.colheader{display: inline-block;
	font-weight: bold;
	margin-bottom: 12px;
font-size: 13px;
	}
.botmenucolumn{text-align: center;
	display: inline-block;
vertical-align: top;
	width:20%;	
	border-right: 1px solid #A36511;
/*	padding-left:10px;*/
}
.botmenucolumn a{
	text-decoration: none;
	display: block;
	width: 100%;
	color: black;
	margin-top: 5px;
}
.botmenucolumn a:hover{
	text-decoration: underline;
}

p a{ 
	/*color:#285795;
	color:#0D3261;
	color:#285895;*/
	text-decoration: none;
}
p a:hover{
	text-decoration: underline;

	}
p a:visited{
	/*color:#285795;
color:#0D3261;color:#285895;*/
}
li a{
		text-decoration: none;
	/*color:#285795;
	color:#0D3261;color:#285895;*/

	}
li a:hover{
		text-decoration: underline;

	}
li a:visited{
	/*color:#285795;
	color:#0D3261;color:#285895;*/
}

.whitetable{
	background:white;
	}
.cleartable{
	background:none;
	}
#flagsbox{
	text-align: center;
	}

.flagbox{
	text-align: center;
	width:50px;
	height:28px;
	display: inline-block;
	overflow: hidden;
	border: 1px solid #555;
	margin:3px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;

	}

.flagbox img{
	
	position: relative;	top:-1px;
	left:-1px;

/*	margin:0 3px;*/

}

#searchbox{
	padding-top:10px;
	border:1px solid #285795;
/*	position: relative;*/
/*	top:12px;*/
left:0px;
/*	margin-top:12px;*/
	margin-bottom: 30px;
	-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
background: #F8F8F8;


	}
	
.centerdiv{
	background: #F8F8F8;
/*background:	#FFEFB6;*/
	padding: 0;
/*	overflow: hidden;*/
	}
.rightcolumn{
/*	background: #eee;*/
/*	border-left: 2px solid #ddd;*/
position: relative;
padding: 0px 12px;
padding-top: 40px;
top:0px;
bottom: 0px;
/*padding-bottom: 3000px;*/
	}
.rightbox{
	background: none;
/*	border:2px solid #ddd;*/
border:none;
/*height: 100%;*/
margin: 0;

	}
.rightbox img{
	margin-top:8px;
	}

.fixed-width{
	margin: 0;
	padding: 0;
	}

.lefttext{
	border:none;
	background: #F8F8F8;
	}
#headwrap{
	position: relative;
z-index: 10;
	margin:0;
	
	}
.mainborder{
border:1px solid #bbb;
/*margin: 12px auto;*/
/*width:95%;		*/

		}
#mainsection{
/*	top:-10px;*/
	}
	
#header{background:#FFF173;
		
		}
#headbanner{
/*	background:#A67C3B;*/
/*	border-color: black;*/
	}
.readmore {
/*	color: #C13333;		*/
	color: #a52a2a;
	text-decoration: none;
	font-size: 16px;
}
.readmore:before{
	content: '[';
}
.readmore:after{
	content: '...]';
}
.readmore:visited{
	color: #a52a2a;	
}
.readmore:hover{
	text-decoration: underline;	
}
			
			/*
		.readmore a{
			color: #C13333;
			text-decoration: none;
			}*/




}
a.sitemap{
	width:190px;
	background: #FFF173;
	color:black;
	}
a.sitemap:visited{
	background: #FFF173;
	color:black;
	}

.fulledtbox{
	font-size: 16px;
}
.halfblank{
text-align: justify;
}

.sclbtn{
	/*display: inline-block;
	width:40px;
	height:40px;	*/
	margin: 0px 8px 4px 8px;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 320px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 320px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 320px),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 320px),
only screen and (                min-resolution: 192dpi) and (min-width: 320px),
only screen and (                min-resolution: 2dppx)  and (min-width: 320px) { 

  /* Small screen, retina, stuff to override above media query */

}

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

  /* Medium screen, non-retina */
  .menuitem{
width:25%;
}
.halfblank{
width: 90%;	

	}
.highlightbox,.warning{
	width:70%;
}

}

@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 700px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 700px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 700px),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 700px),
only screen and (                min-resolution: 192dpi) and (min-width: 700px),
only screen and (                min-resolution: 2dppx)  and (min-width: 700px) { 

  /* Medium screen, retina, stuff to override above media query */

}

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

  /* Large screen, non-retina */
.menuitem{
width:12%;
}
.halfblank{
width: 60%;	
	}
.highlightbox,.warning{
	width:50%;
}



}

@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 1300px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 1300px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 1300px),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 1300px),
only screen and (                min-resolution: 192dpi) and (min-width: 1300px),
only screen and (                min-resolution: 2dppx)  and (min-width: 1300px) { 

  /* Large screen, retina, stuff to override above media query */



}


/* added by JK John Koons */

/*** UNUSED: new 'World BZ Day' menu item - emphasis
.centerdiv .fluid .lefttext #topmenu a.menuitem:nth-child(2) {
	font-weight: 800;
	color: #285795;
	background-color: #FFE37B; /* always display in 'hover' bg color
}
***/