/* CSS Document */
*{ padding:0px; margin:0px;}
body{ background:#7b5c3a;}
img{ border:none; outline:none;}
.clear{ clear:both;}
a{ text-decoration:none; outline:none; color:#484948;}
a:hover{ color: #0066FF; }

.topbody{ background:url(../images/topbody.jpg) 0 0 repeat-x;}
.header{ width:916px; margin:0px auto;}
.logoarea{ width:478px; height:50px; margin:26px 0 0 10px; float:left;}
.logobox{ width:182px; height:50px; float:left;}
.caption{ float:left; padding:24px 0 0 10px;}
.topmenu{ width:350px; height:20px; padding:14px 8px 0 0; float:right;}
.topmenu p, .topmenu table tr td a{ font-family:Tahoma; font-size:11px; color:#2d2b2b; line-height:20px; padding-right:10px;}
.topmenu p a{ color:#2d2b2b; text-decoration:none; padding-right:5px;}
.topmenu p a:hover{ color:#0066FF;}


.menuarea{ width:916px; height:47px; padding-top:20px;}
.navigation{ width:636px; height:47px; float:left; background:url(../images/all_nav.jpg) 0 0 no-repeat;}
.navigation ul li{ list-style:none; float:left;}
.callbg{ background:url(../images/phonebg.png) 0 0 no-repeat; width:280px; height:66px; float:left; margin:-19px 0 0 0;}
.callbg h3{ font-family:Tahoma; font-size:16px; color:#30479a; padding:14px 0 0 94px;}
.callbg h2{ font-family:Tahoma; font-size:20px; color:#7b5c3a; padding:0 0 0 94px;}
.main_btm{ position:relative; z-index:5; background:url(../images/btm_bg.png) bottom center no-repeat; padding-bottom:8px; width:932px; margin:0px auto;}
.wrapper{ background:url(../images/wrapper.png) center top repeat-y; width:932px; margin:0px auto;}
.mainbody{ width:905px; margin:0px auto;}
.banner{ width:905px; height:250px; padding:6px 0;}
.bodyarea{}
.leftbody{ background:#ffffff; width:200px; float:left;}
.leftbodyarea{ width:200px; float:left; border:#9CF; background:#fff;}
/*tatha*/
.leftbodyarea h2{ font-family:Calibri; font-size:24px; color:#2e3f8a; font-weight:bold; line-height:40px; padding:0 0 0 5px;}
.leftbodyarea a{ color: #003; font-size:14px; font-family:Calibri; font-weight:normal; }
.leftbodyarea a:hover{ color: #681b0a; font-size:14px; font-family:Calibri; font-weight:normal;}
.leftbodyarea h1{ font-family:Calibri; font-size:14px; color:#681b0a; font-weight:bolder; line-height:18px; padding:0 0 0 5px;}
.leftbodyarea h4{ font-family:Calibri; font-size:14px; color:#681b0a; font-weight:bold; line-height:14px; padding:0 0 5px 5px;}
.leftbodyarea h4 a{ color:#681b0a; padding:0 0 0 5px;}
.leftbodyarea h4 a:hover{ color: #0066FF; padding:0 0 0 5px;}
.leftbodyarea h3 { color: #0066FF; font-size:14px; font-family:Calibri; font-weight:normal; padding:0 0 0 5px;}
.leftbodyarea h3 a{ color: #0066FF; font-size:14px; font-family:Calibri; font-weight:normal; padding:0 0 0 5px;}
.leftbodyarea h3 a:hover{ color: #681b0a; font-size:14px; font-family:Calibri; font-weight:normal; padding:0 0 0 5px;}
/*tatha*/
.leftbodyareatop{ width:181px; padding:4px 0 20px 7px; }
.searchbody{ background:#a1e5f2; width:181px;}
.searchbody p{ font-family:Calibri; font-size:14px; color:#2d2b2b; line-height:20px; font-weight:bold; padding:0 0 0 10px;}
.selectbox1{ background:url(../images/inputbg.jpg) 0 0 no-repeat; width:167px; height:30px; margin:0 0 0 8px;}
.inputbox2{ background:none; border:none; padding:4px 0 0 8px; height:25px; width:154px;}
.search{padding:5px 0 2px 8px; vertical-align:middle;}
.search img{ vertical-align:middle;}
.leftbodyareabottom{ width:181px; padding:4px 0 0 7px;}
.leftbodyareabottom h2{ background:url(../images/greenkey.jpg) top right no-repeat; font-family:Calibri; font-size:24px; color:#681b0a; font-weight:normal; line-height:24px; padding:0 0 12px 12px;}
.leftbodyareabottom h2 span{ font-family:Calibri; font-size:26px; color:#b94318; font-weight:bold; line-height:24px;}
.emailbody{ background:#a1e5f2; width:171px; padding:0 0 0 7px;}
.emailbody p{ font-family:Calibri; font-size:14px; color:#1f1f1f; font-weight:bold; line-height:28px;}
.selectbox2{background:url(../images/inputbg.jpg) 0 0 no-repeat; width:167px; height:30px;}
.inputtext1{ background:none; border:none; padding:4px 0 0 8px; height:21px; width:154px;}
.login{ padding:6px 0;}
.bottommailbody{ background:url(../images/bottommail.jpg) 0 0 no-repeat; height:35px; width:178px; }
.bottommailbody p{ font-family:Trebuchet MS; font-size:15px; color:#242424; font-weight:normal; line-height:35px; text-align:center;}
.bottommailbody p a{ color:#242424;}
.bottommailbody p a:hover{ color: #0000FF;}
.shadowleft{ float:right; padding:-6px 0 0 0;}
.middlebody{ width:476px; max-width:885px; float:left; padding:18px 10px 0 10px; }
.middlebody h1{ font-family: Arial, Helvetica, sans-serif; font-size:18px; color:#273d88; font-weight: bold; line-height:100%;}
.middlebody h2 {color:#7E5C3B;font-family:Calibri;font-size:18px;font-weight:bold;margin-top:15px;}
.middlebody p{ font-family: Tahoma; font-size:14px; color: #666; font-weight: normal; line-height:20px; padding:5px 12px 8px 0;}
.middlebody ul {margin-left:40px;}
.middlebody ul li{ font-family: Tahoma; font-size:14px; color:#666; font-weight: normal; line-height:20px; list-style-image:url(../images/bullet.jpg);}
.middlebody p a{  color:#484948; border-bottom:1px #666 dashed;}
.middlebody p a:hover{  color: #0066FF;border-bottom:1px #0066FF dashed;}
.middletopbody{ width:472px;}
.boxbody{ width:152px;  padding:0 5px 0 0; float:left;}
.boxbodybg{ background:url(../images/boxbodybg.jpg) 0 0 repeat-x; height:137px; padding:5px 0 0 12px;}
.boxbodybg h2{ font-family: Calibri; font-size:24px; color:#7e5c3b; font-weight:bold; line-height:24px; padding:0 0 12px 0;}
.boxbodybg h2 span{ font-family: Calibri; font-size:18px; color:#273d88; font-weight: normal; line-height:24px; padding:0 0 15px 0;}
.boxbodybg p{ font-family: Tahoma; font-size:11px; color:#484948; font-weight: normal; line-height:11px;}
.rightbody{ background:#dff9fe; width:199px; float:left;}
.shadowright{ float:left; padding:-6px 0 0 0;}
.rightbodyarea{ width:181px; float:right; padding:0 0 0 4px;}
.rightbodyarea h2{ font-family:Calibri; font-size:24px; color:#2e3f8a; font-weight:bold; line-height:40px; }
.youtv{ border:#ade5f0 8px solid; margin:0 0 35px 0;}
.rightbodyarea h1{ font-family:Calibri; font-size:26px; color:#681b0a; font-weight:normal; line-height:28px; padding:0 0 5px 0;}
.rightbodyarea h4{ font-family:Calibri; font-size:14px; color:#681b0a; font-weight:bold; line-height:14px; padding:0 0 5px 0;}
.rightbodyarea h4 a{ color:#681b0a;}
.rightbodyarea h4 a:hover{ color: #0066FF;}
.rightbodyarea h3 { color: #0066FF; font-size:14px; font-family:Calibri; font-weight:normal;}
.rightbodyarea h3 a{ color: #0066FF; font-size:14px; font-family:Calibri; font-weight:normal;}
.rightbodyarea h3 a:hover{ color: #681b0a; font-size:14px; font-family:Calibri; font-weight:normal;}
.rightbodyarea p{ font-family:Tahoma; font-size:11px; color:#3d3d3f; font-weight:normal; line-height:14px; padding:0 0 5px 0;}

#footer{ background:url(../images/footer_bg.jpg) repeat-x; height:185px; margin-top:-22px; width:100%; position:relative; z-index:1;}
.mainfooter{ max-width:812px; height:185px; margin:0px auto;}
.mainfooter p{ font-family:Tahoma; font-size:11px; color:#909090;  font-weight:normal; line-height:16px; text-align:center; padding:14px 0 0 0;}
.mainfooter table {max-width:850px;}
.mainfooter p a{ color:#909090;}
.mainfooter p a:hover{ color:#0099FF;}
/*.topfooter{ width:812px; height:60px; padding:26px 0 0 0;}*/
.topfooter{ width:570px; height:45px; padding:40px 0 0 0;  margin:0 auto;}
.footerlogo{ float:left; padding:0 0 0 4px; margin-right:15px;}
.bottomfooter{ width:330px; margin:0px auto;}
/*.bottomfooter p{ font-family:Calibri; font-size:14px; color:#fff; font-weight:bold; line-height:14px; text-align:center; padding:22px 0 0 0;}*/
.bottomfooter p{ font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#909090; font-weight:normal; line-height:14px; text-align:center; padding:50px 0 0 0;}
/* Easy Slider */

	#slider{ /*background:url(../images/broun_bg.png) 0 0 no-repeat;*/ height:134px; width:670px; overflow:hidden;}	
	#slider ul{width:467px;}
	#slider ul, #slider li{
		padding:0;
		list-style:none;
		float:left;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:670px;
		height:134px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn{ 
		display:block;
		width:23px;
		height:46px;
		position:absolute;
		margin:-90px 0 0 0;
		text-indent:-5000px;
		}	
	#nextBtn{ 
		margin-left:647px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:23px;
		height:46px;
		/*background:url(../images/btn_prev.gif) no-repeat;*/
		}	
	#nextBtn a{ 
		/*background:url(../images/btn_next.gif) no-repeat 0 0;*/
		float:left;	
		}	
		
		.scrolltxt { float:left; margin:14px 0 0 45px;}
		.scrolltxt img{ float:left;}	
		.txt{ float:left; margin-top:25px; font-size:20px; color:#fff; font-family:Calibri, Arial; padding: 0 0 0 20px;}
		.txt h4{ font-size:20px; color:#fff; font-family:Calibri, Arial; font-weight:bold;}	
		.txt h5	{ font-size:16px; color:#8a2602; font-family:Calibri, Arial; font-weight:bold;}
		.txt h5 a{ color:#8a2602;}
		.txt h5 a:hover{ color:#0099FF;}							

/* // Easy Slider */

.componentheading{ font-family: Arial, Helvetica, sans-serif; font-size:22px; color: #273d88; font-weight: bold; line-height:120%; margin-bottom:20px;}
.contentheading { font-family: Arial, Helvetica, sans-serif; font-size:18px; color:#7e5c3b; font-weight: bold; line-height:100%; }

.invalid { color:#FF0000;}

.testi { color: #0066FF; font-size:25px; font-family:Calibri; font-weight:normal;}
.send { color: #484948; font-size:15px; font-family:Calibri; font-weight:bold;}

.error {color:#FF0000; font-weight:bold; font-family:verdana; font-size:11px;}

/*CONTACT FORM*/
.textbox, .email {background:#fff; border:1px #ccc solid; padding:2px; width:160px; font-size:12px;}
.editbox { width:160px; height:70px;border:1px #ccc solid; padding:2px;}
.input_submit {padding:3px; background:#f4f4f4; border:1px #ccc solid;}

form#adminForm_2 {padding:3px; border:1px #ccc solid;font-size:12px;font-family:Arial, Helvetica, sans-serif;background:#f4f4f4;}

.sb_blue {background: #D5E2EE; border:1px #ccc solid; line-height:100%; width:178px; margin:10px; padding-top:10px;}
.sb_blue a{color:#273d88;}
.sb_blue a:hover{color:#273d88;text-decoration:underline;}
.sb_blue p{margin:10px;}
.sb_blue ul{margin-left:10px;padding-top:10px;}
.sb_blue ul li{list-style:none; margin-bottom:10px;}

.testi{border:#7E5C3B solid 2px; padding-bottom:05px; padding-top:05px; padding-left:05px; margin-top:6px;}

.vshot{text-align:center;padding-top:10px;}
.vshot img{width:155px;}

#component-contact {
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:14px;
}

#component-contact form{
	border:1px #9CF solid;
	background:#D7EDFB;
	padding:10px;
	margin-top:6px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.inputbox{
	padding: 3px;
	width:350px;
}
.contact_title{
	border-left:1px #9CF solid;
	border-top:1px #9CF solid;
	border-right:1px #9CF solid;
	margin-left:30px;
	background:#D7EDFB;
	padding:10px;
	z-index:99;
	font-weight:bold;
}
.button{
	padding:5px;
	background:#f4f4f4;
	border:1px #ccc solid;
}

#system-message{
	padding: 10px 15px 2px 30px;
	margin-bottom:20px;
	font-family:Calibri;
	background: url(../images/accept.png) left no-repeat;
	border-bottom: 2px #273d88 dashed;
	font-size:16px;
	color:#273d88;
	font-weight:bold;
	height:30px;
}
#system-message dt{
	display:none;
}
#system-message ul{
	padding:0px;
	margin:0px;
}
#system-message ul li{
	list-style:none;
	list-style-image:none;
	font-size:20px;
	color:#273d88;
}

.h2brown {
	color:#7E5C3B;
	font-family:Calibri;
	font-size:24px;
	font-weight:bold;
	line-height:24px;
	padding:0 0 12px;
}

ul.home{
	clear:both;
	margin-bottom:30px;
	display: inline-table;
	border-top:1px #ccc solid;
	width:100%;
	padding:0px;
	margin-left:0px;
	margin-top:0px;
}

ul.home li{
	float:left;
	padding:5px;
	width:250px;
	height:12px;
	margin-right:20px;
	list-style-image:none;
	list-style:none;
}

.home-title {
	border-left:1px #ccc solid;
	border-top:1px #ccc solid;
	border-right:1px #ccc solid;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	padding:3px 10px;
	margin-left:20px;
	margin-bottom:0px;
	background:#D5E2EE;
	position:relative;
	z-index:99;
	font-weight:bold;
	width:220px;
	color:#003;
}

.home-title h2{
	margin-top:0px;	
	color: #630;
	font-family:Calibri;
}
a.mainlevel{font-family:Arial, Helvetica, sans-serif; color:#909090; font-size:12px;margin-right:10px;text-align:center;}
.legacymenu {
	margin:10px;
	text-align:center;
}

/*** Hung Tran - Style for the Back link in zoo item detail page ***/
#yoo-zoo .item .element h3 {
	float: left;
	padding-right: 5px;
	color: #484948;
	font-weight: normal;
	font-size: 16px;
	line-height: 20px;
}
#yoo-zoo .item .pos-top .box-t1, #yoo-zoo .item .pos-top .box-b1, #yoo-zoo .item .pos-top .box-b1 {
	display: none;
}
#yoo-zoo .item .pos-top .box-1 {
	padding: 0;
	border: none;
}