body{ margin:0px; padding:0px; background-color:#34412d; }

img{border:0px;}
p,span,h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;}
#container{margin:0 auto;width:1007px;}

#header{ float:left;width:989px;background-color:#fff;padding:0px 0px 0px 18px; }
.clear  { clear:both;}
.htop{ float:right;width:auto;position:relative;margin:0px 15px 0px 0px; }

.toplistt{ float:left;width:auto;margin:15px 0px 0px 0px; }
.toplistt ul{ list-style:none;padding:0px;margin:0px; }
.toplistt ul li{ float:left;font:bold 12px 'Tahoma',arial;color:#929e83;padding:0px 21px 0px 12px;border-left:1px solid #929e83;line-height:11px; }
.toplistt ul li:first-child{ float:left;font:bold 12px 'Tahoma',arial;color:#929e83;border:0px;padding:0px 21px 0px 0px;line-height:11px; }
.toplistt ul li a{ text-decoration:none;color:#929e83; }
.toplistt ul li a:hover{ text-decoration:underline;color:#929e83; }

.textbox{ float:left;width:272px;height:31px;background: url('/images/site/textbox.png') no-repeat;margin:4px 0px 0px 0px; }
.tbox{ float:left;width:225px;height:31px;border:0px;background:none;padding:0px 0px 0px 25px;font:normal 10px 'Gill Sans MT',arial;color:#44891e;line-height:31px; }
.sbtn{ float:left;width:17px;height:16px; }
.s_btn{ float:left;width:17px;height:16px;text-indent:-9999px;margin:9px 0px 0px 0px;background: url('/images/site/toparw.jpg') no-repeat;border:0px;cursor:pointer; }
.hbg{ float:left;width:974px;height:109px;background: url('/images/site/greenbg.jpg') no-repeat;margin:1px 0px 0px 0px; }
.logo{ float:left;width:852px;height:132px;margin:-23px 0px 0px 0px; }
/*
.nav{ float:left;width:974px;background-color:#f7f9f4;height:42px;border-bottom:1px solid #edf0e8;border-left:1px solid #edf0e8; }
.nav ul{ list-style:none;padding:0px;margin:0px; }
.nav ul li{ float:left;font:bold 17px 'Bell Gothic Std',arial;color:#363636;border-right:1px solid #edf0e8;margin:0px; letter-spacing:-1px;position:relative;line-height:43px; }
.nav ul li:first-child{ float:left;font:normal 17px 'Bell Gothic Std',arial;color:#363636;letter-spacing:-1px;margin:0px 0px 0px -2px;
	border-left:1px solid #edf0e8;position:relative;line-height:43px; }
.nav ul li a{ text-decoration:none;color:#363636;display:block;padding:0px 20px 0px 20px; } 
.nav ul li a:hover, .active a{ background-color:#1c6b00;color:#dae5da !important; }
.nav ul li:hover a, .nav ul li a:hover{ color:#dae5da;background-color:#1c6b00; }
.nav ul li:hover ul{ display:block; }
.nav ul li:hover ul li ul{ display:none; }
.nav ul li ul{ position:absolute; width:170px; display:none; top:42px;float:left; left:0px;z-index:99999; background-color:#fff;border:1px solid #d7e6ed; }
.nav ul li  ul li{ float:left;width:170px;font:bold 14px arial;color:#032342;padding:0px;margin:0px;border:0px; background:none;line-height:22px; }
.nav ul li  ul li:first-child{ float:left;width:170px;font:normal 14px arial;color:#032342;padding:0px;margin:0px;border:0px; background:none;line-height:22px; }
.nav ul li  ul li a{ color:#fff;float:left;width:156px;padding:0px;margin:0px;padding:2px 0px 2px 12px;border-bottom:1px dashed #dddddd; }
.nav ul li:hover  ul li a{ color:#363636 !important; font:normal 14px arial; background:none; margin:3px 0; }
.nav ul li  ul li:hover a, .nav ul li  ul li a:hover { color:#000; }

*/

#middle{ float:left;width:970px;background-color:#fff;padding:0px 19px 0px 18px; }
.rbg{ float:right;width:275px; }
.mid_right { float:left;width:275px; }
.mid_rightpad { }

.right_top { float:left;width:280px;background-color:#77aa34;border:1px solid #5d9a0d; }
.right_top h1 { float:left;width:auto;font-family:'aparaj',Sans-Serif;font-size:23px;font-weight:normal;color:#fff;margin:4px 0px 0px 13px; letter-spacing:1px;line-height:30px; }
.right_mid { float:left; width:275px;min-height:399px;background:url("/images/site/rightbg.jpg") no-repeat; }
.right_mid img { float:left;width:227px;margin:16px 0px 0px 24px; }
.right_mid h2 { float:left;width:auto;margin:20px 0px 0px 24px;color:#4b860f;font:bold 12px Tahoma; }

.text { float:left;width:227px; margin:8px 0px 0px 24px; color:#7b847b; font:normal 12px Arial; line-height:15px; }
.price { float:left;width:227px; height:20px; background-color:#fff; margin:14px 0px 0px 24px; }
.price p { float:left;margin:2px 0px 0px 9px;color:#213b03;font:normal 12px Tahoma; }

.save { float:left;width:190px;margin:10px 0px 0px 24px;font:normal 12px Tahoma;color:#213b03; }
.save span { float:left;color:#cd4a00; }
.mid_right1 { clear:both;float:left;width:275px;border:solid 1px #f4f4ed; padding-bottom:11px; }
.mid_right1 h2 { font-size:12px !important;}

.right_mid1 { float:left; width:275px; padding-right:30px; }
.right_mid1 img { float:left;width:230px;margin:12px 0px 0px 21px; }
.right_mid1 h2 { float:left;width:220px;margin:10px 0px 0px 24px;color:#4c9e32;font:normal 16px Tahoma;text-align:center; }
.right_top { float:left;width:275px;background-color:#77aa34; }

.links { float:left;width:230px;min-height:30px;background-color:#f8f8f6;margin:3px 0px 0px 21px; }
.previous a { float:left;width:auto;font:normal 14px 'Gill Sans MT',arial;color:#4c5e46;text-decoration:none;margin:0px 0px 0px 28px;line-height:35px; }
.next a { float:right;width:auto;font:normal 14px 'Gill Sans MT',arial;color:#4c5e46;text-decoration:none;margin:0px 48px 0px 0px;line-height:35px; } 

.mid_right2 { clear:both;float:left;width:275px;margin-top:17px;padding-bottom:11px;background-color:#edf6e2; }
.right_mid2 { float:left; width:275px; }
.right_mid2 img { float:left;width:110px;margin:15px 0px 0px 21px; }

.social a { float:right;width:135px;font:normal 17px 'Myriad Pro',arial;color:#669933;text-decoration:underline;text-align:left;margin-top:17px; }
.socialtext p{ float:right;width:135px;font:normal 16px 'Gill Sans MT',arial;color:#262928;line-height:15px;margin-top:7px; }

.testimonial a { float:left;width:235px;font:normal 17px 'Myriad Pro',arial;color:#669933;text-decoration:underline;text-align:left;margin-top:15px; padding-left:20px; }
.testimonialtext p{ float:left;width:235px;font:normal 16px 'Gill Sans MT',arial; font-style:italic; color:#686868;line-height:15px;margin-top:7px;  padding:0 0 10px 20px; }

.support { float:left;width:230px;height:26px;background-color:#fff;margin:11px 0px 0px 21px; }
.support a { float:left;width:230px;font-family:'ColabReg',Sans-Serif;font-size:18px;font-weight:normal;;color:#294708;text-align:center;margin-top:3px;text-decoration:none; }
.support1 { float:left;width:230px;height:26px;background-color:#f8f8f6;margin:11px 0px 0px 21px; }
.support1 a { float:left;width:230px;font-family:'ColabReg',Sans-Serif;font-size:16px;font-weight:normal;color:#294708;text-align:center;margin-top:3px;text-decoration:none; }

#sogsidemenu { margin-left:0; }
#sogsidemenu a { font:14px Arial, Verdana, Helvetica, sans-serif; line-height:20px; } 
#sogsidemenu li a { padding-top:8px; list-style:square; font-weight:bold; color: #000000;}
#sogsidemenu li { padding-top:8px; list-style:square;   }
#sogsidemenu ul li { list-style:none; margin-left:-30px; }
#sogsidemenu ul li a { list-style:none; font-weight:normal; padding-top:2px !important; color:#003300; }
#sogsidemenu ul li { background:0 2px url('/images/icons/sub.gif') no-repeat; padding-left:13px; padding-top:2px !important;}
#sogsidemenu ul li a { text-decoration:none;  }
#sogsidemenu a:hover { text-decoration: underline; }

#sogsidemenu2 { margin-left:0; }
#sogsidemenu2 a { font:14px Arial, Verdana, Helvetica, sans-serif; line-height:20px; } 
#sogsidemenu2 li a { padding-top:8px; list-style:square; font-weight:normal; color: #000000; text-decoration:none;}
#sogsidemenu2 li a:hover { text-decoration:underline;}
#sogsidemenu2 li { padding-top:8px; list-style:square;    }
#sogsidemenu2 ul li a { text-decoration:none;  }

.sogside { font-family:Arial, Helvetica, sans-serif; }
/*Right Navigation Section*/
.nav_cat_archive2 { margin-left:-20px;}
/*#nav_cat_archive ul { padding-left:0; margin-left:0; }*/
#nav_cat_archive li { list-style:square; font-size:0.9em;  font-weight:normal; line-height:22px; margin-right:10px;  }
#nav_cat_archive li ul li{ font-size:1em; color:#104e10; font-weight:bold; }
/*	#nav_cat_archive li ul li ul li ul li{ font-size:1.1em; color:#2d418f; font-weight:bold; } */
#nav_cat_archive li ul li ul li { font-size:1em; color:#104e10; }
#nav_cat_archive li a { background:0 4px url('/images/icons/sub.gif') no-repeat; color:#104e10; font-weight:normal; font-size:0.8em; text-decoration:none; padding:5px 0 0 13px; margin-left:-30px; }
#nav_cat_archive ul li { list-style:none; }
#nav_cat_archive a:hover { text-decoration: underline; }


/******MID LEFT*****/
.mid_left { clear:both;float:left;width:686px; }
.topbrdr { float:left;width:686px; }
.topbrdr h1 { float:left;width:666px;font-family:'aparaj',Sans-Serif;font-size:23px;font-weight:normal;color:#fff;height:27px; 	background-color:#4e9d32;margin:0px 0px 0px 0px;padding:10px 0px 0px 20px; }
.topbrdr2 { float:left;width:686px; }
.topbrdr2 h1 { float:left;width:666px;font-family:'aparaj',Sans-Serif;font-size:23px;font-weight:normal;color:#fff;height:27px; 	background-color:#4e9d32;margin:0px 0px 0px 0px;padding:10px 0px 0px 20px; }

.contents { clear:both;float:left;width:636px;margin:22px 30px 0px 20px; }
.contents .popular { float:left;width:auto;font-family:'aparaj',Sans-Serif;font-size:23px;font-weight:normal;color:#1c3e05;letter-spacing:1px; }
.contents .conference { float:right;width:auto;font-family:'aparaj',Sans-Serif;font-size:23px;font-weight:normal;color:#1c3e05;margin:0px 67px 0px 0px;letter-spacing:1px; }
.contents1 { clear:both;float:left;width:650px;margin:4px 30px 0px 0px; }

.img1 { float:left;width:194px;margin:0px 0px 0px 20px; font:normal 12px arial !important;}
.img1 img { float:left;width:194px;height:139px; }
.img1 h2{ clear:both; float:left; width:194px; margin:10px 0px 0px 0px; /*font-family:'ColabThi',Sans-Serif;*/ font-size:16px; font-weight:normal; color:#4c9e32; }
.img1txt{ clear:both; float:left; width:194px; margin:5px 0px 0px 0px; font:normal 12px arial; color:#003e33;line-height:16px; }
.img1txt p{ margin:0px; font:normal 12px arial !important; color:#003e33;line-height:16px;}
.img1txt a{ float:left; display:block; color:#4e7c65; background-color:#f3f4ed; padding:5px; text-decoration:none; }
.img1txt a:hover{ float:left; display:block; color:#4e7c65; background-color:#f3f4ed; padding:5px; text-decoration:none; }
.img1txt1{ float:right; font:normal 12px arial;color:#003e33; margin-top:-15px; }
.img1txt1 a{ float:left; display:block; color:#4e7c65; background-color:#f3f4ed; padding:3px; text-decoration:none; }
.img1txt1 a:hover{ float:left; display:block; color:#4e7c65; background-color:#f3f4ed; padding:4px; text-decoration:none; }

.about { clear:both; float:left; width:686px; margin-top:20px;padding:0px 0px 5px 0px; background-color:#f8f8f6; border:solid 1px #e5e5e1; }
.maintxt { clear:both; float:left; width:686px; margin-top:1px;padding:0px 0px 5px 0px; border:solid 1px #e5e5e1; }
.maintxt h2{ font-family:Arial, Helvetica, sans-serif; margin:50px 0 -30px 17px; font:normal 20px 'Gill Sans MT',arial; color:#4c5e46;  }
.abouttext { clear:both; float:left; width:650px; font:normal 13px 'Gill Sans MT',arial; color:#4c5e46; margin:10px 0px 0px 18px; }
.topbrdr2 p { clear:both; float:left; font:normal 13px 'Gill Sans MT',arial; color:#4c5e46; margin:10px 0px 0px 18px; }
.ups  { text-transform: uppercase; } 

.menu { clear:both; float:left; width:688px;height:38px; margin:5px 0px 0px 0px;background-color:#4e9d32; line-height:14px;}
.menu ul { margin:0px; padding:0px; }
.menu ul li { float:left; list-style:none; font-family:'aparaj',Sans-Serif;font-size:23px;font-weight:normal; color:#fff; border-left:2px solid #fff; }

.menu ul li:first-child { float:left; list-style:none; font-family:'aparaj',Sans-Serif;font-size:23px;font-weight:normal; color:#fff; border-left:2px solid #fff; }
.menu ul li a { display:block; text-decoration:none;border:1px solid #48942d; color:#fff;padding:10px 15px 0px 15px;height:26px; }
.menu ul li a:hover { text-decoration:none; background-color:#fff; color:#000;border:1px solid #fff; }

.mcontent { clear:both;	float:left; width:650px; margin:5px 0px 0px 0px; }
.mcontent img { float:left; clear:both; width:328px; height:218px; margin:0px 20px 0px 5px; }
.mcontent h1 { float:left; width:290px; font-family:'ColabReg',Sans-Serif;font-size:16px;font-weight:normal; color:#669933;margin:0px;margin:7px 0px 0px 0px;padding:0px 0px 15px 0px; }
.mcontent h1 a { color:#669933; text-decoration:underline; }

.mtext { font:normal 12px arial; margin-top:10px;padding:0px;margin:0px 0px 0px 0px; }
.mtext p{ font:normal 12px arial; line-height:20px !important;}
.mtext2 p{font:normal 14px arial; padding:5px; line-height:20px !important; }
.mtext a{ font-family:'ColabReg',Sans-Serif;font-size:11px;font-weight:normal;color:#ad4d3a;text-decoration:underline; }

.information { clear:both; float:left; width:336px; border:solid 1px #e6e6e3; margin-top:15px; }
.information h2 { float:left; width:auto; font-family:'ColabReg',Sans-Serif;font-size:16px;font-weight:normal; color:#669933; text-decoration:underline; margin:10px 0px 0px 15px; }

.travels{ float:left;width:695px;margin:14px 0px 0px 0px; }
.travels_left{ float:left;width:302px;min-height:154px;border:1px solid #e6e6e3;background-color:#f8f8f6;padding:0px 16px 0px 20px; }
.travels_left h2{ float:left;width:302px;font-family:'ColabReg',Sans-Serif;font-size:16px;font-weight:normal;color:#669933;margin:20px 0px 0px 0px; }
.travels_left h2 a{ text-decoration:underline;color:#669933; }
.ttext{ float:left;width:300px;font:normal 13px 'Gill Sans MT',arial;color:#262928;margin:12px 0px 0px 0px; }
.imgbg{ float:left;width:686px;position:relative; }
.imgbg img{ float:left;width:686px;height:390px; }
.img_text{ float:left;width:672px;font:normal 14px 'Gill Sans MT',arial;color:#fff;height:45px;background: url('/images/site/caption.png') repeat-x;position:absolute; top:335px;left:0px;padding:10px 0px 0px 14px;line-height:18px; }

@font-face {
	font-family: 'ColabReg';
	src: url('../fonts/ColabReg.eot');
	src: local('ColabReg'), url('../fonts/ColabReg.woff') format('woff'), url('../fonts/ColabReg.ttf') format('truetype'), url('../fonts/ColabReg.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'aparaj';
	src: url('../fonts/aparaj.eot');
	src: local('aparaj'), url('../fonts/aparaj.woff') format('woff'), url('../fonts/aparaj.ttf') format('truetype'), url('../fonts/aparaj.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'ColabThi';
	src: url('../fonts/ColabThi.eot');
	src: local('ColabThi'), url('../fonts/ColabThi.woff') format('woff'), url('../fonts/ColabThi.ttf') format('truetype'), url('../fonts/ColabThi.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

#footer{
	float:left;width:989px;background-color:#f8f8f6;padding:0px 0px 0px 18px;
}
.address
{
	float:left;
	width:265px;
	margin-left:20px;
}
.addr
{
	float:left;
	width:265px;
	font:normal 16px 'Gill Sans MT';
	color:#184931;
	margin:20px 0px 0px 0px;
}
.pnum
{
	float:left;
	width:265px;
	font:normal 13px 'Gill Sans MT';
	color:#184931;
	margin:18px 0px 0px 0px;
}
.copy
{
	float:left;
	width:265px;
	font:normal 13px 'Gill Sans MT';
	color:#363636;
	margin:18px 0px 0px 0px;
}
.fmenu
{
	float:left;
	width:190px;
	margin:20px 0px 0px 40px;
}
.fmenu ul
{
	margin:0px;
	padding:0px;
}
.fmenu ul li
{
	float:left;width:200px;
	list-style:none;
	background:url("/images/site/arw.jpg") no-repeat left 8px;
	padding-left:10px;
}
.fmenu ul li a
{
	float:left;
	text-decoration:none;
	font:normal 14px 'Gill Sans MT',arial;
	color:#184931;letter-spacing:-1px;
}



/* ee part */
.storytxt { margin-left:10px; margin-right:10px; font:normal 14px arial;}
.storyu { border-bottom:1px solid #eceeee; }
.storytxt h2 a{ color:#d05b13; }
.storytxt h3 a{ color:#d05b13; font-size:14px; }

.storysummary p{ font-weight:bold !important; }
.storyimg { width:685px; overflow:hidden;}
.ext_img { margin:10px 0px 4px 4px; clear:left; float:right;}
.ext_img img { float:right;}
.ext_img_txt { margin:5px; font: 11px/14px Verdana, Arial, Helvetica, sans-serif, "MS Sans Serif"; text-align:center; max-width:250px; color:#330000; float:left;}

#topimagetxt {margin-top:5px; margin-bottom:5px; font: 11px/14px Verdana, Arial, Helvetica, sans-serif, "MS Sans Serif"; color: #29597b; width: 185px; text-align: left;}
.new { color:#CC3300; font-size:80%; font-weight:bold; }
.mins { color:#5a6169; font-size:80%; font-weight:bold; }

.marker { background-color: #ff0; }
.clear { clear:both; }

.lh { padding:50px 40px; font-size:14px;}
.sd { padding:5px 0px 5px 0px; font-weight:bold; clear:left; }
.sch { margin:5px 0px 20px 0px; border-bottom:1px solid #ddd;}
#sociable { clear:both; font-size:0.9em; overflow:hidden; min-height:1em; width:95%; padding:6px; margin:3px; }
ul#sociable li { display:block; float:right; list-style-type: none; background-image: none; padding-left:0; margin:0; margin-left:2px !important; }
ul#sociable li a { display:block; height: 18px; line-height: 22px; font-weight:bold; text-indent:-5000px; position:relative; outline:none; }
li.soci_email a { background: url("/images/icons/email.gif") no-repeat; width:20px; }
li.soci_print a { background: url("/images/icons/print.gif") no-repeat; width:20px; }
li.soci_comm a { background: url("/images/icons/comm.gif") no-repeat; width:20px; }
li.soci_facebook a { background: url("/images/icons/facebook.gif") no-repeat; width:20px; }
li.soci_twitter a { background: url("/images/icons/twitter.gif") no-repeat; width:20px; }
li.soci_book a { background: url("/images/icons/ft_send.gif") no-repeat; width:120px; height: 18px;}

/*  navigation   */
.navigation { color:#999999; border:0px; font-size:11px; padding:10px 4px; }
.navigation a:link, .navigation a:visited, .navigation a:hover, .navigation a:active { text-decoration:none; color: #333333; background:#F1F1F1;
	border:1px solid #ECF0F2; padding:2px 4px; font-size:11px; font-weight:bold; margin-top:10px;}
.navigation a:hover { background:#565353; color:#F1F1F1; border-color:#F1F1F1; }
.navigation span { text-decoration:none; background:#fff; padding:2px 4px; border:1px solid #F1F1F1; color:#5498C5; font-size:10px; }

/*Video Block/ Boxes*/
.video-block {float:left; padding:20px; width:644px; background-color:#ececec; border: 1px solid #d4d6d9; height:1%; overflow: hidden; font-family:Arial, Helvetica, sans-serif; color:#333333;}
.videoblock { width:300px; float:left; overflow:hidden; padding:5px 5px 0 5px; margin:10px 10px 0 0; background-color:#43ac48; }
.video-box .info { margin-left:130px; padding-bottom:15px; }
.video-box .info h2 { margin:4px 0; padding:0; font-size:13px !important; font-weight:normal; color:#e9e9e9 !important; }
.video-box .imge { display:block; float:left; width:120px !important; height:95px !important; overflow:hidden; }
.video-box-inner { min-height:90px; }
.info .videolink { color:#d2d8da !important; font-weight:bold !important;}

/*Send to A Friend*/
#staf_table { border:0px; vertical-align: top; }
#staf_table td { border:0px; vertical-align: top; font-family: Verdana, Arial, Helvetica, sans-serif, "MS Sans Serif"; font-size: 11px; color:#494949; }

.staf_top { margin-right:20px; text-align:right; font-family: Arial, Helvetica, sans-serif, "MS sans serif"; font-size:12px; color:#392c18;}
.staf_posted { font:8pt Geneva, Arial, Helvetica, sans-serif; color:#950000; padding:2px 0px 20px 0px; float:left; }
.staf_notes { font:11px Verdana, Arial, Helvetica, sans-serif; color: #3C3C3C; padding:6px 3px 0px 3px; text-align:right; }
.staf_txtarea { width:560px; border: 1px solid #d0d0d0; font-family: Arial, Helvetica, sans-serif, "MS sans serif"; font-size:12px; background-color:#fbfbfb; }
.staf_chars { font:11px Verdana, Arial, Helvetica, sans-serif; color:#3C3C3C; padding:3px 35px 10px 3px; text-align:right; }
.staf_field { border:1px solid #d0d0d0; font-family: Arial, Helvetica, sans-serif, "MS sans serif"; font-size: 12px; padding:3px; background-color:#fbfbfb;}
.stafield1 {width: 180px; }
.stafield2 {width: 180px; }
.stafield3 {width: 560px; }
.staf_button { margin:5px 0 15px 0px; font-family: Arial, Helvetica, sans-serif, "MS sans serif"; font-size: 12px; font-weight:bold; }
.staf_footer { padding-top: 35px; padding-bottom: 5px; font: 11px Verdana, Arial, Helvetica, sans-serif; color:#7A7A7A; }

.commonareanews { float:left; width:682px; margin-left:6px; }
.commonareanews h1{ float:left; width:682px;height:36px;background:url('welibg.png') no-repeat;font-family:'Conv_Futura_Medium_BT',Sans-Serif; font-size:19px;color:#3f2408;padding-top:5px;text-indent:10px; }
.commonareanews h1 b{ color:#d05b13; font-family:'com_futura-bold-bt-2',Sans-Serif; font-size:19px; }
.commonareanews .read{ float:left; width:71px;margin-top:10px;margin-left:10px; }

.midleft .item { float:left; width:680px !important; border-bottom:solid 1px #d9dadb; padding-bottom:15px; font-family: Arial, Helvetica, sans-serif, "MS sans serif"; font-size:12px;}
.midleft .item .date { float:left; width:42px; text-align:center; height:66px; padding-top:19px; background:url('date_back.jpg') no-repeat; font-family:Georgia, "Times New Roman", Times, serif;}
.midleft .item .date .dt { font-size:16px; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; }
.midleft_pubs a { color:#87a464 !important; text-decoration:none; }
.midleft_pubs a:hover { color:#87a464 !important; text-decoration:underline; }
.midleft_pubs { float:left; width:600px; padding-left:23px; }
.midleft_pubs h2 { font:normal 18px Arial, Verdana, Helvetica, sans-serif !important; color:#87a464; margin-bottom:5px; width:98%; border-bottom:#fafafa 1px solid !important; }
.midleft_pubs img { margin-right:10px; }
.more { float:right; background:url('more_back.jpg') right no-repeat; padding-right:26px; margin-top:12px; }
.linez { border-bottom:1px solid #cccccc; padding-bottom:5px; }

/* Album Images */
#album_images li{ width:273px; height:161px; border:solid #5e768d 1px; padding:3px; align:center; position:relative; float:left;
display:block; margin:4px; margin-bottom: 15px; }
#album_images a:hover { float: none; }
#album_images a span{ position:absolute; left:-9999px; }
#album_images a:hover span{ top:0px; left:0px; right:0px; width:279px; text-align: center; background:#FFF; color:#8b0000; padding:5px 0px 5px 0px; font-size:90%; border:1px solid #8b0000; border-width:0 0 3px 0; filter: alpha(opacity=100); } 
#album_images p{ float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; }

/* Gallery Images */
#thumbs_images li{ width:161px; height:95px; border:solid #5e768d 1px; padding:3px; align:center; position:relative; float:left;
display:block; margin:4px; margin-bottom: 15px; }
#thumbs_images a:hover { float: none; }
#thumbs_images a span{ position:absolute; left:-9999px; }
#thumbs_images a:hover span{ top:0px; left:0px; right:0px; width:167px; text-align: center; background:#FFF; color:#8b0000; padding:5px 0px 5px 0px; font-size:90%; border:1px solid #8b0000; border-width:0 0 3px 0; filter: alpha(opacity=100); } 

/*Send to A Friend*/
#staf_table { border:0px; vertical-align: top; }
#staf_table td { border:0px; vertical-align: top; font-family: Verdana, Arial, Helvetica, sans-serif, "MS Sans Serif"; font-size: 11px; color:#494949; }

/* Preview Product */
#preview_product li{ width:185px; height:185px; border:solid #5e768d 1px; padding:8px; align:center; position:relative; float:left;
display:block; margin:5px -20px 5px -5px; margin-bottom: 15px; }
#preview_product a:hover { float: none; }
#preview_product a span{ position:absolute; left:-9999px; }
#preview_product a:hover span{ font: verdana; font-size:12px !important; top:0px; left:0px; right:0px; width:191px; text-align: center; background:#FFF; color:#4a652a; padding:5px; font-size:90%; border:1px solid #87a464; border-width:0 0 3px 0; filter: alpha(opacity=100); } 

#aform table {  background-color:#f3fcf3 !important;font-size:12px; }
#aform th, td { padding:5px !important; border:1px solid #ddd; vertical-align:middle; font-family:arial,tahoma,verdana, sans-serif; font-size:12px;}		
#aform th { background:#eee; }
.afrom { width:85%; padding:3px; }
.bfrom { width:95%; padding:3px; }
.cfrom { width:250px; padding:3px; }
.efrom { width:610px; padding:3px; }
form { float:left;}

#dvdlistsearch { margin-left:20px; }
#dvdlistsearch ol { font-style:italic; font-family:Georgia, Times, serif; font-size:20px; color:#333333; }
#dvdlistsearch ol li { }
#dvdlistsearch ol li p { padding:8px; font-style:normal; font-family:Arial; font-size:12px; color:#333333; border-left: 1px solid #999;  }
#dvdlistsearch ol li a { text-decoration:none; font-size:14px; color:#43ac48; }
#dvdlistsearch ol li p em { display:block; }

<!--Custom menu css starts-->

.menuH
{
    /* You will get totally diffrent menu alignment and layout by setting following margin, width, and float with different values.
    For detailed instruction please visit www.menucool.com/horizontal/change-menu-alignment  */
    margin: 0; width: 100%; float:none;
    /*following "behavior" works for IE6, IE7, and IE8. Other browsers will ignore it.*/
    /*Note: Unlike image file, htc file path is relative to the page, not this CSS file.*/
    behavior: url("/horizontal/menuh/cssmenu.htc");
    height: 36px;
    position:relative;/*! for IE htc*/
    z-index:4;/*H2*/
    font-family: Arial, Helvetica, sans-serif;
    list-style: none;
    padding: 0;
}
.menuH
{
	margin-left:0px;
	font-family:Arial, Helvetica, sans-serif;
}

.menuH li
{
    padding: 0;
    /*margin: 0;
    display: block; TODO: I am testing them if they can be removed. If can, remove them.*/
    float: left;
    height: 36px;
	list-style:none;
    position: relative;/*move it into .menuH if you want submenu to be positioned relative to the whole menu instead of this li element*/
}
.menuH li:hover, .menuH li.onhover
{
    background:#1C6B00;
	color:#fff;
}
.menuH li a:hover
{
	color:#fff;
}

ul.menuH a
{
    padding: 0 30px;
    line-height: 36px; /*Note: keep this value the same as the height of .menuH and .menuH li */
    font-size: 12px;
    font-weight: bold;
    color: black;
    display: block;
    outline: 0;
    text-decoration: none;
}
.menuH a:hover
{
    color: red;
}
.menuH a.arrow
{
}
.menuH ul a.arrow
{
}
 
        
/*Used to align a top-level item to the right*/        
.menuH .menuRight
{
    float: right;
    margin-right: 0px;
}
        
/*for the top-level separators*/
.menuH li.separator
{
    font-size:0;
    overflow:hidden;
    border-left:1px solid #F7F7F7;
    border-right:1px solid #BBBBBB;
}
               
        
/*######sub level###########*/
        
ul.menuH ul
{
    width:200px;
    position: absolute;
    left: -9999px;
    border: 1px solid #DDD;
    border-top: 0; 
    background: #FFF;    
    text-align: left;
    list-style: none; margin: 0;  
    /*Following 1px(padding-right) will determine how much it is overlapped by the sub-sub-menu */
    padding: 0 1px 10px 0;   
	z-index:1;
}

.menuH li li
{
    float: none;
    white-space:nowrap;
    height: 26px;
	border-bottom:1px dashed #ccc;
}
.menuH li li:hover, .menuH li li.onhover
{
    background:#fff;
	
}
.menuH ul a
{
    padding: 0 20px;
    line-height: 26px;
    font-size: 0.9em;
    font-weight: normal;
    text-align: left;
}

.menuH ul a:hover
{
    color: #000;
}

.menuH li:hover ul, .menuH li.onhover ul
{
    left: -1px;/*Use this property to change offset of the dropdown*/
    top: auto;
}

.menuH li:hover .dropToLeft, .menuH li.onhover .dropToLeft
{
    left: auto;
    right: -1px;
    top: auto;
}
.menuH ul ul
{
    border-top: 1px solid #DDD;
}

.menuH li:hover ul ul, .menuH li:hover ul ul ul, .menuH li:hover ul ul ul ul,
.menuH li.onhover ul ul, .menuH li.onhover ul ul ul, .menuH li.onhover ul ul ul ul
{
    left: -9999px;
    top:0;
}

.menuH li li:hover ul, .menuH li li li:hover ul, .menuH li li li li:hover ul,
.menuH li li.onhover ul, .menuH li li li.onhover ul, .menuH li li li li.onhover ul
{
    left: 200px;
}
        
/*####### special effects ##########*/
        
.decor1 
{
    -moz-border-radius: 3px; /* Firefox */
    -webkit-border-radius: 3px; /* Safari and Chrome */
    border-radius: 3px; /* Opera 10.5+, future browsers, and now also our behavior htc file */

    -moz-box-shadow: 0px 1px 4px #eee; /* Firefox */
    -webkit-box-shadow: 0px 1px 4px #eee; /* Safari and Chrome */
    box-shadow: 0px 1px 4px #eee; /* Opera 10.5+, future browsers and IE6+ using our behavior htc file */
            
}
.menuH ul 
{
    -moz-border-radius: 0px 0px 4px 4px;
    -webkit-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;

    -moz-box-shadow: 0px 6px 6px #CCC;
    -webkit-box-shadow: 0px 6px 6px #CCC;
    
    /*for older IE browsers, the htc file fix will disable this feature when box-shadow was also applied.*/
    filter:alpha(opacity=90);
    opacity: 0.90;  
            
    /* Gradient background */
    background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#EEEEEE)); 
}

<!-- custom css menu ends-->

.ib
{
	background:#eee;
	border:1px solid #aaa;
	margin-right:10px;
	margin-bottom:10px;
}