body
{
	background: url('../htmlimages/body_bg.jpg') top left repeat;
	font: 62.5%/1.4 sans-serif; /* set font size to 10px (a nice round number) - 1.4 line height */
	font-family:"Times New Roman", Times, serif;
}


h1{
	font-size:20px;
	font-weight:bold;
}

h2{
	font-size:20px;
	font-weight:bold;
}

p{
	font-size:13px;
	line-height:16px;
}

#container{
	margin:0 auto;
	width:920px;
	height:670px;
	position:relative;
}

#navigation{
	height: 37px;
	width: 900px;
	position:absolute;
	top:25px;
}

#navigation li{
	padding: 0;
	list-style-type: none;
	display: inline;
}

#navigation a{
	float: left;
	overflow: hidden;
	padding: 35px 0 0 0;
	height: 0;
}

#navigation a:hover{
	background-position: 0-35px;
}

#navigation a:active, #navigation a.selected{
	background-position: 0-35px;
}

#home a{
	position:absolute;
	left:150px;
	width: 89px;
	background: url('../htmlimages/home_btn.png') top left no-repeat;
}

#about a{
	position:absolute;
	left:380px;
	width: 94px;
	background: url('../htmlimages/about_btn.png') top left no-repeat;
}

#contact a{
	position:absolute;
	left:610px;
	width: 122px;
	background: url('../htmlimages/contact_btn.png') top left no-repeat;
}

/* home page style */
#homecontent{
	margin:0 auto;
	width:920px;
	height:670px;
	position:absolute;
	top:90px;
}

#noflash{
	background: url('../htmlimages/map.jpg');
	width:900px;
	height:600px;
}

#noflash h1{
	color:#330000;
	padding-left:210px;
	padding-top:250px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:28px;
}

#noflash a{
	outline:none;
	padding-left:230px;
	padding-top:10px;
	display:block;
	color:#330000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}

#noflash a:hover{
	color:#6A3500	
}

#noflash img{
	padding-top:8px;
	padding-left:170px;
	border:none;
}


/* about page style */
#aboutcontent{
	margin:0 auto;
	width:882px;
	height:670px;
	position:absolute;
	top:90px;
}

#aboutbackground{
	margin:0 auto;
	background: url('../htmlimages/aboutbkg.png') top left no-repeat;
	width:882px;
	height:670px;
	position:absolute;
}	

#aboutinfo{
	position:absolute;
	top:20px;
	left:70px;
	width:320px;
	height:400px;
}

#flower{
	background: url('../htmlimages/flower.png') top left no-repeat;
	width:156px;
	height:158px;
	position:absolute;
	top:500px;
	left:120px;
}

#leaf{
	background: url('../htmlimages/leaf.png') top left no-repeat;
	width:172px;
	height:190px;
	position:absolute;
	top:470px;
	left:-20px;
}

#camera{
	position:absolute;
	right:-15px;
	top:390px;
}

#cameranoflash{
	background: url('../htmlimages/camera.png') no-repeat;
	width:336px;
	height:214px;
	margin:20px 50px 0px 0px
}


/* about sponsors style */

#sponsors{
	position:absolute;
	top:20px;
	right:60px;
	width:350px;
	height:200px;
}

.logo{
	text-indent:-9999px;
}

#ymedia{
	background: url('../htmlimages/ymedia.jpg') top left no-repeat;
	width:105px;
	height:56px;
	position:absolute;
	top: 150px;
	right: 85px;
}

#eon{
	background: url('../htmlimages/eon.jpg') top left no-repeat;
	width:105px;
	height:49px;
	position:absolute;
	top: 100px;
	right: 80px;
}

#egp{
	background: url('../htmlimages/egp.jpg') top left no-repeat;
	width:92px;
	height:45px;
	position:absolute;
	top: 50px;
	right: 95px;
}

#nbne{
	background: url('../htmlimages/nbne.jpg') top left no-repeat;
	width:75px;
	height:79px;
	position:absolute;
	top: 45px;
	right: 280px;
}

#mds{
	background: url('../htmlimages/mds.jpg') top left no-repeat;
	width:74px;
	height:80px;
	position:absolute;
	top: 50px;
	right: 190px;
}

