/* BKK Expats default style sheet*/
html, body
{
	margin:				0;
	padding:			0;
}
body
{
	font-weight:		400;
	font-size:			12px;
	line-height:		1.3em;
	font-family:		arial, helvetica, sans-serif;
	font-variant:		normal;
	font-style:			normal;
	color:				#21362e;
	background-color:	#ffffff;
	text-align:			left;
}
h1
{
	font-weight:		600;
	font-size:			18px;
	line-height:		20px;
	white-space:		nowrap;
	background-color:	transparent;
	margin:				0px;
	padding:			0px;
	
}
h2
{
	font-weight:		600;
	font-size:			16px;
	line-height:		18px;
	background-color:	transparent;
	margin:				0px;
	padding:			0px;
}
h3
{
	font-weight:		600;
	font-size:			14px;
	line-height:		16px;
	background-color:	transparent;
	margin:				0px;
	padding:			0px;
}
h4
{
	font-size:			12px;
	font-weight:		600;
	line-height:		14px;
	background-color:	transparent;
	margin:				0px;
	padding:			0px;
}
img
{
	padding:			0;
	border:				0;
}
fieldset
{
	border:				0;
}
legend
{
	font-size:			11px;
	font-weight:		600;
}
p
{
	margin:				2px 0px 12px;
}
table
{
	border:				0;
	padding:			0;
	margin:				0;
}
ul
{
	margin:				0;
	padding:			0;
	list-style:			none;
	width:				160px;

}
ul li
{
	position:			relative;
	z-index:			4;
	height:				24px;
	margin:				0;
	padding:			0;
	padding:			0px 0px 2px;
}
li ul
{
	position:			absolute;
	background-color:	#ebedec;
	border:				1px solid #21362e;
	height:				auto;
	top:				0px;
	left:				160px;
	margin:				0;
	padding:			0;
	display:			none;
	z-index:			4;
}
ul#guidelines
{
	margin:				0px 0px 12px 12px;
	width:				auto;
	list-style:			disc;	
}
ul#guidelines li
{
	width:				auto;
	height:				auto;
	list-style:			disc;
	padding:			0px;
	list-style-position:inside;
}
h2.colHead
{
	margin:				0px 0px 5px 0px;
}
#searchInstruct
{
	width:				300px;
	margin:				0px 5px;
	padding-left:		0px;
	height:				auto;
}
#searchInstuct li
{
	padding-left:		0px;
	width:				300px;
	height:				auto;
}
#dirHead
{
	border-bottom:		2px solid #21362e;
	padding-bottom:		2px;
}
.s_Form
{
	border:				1px solid;
	margin-bottom:		10px;
}
.dirSearch
{
	border:				1px solid;
}
.dirInput
{
	width:				160px;
}
.banDisp
{
	text-align:			center;
	margin:				5px auto;
}
.footBanDisp
{
	width:				234px;
}
#menu-root
{
	width:				160px;
	height:				auto;
	margin-top:			-4px;
	background-color:	#ebedec;
	border-bottom:		1px solid #21362e;
}
.subMenu
{
	border-top:			0;
}
/* -- Positioning  elements */
#page
{
	width:				960px;
	position:			relative;
	top:				0px;
	margin:				10px auto;
}
#heading
{
	height:				90px;
	text-align:			left;
	background-image:	url('/graphics/head-bg.gif');
	background-repeat:	repeat-x;
	white-space:		nowrap;
}
#menu
{
	font-weight:		600;
	float:				left;
	white-space:		nowrap;
	padding:			4px 0px 5px 0px;
}
#titleText
{
	height:				90px;
}
#titleImg
{
	width:				470px;
	margin:				0px auto;
	padding:			5px 0px;
}
#nav
{
	height:				24px;
	border-top:			2px ridge #21362e;
	border-bottom:		2px ridge #21362e;
}
#mainPg
{
	margin:				24px 0px 0px 170px;
}
#menuCol
{
	float:				left;
	width:				160px;
	margin:				0px 0px 0px -170px;
	
}
#navCol
{
	width:				160px;
	background-color:	#ebedec;
	border:				1px solid #21362e;
	border-top:			none;
	padding-bottom:		24px;
}
#leftCol
{
	width:				430px;
	padding:			0px 0px 0px 10px;
	float:				left;
	text-align:			justify;
}
#rightCol
{
	width:				325px;
	padding:			0px 0px 0px 10px;
	float:				right;
	text-align:			justify;
}
#flagList
{
	background-color:	#ebedec;
	border:				1px solid #21362e;
	float:				right;
	width:				120px;
	margin:				0px;
}
#flagList li
{
	height:				20px;
	padding:			2px 20px 0px 20px;
	margin:				0px auto;
	width:				100px;
}
#flagItems
{
	display:			none;
	position:			static;
	margin-top:			5px;
	margin-left:		-21px;
	width:				120px;
}
#flagItems li
{
	width:				100px;
	padding:			2px 10px 0px 10px;
}
#contactForm
{
	width:				450px;
	margin:				15px auto;
}
.inner-left
{
	width:				49%;
	padding:			5px;
	padding-left:		0px;
	float:				left;
	text-align:			justify;
}
.inner-right
{
	width:				49%;
	padding:			5px;
	padding-right:		0px;
	float:				right;
	text-align:			justify;
}
.directoryEntry
{
	border-bottom:		2px solid #21362e;
	margin-bottom:		12px;
}
.camIcon
{
	border:				none;
	float:				left;
	padding:			0px 10px 5px 0px;
}
.XXlong
{
	min-height:			660px;
}
.Xlong
{
	min-height:			560px;
}
.long
{
	min-height:			460px;
}
.med
{
	min-height:			360px;
}
.short
{
	min-height:			260px;
}
.imgLeft
{
	float:				left;
	padding:			0px 10px 10px 0px;
}
.imgRight
{
	float:				right;
	padding:			0px 0px 10px 10px;
}
.imgPara
{
	text-align:			center;
	margin:				0px 0px 12px 0px;	
}
.textPara
{
	margin:				0px 0px 12px 0px;
}
.caption
{
	text-align:			left;
	font-size:			10px;
	font-style:			italic;
	line-height:		1.2em;
}
.twoColImg
{
	margin:				0 auto;
}
#footer
{
	clear:				both;
	text-align:			center;
	margin:				12px auto;
	font-size:			8pt;
	z-index: 			5;
}
#botMenu
{
	padding:			15px 15px;
	margin:				15px auto;
	width:				100%;
	border-top:			2px solid #21362e;
	
}
#time
{
	font-weight:		600;
	float:				right;
	width:				280px;
	padding:			4px 20px 5px 0px;
	text-align:			right;
}
#leftCorner
{
	position:			absolute;
	background-image:	url('/graphics/Lhead.gif');
	left:				10px;
	top:				0px;
	width:				99px;
	height:				90px;
}
#rightCorner
{
	position:			absolute;
	background-image:	url('/graphics/Rhead.gif');
	right:				10px;
	top:				0px;
	width:				99px;
	height:				90px;
}

