/*//////////////////////////////////////////////////////////
	Global Stuff
//////////////////////////////////////////////////////////*/

	div hr, .hide { 
		height: 0; width: 0;
		font: 1px/1px sans-serif; text-indent:-9999px;
		position: absolute; top:0; left: -9999px;
		overflow:hidden; background:none;
	}
	*, span {
		padding:0;
		margin:0;
	}
	br.clear {
		height:0em;
		font: 1px/1px sans-serif; /* stop IE from revealing unnecessary bg */
		text-decoration:none;
		margin:0;
		padding:0;
		clear:both;
	}
	
/*/////////////////////////////////////////////////////////////////////
	Fontage
/////////////////////////////////////////////////////////////////////*/

	body, a, ul, li, p, h1, h2, h3, h4, input, select, textarea {
		font-family:Arial, Helvetica, sans-serif;
		text-decoration:none;
	}

/*/////////////////////////////////////////////////////////////////////
	Shell
/////////////////////////////////////////////////////////////////////*/

	body, html {
		/* commented backslash hack v2 \*/
		height:100%;
		margin:0; 
		/* recover from hack */
	}
	body {
		font-family:Arial, Helvetica, sans-serif;
		text-align:center;
		background:#7C8475 url(../../images/misc/tile-bg.jpg) center top repeat-x fixed;
		padding:0;
	}
	
	#panel {
		height:auto !important;
		height:100%;
		min-height:100%;		
		
		width:828px;
		text-align:left;
		background: url(../../images/misc/wood-tile.jpg) 14px -34px repeat-y;
		margin:0 auto 0 auto;
	}
	
	#shadow {
		/* ensure 100% height */
		position:absolute;
		height:auto !important;
		height:100%;
		min-height:100%;
		
		width:828px;
		text-align:left;
		background:url(../../images/misc/shadow.png) center top repeat-y;
		margin:0; padding:0 0 0 0;
	}
		
	#container {
		width:800px;
		background: url(../../images/misc/wood-tile.jpg) 0 -34px repeat-y;
		margin:0 14px 0 14px; padding:0;
	}
	
/*/////////////////////////////////////////////////////////////////////
	header
/////////////////////////////////////////////////////////////////////*/

	#head {
		width:737px; height:168px;
		background:url(../../images/misc/top.jpg) no-repeat;	
		margin:0 0 0 36px; padding:23px 0 0 0;
	}
	#head h1 {
		width:471px; height:93px;
		/*background:url(../../images/headings/hdr-main.gif) no-repeat;*/
		text-indent:-9999px; line-height:0.01em; font-size: 0;
		margin:0 0 0 217px;
	}
	
	/* top menu */
	
	#topNav {
		list-style-type:none;
		margin:8px 0 0 198px; padding:0;
	}
	#topNav li, #topNav li a {
		height:40px;
	}
	#topNav li {
		text-indent:-9999px; line-height:0.01em; font-size: 0;
		background-repeat:no-repeat;
		display:inline; float:left;
		margin:0 10px 0 0; padding:0;
	}
	#topNav li a {
		display:block;
	}
	
	/* top menu item size and images */
	
	#tn-1, #tn-1 a {
		width:107px;
	}
	#tn-1 {
		width:107px;
		background-image:url(../../images/nav/top/home-1.gif);
	}
	
/*/////////////////////////////////////////////////////////////////////
	menu / content divs
/////////////////////////////////////////////////////////////////////*/	
	
	#conL, #conR {
		display:inline; float:left;
	}
	#conL {
		width:174px;
		margin:0 0 0 36px;
	}
	#conR {
		width: 550px;
	}

/*/////////////////////////////////////////////////////////////////////
	Sub Nav
/////////////////////////////////////////////////////////////////////*/	

	#conL ul {
		list-style-type:none;
		margin:22px 0 0 0; padding:0;
	}
	#conL ul li {
		background-repeat:no-repeat;
		text-indent:-9999px; line-height:0.01em; font-size: 0;
	}	
	#conL ul li a {
		display:block;
	}
	#conL ul li a:hover {
		background-image:none;
	}
	
	
	
	
	/* images for nav */
	
	
	#sn-1, #sn-1 a {
		width:169px; height:43px;
	}	
	#sn-1 {
		background-image:url(../../images/nav/sub/fun-and-games-2.jpg);
		/*margin:0 0 6px 0;*/
	}
	#sn-1 a {
		background-image:url(../../images/nav/sub/fun-and-games-1.jpg);
	}




	#sn-2, #sn-2 a {
		width:169px; height:49px;
	}	
	#sn-2 {
		background-image:url(../../images/nav/sub/get-involved-2.jpg);
		/*margin:0 0 8px 0;*/
	}
	#sn-2 a {
		background-image:url(../../images/nav/sub/get-involved-1.jpg);
	}




	#sn-3, #sn-3 a {
		width:169px; height:46px;
	}	
	#sn-3 {
		background-image:url(../../images/nav/sub/our-kids-2.jpg);
		/*margin:0 0 6px 0;*/
	}
	#sn-3 a {
		background-image:url(../../images/nav/sub/our-kids-1.jpg);
	}



	#sn-4, #sn-4 a {
		width:169px; height:49px;
	}	
	#sn-4 {
		background-image:url(../../images/nav/sub/links-2.jpg);
		margin:0;
	}
	#sn-4 a {
		background-image:url(../../images/nav/sub/links-1.jpg);
	}



	#sn-5, #sn-5 a {
		width:169px; height:48px;
	}	
	#sn-5 {
		background-image:url(../../images/nav/sub/teachers-2.jpg);
		/*margin:0 0 6px 0;*/
	}
	#sn-5 a {
		background-image:url(../../images/nav/sub/teachers-1.jpg);
	}



	#sn-6, #sn-6 a {
		width:169px; height:43px;
	}	
	#sn-6 {
		background-image:url(../../images/nav/sub/who-we-support-2.jpg);
		
	}
	#sn-6 a {
		background-image:url(../../images/nav/sub/who-we-support-1.jpg);
	}

	
	#sn-7, #sn-7 a {
		width:169px; height:43px;
	}	
	#sn-7 {
		background-image:url(../../images/nav/sub/latest-news-2.jpg);
		
	}
	#sn-7 a {
		background-image:url(../../images/nav/sub/latest-news-1.jpg);
	}	




/*/////////////////////////////////////////////////////////////////////
	footer
/////////////////////////////////////////////////////////////////////*/	

	#footer {
		height:19px;
		text-indent:-9999px; line-height:0.01em; font-size: 0;
		margin:20px 0 0 0;
		padding:7px 0 7px 0; 
	}
	#footL, #footR {
		background-repeat:no-repeat;
		display:inline; float:left;
	}
	#footL {
		width:159px; height:12px;
		background-image:url(../../images/misc/footer-pattaya.gif);
		margin:0 0 0 238px;
	}
	#footR, #footR a {
		width:132px; height:12px;
	}
	#footR {
		background-image:url(../../images/misc/footer-iweb.gif);
		margin:0 0 0 19px;
	}
	#footR a {
		display:block;
	}
	
	#footR .iweb span {
		display:none;
	}
	
	#footLNews{
		text-align: left;
		color: #fff;
		text-indent: 0;
	   line-height:1em; 
		font-size: 11px;
		margin:0 0 0 238px;
		}
	
	#footLNews ul,#footLNews ul li{
		margin: 0; padding: 0
	}
	
	#footLNews ul li{
		color: #fff;
		margin-right: 20px;
		float: left;
		list-style: none;
	}
	
	#footLNews ul li a{
		color: #fff;
	}
	
	