#seuangriver{
	background: url('../htmlimages/seuangriverlogo.jpg') top left no-repeat;
	width:62px;
	height:75px;
	position:absolute;
	top: 130px;
	right: 290px;
}

#ltna{
	background: url('../htmlimages/ltna.jpg') top left no-repeat;
	width:70px;
	height:69px;
	position:absolute;
	top: 135px;
	right: 195px;
}

#links{
	position:absolute;
	top:245px;
	right:60px;
	width:350px;
	height:200px;
}

#links h1{
	font-size:18px;
	font-weight:bold;
	line-height:18px;
}

#links p{
	line-height:7px;
}

a{
	text-decoration:none;
	color:#220000;
	margin-bottom:3px;
	outline:none;
}

a:hover{
	color:#C63200;
}

/* contact page style */

#contactcontent{
	margin:0 auto;
	width:882px;
	height:670px;
	position:absolute;
	top:90px;
}


#contactbackground{
	margin:0 auto;
	background: url('../htmlimages/contactbkg.png') top left no-repeat;
	width:882px;
	height:670px;
	position:absolute;
}

#contactimage{
	background: url('../htmlimages/contactimage.jpg') top left no-repeat;
	position:absolute;
	width:842px;
	height:700px;
	top:9px;
	left:14px;
}

#contactinfo{
	position:absolute;
	top:38px;
	left:60px;
	width:340px;
}

#contactinfo p{
	font-size:14px;
}

.contactname{
	margin-left:110px;
}

#contactlink a, #contactlink p{
	color:#441408;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none
}

#tag{
	background: url('../htmlimages/tag.png') top left no-repeat;
	width:462px;
	height:283px;
	position:absolute;
	top:405px;
	left:50px;
}

#website li {
	position:absolute;
	top:491px;
	left:187px;
	list-style-type: none;
	}

#website  a {
	float: left;
	padding: 64px 0 0 0; 
	overflow: hidden;
	height: 0px !important; 
	}
	
#website  a:hover {
	background-position: 0 -64px; 
	}
	
#awebsite  a  {
	width: 226px; 
	background: url('../htmlimages/website.jpg') top left no-repeat;
	}

#tagemail li {
	position:absolute;
	top:560px;
	left:187px;
	list-style-type: none;
	}

#tagemail  a {
	float: left;
	padding: 46px 0 0 0; 
	overflow: hidden;
	height: 0px !important; 
	}
	
#tagemail  a:hover {
	background-position: 0 -46px; 
	}
	
#atagemail  a  {
	width: 226px; 
	background: url('../htmlimages/email.jpg') top left no-repeat;
	}

#pencil{
	background: url('../htmlimages/pencil.png') top left no-repeat;
	width:333px;
	height:106px;
	position:absolute;
	right:-20px;
	top:518px;
}

/* contact page form style */

#form{
	position:absolute;
	top:160px;
	right:40px;
	width:350px;
	height:400px;
}

label{
	float: left;
	width: 63px;
	text-align: left;
	font-size:16px;
	font-weight:bold;
	line-height:33px;
}

.inputbox{
	background:transparent url(../htmlimages/inputbox.jpg) no-repeat scroll left top;
	border:0 none;
	width:240px;
	height:27px;
	outline:none;
}

.commentbox{
	background:transparent url(../htmlimages/commentbox.jpg) no-repeat scroll left top;
	border:0 none;
	width:240px;
	height:161px;
	line-height:33px;
	overflow:hidden;
	outline:none;
}

input, textarea{
	padding-left:2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-bottom:-5px;
}

#submitbox{
	margin-left:180px;
}


.submitbtn , .resetbtn{
	background:transparent url(../htmlimages/submitbox.jpg) no-repeat scroll left top;
	width:60px;
	height:26px;
	border:0 none;
	font-family:"Times New Roman", Times, serif;
	font-size:15px;
	font-weight:bold;
	width: 60px;
	padding-bottom:3px;
	margin-right:10px;
}

.validate {
	text-align: left;
	margin:3px 0px 10px 0px
}

#required1, #required2, #required3, #required4, 
#requiredplaceholding1, #requiredplaceholding2{
	background-repeat: no-repeat; 
	width: 10px;
	height: 10px;
	float: left;
}