/*
end positions
*/
a:link
{
	color:				#0000ff;
	text-decoration:	underline;
}
a:visited
{
	color:				#0000ff;
	text-decoration:	underline;
}
a:active
{
	color:				#0000ff;
	text-decoration:	underline;
}
a:hover
{
	color:				#0000ff;
	text-decoration:	underline;
}
a.topMenu:link
{
	padding:			0 10px;
}
a.topMenu:active
{
	padding:			0 10px;
}
a.topMenu:hover
{
	padding:			0 10px;
}
a.topMenu:visited
{
	padding:			0 10px;
}
a.menu-list:link
{
	display:			block;
	border-top:			1px solid #21362e;
	font-weight:		600;
	text-decoration:	none;
	line-height:		24px;
	color:				#21362e;
	background-image:	url('/graphics/subArrowDark.gif');
	background-position:98% 7px;
	background-repeat:	no-repeat;
	padding:			0px 0px 2px 1em;
}
a.menu-list:active
{
	display:			block;
	text-decoration:	none;
	line-height:		24px;
	padding-bottom:		0px;
	color:				#21362e;
	padding:			0px 0px 2px 1em;
}
a.menu-list:visited
{
	display:			block;
	text-decoration:	none;
	line-height:		24px;
	padding-bottom:		0px;
	color:				#21362e;
	padding:			0px 0px 2px 1em;
}
a.menu-list:hover
{
	display:			block;
	text-decoration:	none;
	line-height:		24px;
	padding:			0px 0px 2px 1em;
	background-color:	#21362e;
	background-image:	url('/graphics/subArrowLight.gif');
	background-position:98% 7px;
	background-repeat:	no-repeat;
	color:				#ebedec;
}
a.menu-file
{
	display:			block;
	border-top:			1px solid #21362e;
	font-weight:		600;
	text-decoration:	none;
	color:				#21362e;
	line-height:		24px;
	padding:			0px 0px 2px 1em;
}
a.menu-file:active
{
	display:			block;
	text-decoration:	none;
	color:				#21362e;
	line-height:		24px;
	padding-bottom:		0px;
	padding:			0px 0px 2px 1em;
}
a.menu-file:visited
{
	display:			block;
	text-decoration:	none;
	color:				#21362e;
	line-height:		24px;
	padding-bottom:		0px;
	padding:			0px 0px 2px 1em;
}
a.menu-file:hover
{
	display:			block;
	text-decoration:	none;
	line-height:		24px;
	padding-bottom:		0px;
	padding:			0px 0px 2px 1em;
	background-color:	#21362e;
	color:				#ebedec;
}
li.list_1:hover ul.subMenu
{
	display:			block;
	border-top:			0;
}
li.list_2:hover ul.subMenu
{
	display:			block;
	border-top:			0;
}
li.list_3:hover ul.subMenu
{
	display:			block;
	border-top:			0;
}
li.list_4:hover ul.subMenu
{
	display:			block;
	border-top:			0;
}
/* -- end of file -- */