@media (max-width:500px) {
	/* small screen */
	#catdiv1					{ display:block; }
	#catdiv1a				{ display:block; }
	#catdiv1b				{ display:block; }
	#catdiv2					{ display:block; }
}
@media (min-width:501px) and (max-width:900px) {
	/* medium screen */
	#catdiv1					{ display:block; vertical-align:top; text-align:center;}
	#catdiv1a				{ display:inline-block; vertical-align:top; }
	#catdiv1b				{ display:inline-block; vertical-align:top; }
	#catdiv2					{ display:block; vertical-align:top; }
}
@media (min-width:901px) {
	/* desktop screen */
	#catdiv1					{ display:table-cell; vertical-align:top; width:320px; }
	#catdiv1a				{ display:inline-block; vertical-align:top; }
	#catdiv1b				{ display:inline-block; vertical-align:top; }
	#catdiv2					{ display:table-cell; vertical-align:top; width:590px; }
}



.titleimage			{ text-align:center; border:0px; max-width:100%;}
.titleimage img	{ max-width:100%; max-height:100%; border:none; }
h2						{ font-size:20pt; margin:2px 0px 5px;}

/* DOMESTIC CATBOX */
.domesticcatbox							{ display:block;
												margin:2px; padding:5px;
												border:1px dashed #c0c0c0; margin:10px;
												text-align:center; vertical-align:top;
												}
.domesticcatbox img						{ border:none; }
.domesticcatbox h6						{ color:#202080; margin:0px; }
.domesticcatbox h6:nth-child(3)		{ font-weight:bold; font-style:normal; }
.domesticcatbox h6:nth-child(4)		{ font-weight:bold; font-style:normal; }
.domesticcatbox h6:nth-child(5)		{ font-weight:normal; font-style:italic; }
.domesticcatbox .image		{ }
.domesticcatbox img			{ width:none; height:none; }
.domesticcatbox h6:nth-child(3)	{ font-size:11pt; }
.domesticcatbox h6:nth-child(4)	{ font-size:8pt; }
.domesticcatbox h6:nth-child(5)	{ font-size:8pt; }
/* DOMESTIC CATBOX */

/* WILD CAT BOX */
@media (max-width:500px) {
	/* small screen */
	.catbox					{ width:100%; }
	.catbox .image			{display:table-cell; vertical-align:top; }
	.catbox .text			{display:table-cell; vertical-align:top; text-align:left; }
}
@media (min-width:501px) and (max-width:900px) {
	/* medium screen */
	.catbox					{ width:150px; }
	.catbox .image			{display:block;}
	.catbox .text			{display:block; text-align:center;}
}
@media (min-width:901px) {
	/* desktop screen */
	.catbox					{ width:150px; }
	.catbox .image			{display:block;}
	.catbox .text			{display:block; text-align:center;}
}
.catbox										{text-align:center; display:inline-block; vertical-align:top; 
												margin-bottom:15px; }
.catbox .image								{width:140px; height:100px; }
.catbox .image img						{max-width:100%; max-height:100%;}
.catbox .text								{}
.catbox h6									{margin:0px; }
.catbox .thainame							{font-weight:bold; font-size:11pt; }
.catbox .englishname						{font-weight:bold; }
.catbox .sciname							{font-style:italic; font-weight:normal; }
/* WILD CAT BOX */

/* CAT MAP */
.catmap					{ border:1px dashed #c0c0c0; margin:10px; padding:0px; text-align:center; }
.catmap					{ display:block; }
/* CAT MAP */

/* CAT WORD */
.catword					{ border:none;
							margin:10px; padding:0px;
							width:280px; height:320px;
							background-image:url(dailycattermback.jpg);
							}
.catword h1				{ font-size:1pt; color:#ffffff; }
.catword h3				{ font-size:14pt; margin:0px; }
.catword .text			{ position:relative;
							left:55px; top:30px;
							width:205px; height:180px;
							border:none;
							}
.catword p				{ text-indent:0px; font-size:11pt; }
/* CAT WORD */

/* CAT LIST BOX */
.catlistbox				{ border:1px dashed #c0c0c0; margin:10px; padding:5px; min-height:100px; }
.catlistbox ul			{ padding:10px 15px; margin:0px; }
.catlistbox li			{ font-size:12pt; }
/* CAT LIST BOX */