body					{background:#fff; padding:0; margin:0; font-family:Tahoma, Helvetica, sans-serif; font-size:13px; color:#333; text-align:justify; line-height:18px;}
a						{text-decoration:none; color:#666;}
a:hover					{text-decoration:underline;}
h1, h2, h3, h4, h5, h6	{margin:0; padding:0;}
#wrapper				{width:100%; height:100%;}
#container				{width:960px; margin:0 auto; border:0px solid #F00;}
p						{font-family:Verdana, Geneva, sans-serif; font-size:12px; text-align:left; color:#fff; line-height:18px; margin:0px;}
.divider				{background:url(../img/divider.jpg) repeat-x left center; height:2px;}
.clear					{clear:both; float:none;}
/*********** header ***********/
#header					{width:100%; height:117px; float:left; margin:0;}
#header .logo			{float:left; width:960px; padding:5px 0 0 0;}
#header .logo h1 a		{display:block; height:42px; width:238px; height:100px; text-indent:-9999px; background:url(../images/al-haiye.png) no-repeat left;}
.search-border 			{border:1px solid #ccc;}
.search-input			{color:#eee; padding:0 15px; width:225px; height:28px; line-height:28px; border:1px solid #666; background:#666;}
/*********** header ***********/

/* - - - ADxMenu: BASIC styles [ MANDATORY ] - - - */
.menu, .menu ul					{margin:0 auto 5px 0; padding:0px; width:960px; 230px; border:0; list-style-type:none; display:block; border:0px solid #F00;}
.menu li						{display:block; float:left; position:relative; z-index:5; text-align:left; padding:15px 52px; font-size:13px;}
.menu li:hover					{z-index:10000; white-space:normal; }
.menu li li						{float:none; width:220px; padding:0;}
.menu ul						{visibility:hidden; position:absolute; z-index:10; left:0; top:0;}
.menu li:hover>ul				{visibility:visible; top:100%;}
.menu li li:hover>ul			{top:0; left:100%;}

.menu:after, .menu ul:after		{content: "."; height:0; display:block; visibility:hidden; overflow:hidden; clear:both;}
.menu, .menu ul					{min-height:0; }
/* -- float.clear.END --  */
.menu ul						{background:url(../images/empty.gif); padding:10px 30px 30px 30px; margin:-10px 0 0 -30px;}
.menu ul ul						{padding:30px 30px 30px 10px; margin: -36px 0 0 10px;}
/* -- sticky.submenu.END -- */
.menu, .menu ul li				{color:#eee; background:#003549;}
.menu ul						{width:11em;}
.menu a							{text-decoration:none; color:#eee; padding:.4em 1em; display:block; position:relative;}
.menu a:hover, .menu li:hover>a {color:#0182b3;}
.menu li li						{border:1px solid #ddd;}
.menu ul>li + li				{border-top: 0;}
.menu li li:hover>ul			{top:5px; left: 90%;}
.menu>li:first-child>a, .menu li + li + li li:first-child>a {}
/*********** top nav***********/

#lands			{width:960px; height:auto;}
#logobox a		{width:260px; height:350px; background:#0182b3 url(../images/haiyelogo.jpg) no-repeat; text-indent:-9999px; float:left;}
.slider			{width:700px; height:350px; float:right;}

#landr			{width:960px; height:auto;}
#leftdiv		{width:260px; float:left; height:200px; border:0px solid #fff;}
.recentbox		{width:240px; margin:0;}
.heading		{font-size:15px; font-weight:bold; text-transform:uppercase; display:block; width:auto; color:#005170; margin:10px 0 0 0;}
.recentboxin	{width:240px; height:200px; margin:0px;}
.recentimg		{float:left;}
.boxes			{height:87px; margin:10px 0; width:240px; border-bottom:1px solid #ccc;}
.boxtxt			{width:160px; height:80px; float:right; margin-right:5px; margin-top:5px;}
.boxtxt a		{color:#0182b3; font-size:11px; text-decoration:none; font-weight:bold; float:right; margin-top:6px;} .boxtxt a:hover {text-decoration:underline;}

#rightdiv		{width:960px; float:right; background:#f6f6f6; clear:both; margin-top:410px;}
.welcome		{width:900px; margin:10px auto 0 auto; border-bottom:0px solid #ccc;}
.welcometxt		{font-size:13px; text-align:justify; line-height:22px;}

.ser-btn		{color:#fff; text-decoration:none; background:#666; padding:5px 10px; font-family:Verdana; text-align:center; font-size:12px; width:210px; display:block;}
.ser-btn:hover	{background:#00498D; text-decoration:none;}

.hse-btn		{color:#fff; text-decoration:none; background:#666; padding:5px 10px; font-family:Verdana; text-align:center; font-size:12px; width:220px !important; display:block;}
.hse-btn:hover	{background:#00498D; text-decoration:none;}

.hselogo		{float:left; margin:-180px 0 0 310px;}
.hsems			{float:right; margin:-180px 20px; 0 0;}

.column1		{width:200px; border:0px solid #ccc; margin:10px 0 0 25px; float:left;}
.column2		{width:200px; border:0px solid #ccc; margin:10px auto 0 25px; float:left;}
.column3		{width:200px; border:0px solid #ccc; margin:10px 25px 0 0; float:right;}
.columnheading	{font-size:13px; font-weight:bold; display:block; width:auto; color:#0182b3; height:22px;}
.columntxt		{font-size:12px; text-align:justify; line-height:18px;}
.columntxt a	{text-decoration:none; font-size:11px; float:right; background:#0182b3; padding:3px 15px; color:#fff; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; border-radius:6px; margin-top:10px;}
.columntxt a:hover {background:#333;}

/*********** inner heaer ***********/
#logoin a		{width:260px; height:200px; background:#0182b3 url(../images/logoin.jpg) no-repeat; text-indent:-9999px; float:left;}
.sliderin		{width:960px; height:200px; float:right; background:#0182b3;}

/*********** inner pages ***********/
.innerpage		{width:960px; height:350px; background:#f6f6f6;}
.innerin		{border:0px solid #333; width:600px; margin:0 10px 0 10px; float:left;}
.innerh			{font-size:15px; font-weight:bold; text-transform:uppercase; display:block; width:auto; color:#005170;}
.innertxt		{font-size:13px; text-align:justify; line-height:20px;}
.in-right		{border-left:1px solid #ccc; width:320px; height:350px; margin:0 0 0 10px; float:right;}
.rightcont		{width:300px; margin:10px auto;}
.eventimg		{margin:12px auto; border:1px solid #999;}

.scroller	{position:relative; margin:0 10px; overflow:hidden; width:300px; height:620px; border:solid #999 0px;}

/*********** footer ***********/
#footer						{width:930px; background:#fff; margin:0px auto 10px auto; padding:15px; color:#8c63b8; float:left; vertical-align:left; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
#footer .copyright			{width:550px; float:left; font-size:12px; color:#336; line-height:16px;}
#footer .copyright span		{font:Arial; font-size:12px; color:#737fba;}
#footer .copyright a		{font:Arial; font-size:12px; color:#336;}
#footer .copyright a:hover	{font:Arial; font-size:12px; color:#336;}

#footer .bottlink			{width:550px; float:left; font-size:11px; height:22px;}
#footer .bottlink a			{margin: 0 10px 0 0px; padding:0px; color:#336;}
#footer .bottlink a:hover	{color:#333; text-decoration:none;}
#footer .bottlink span		{margin:0 12px 0 12px; color:#a8adc4;}

div#demo				{margin:0px auto 0px auto; text-align:center;}
div#demo ul#menu		{margin:0px; list-style:none; display:inline-block; float:right;}
div#demo ul#menu li		{padding:0px; float:left; position:relative; margin-left:5px; margin-right:5px; width:48px; height:40px;}
div#demo ul#menu li a	{position:absolute;}
div#demo ul#menu li img	{position:absolute; width:48px; top:0px; left:0px; padding:0px; margin:0 8px 0 0; border:none; overflow:hidden;}

/*********** footer ***********/
/*
#footer			{border-top:2px solid #ccc; height:50px; line-height:50px; margin:0 auto !important; text-align:center; width:960px;}
#footer ul		{margin:0; padding:0; list-style:none; border:0px solid #ccc; height:18px; line-height:30px;}
#footer ul li	{display:inline; padding:0 50px;}
#footer ul li a	{color:#333; text-decoration:none; font-size:12px;}
#footer ul li a:hover {text-decoration:none; color:#0182b3;}
#footer a		{text-decoration:none; color:#005170;}
#footer a:hover	{color:#333;}
/*********** footer ***********/