*{ margin:0 auto;}
body{ background:url(images/BG_Body.gif);  font-family:Verdana, Geneva, sans-serif; font-size:12px;}
img, div, a, input { behavior: url(iepngfix.htc);}
#page{ width:100%; height:620px; border:1px solid #999; display:block; background:#5496CE; margin:0 auto; clear:both;  }

/***** Header  ******/
#main{ float:left; height:auto; width:80%; margin:0px 10px 10px 0px;  background:#FFFFFF; border:1px solid #FFFFFF;  text-align:center; font-family:Verdana, Geneva, sans-serif; font-size:11px!important; color:#666; overflow:scroll; height:540px;}
#main input[type="text"], #main input[type="password"]{ background:#FFFFFF; border:1px solid #CCC; width:130px; height:16px; font-size:11px; color:#666;}
#main input[type="text"]:selected, #main input[type="password"]:focus{ background:#000; border:1px solid #CCC; }
#main input[type="submit"], #main input[type="reset"]{ background:url(images/title_bg.png); color:#FFFFFF; text-shadow:1px 1px #666; font-family:Verdana, Geneva, sans-serif; font-size:11px; font-weight:bold; padding:2px 6px;}
.combutton{background:url(images/title_bg.png); color:#FFFFFF; text-shadow:1px 1px #666; font-family:Verdana, Geneva, sans-serif; font-size:11px; font-weight:bold; padding:2px 6px;}
#main input[type="submit"]:active, #main input[type="reset"]:active{ background:url(images/menu_current.jpg);}
#main .menu_path{ height:20px; background:url(images/title_bg.png) repeat-x; line-height:17px; font-size:11px; font-weight:normal; text-align:left; padding-left:20px; color:#FFFFFF; text-shadow:1px 1px #666; padding-top:2px; margin-bottom:10px; position:fixed; width:77%;}
#main .menu_path a{color:#FFFFFF; text-shadow:1px 1px #666; text-decoration:none; font-weight:bold;}
/***** Header  ******/
#header{ margin:0 auto; width:100%;  height:65px; background:url(images/head_bg.png) repeat-x; }
#header #logo{ width:35px; height:35px; margin:0px 0px 6px 20px;}
#header #logo_text{ width:100px; height:40px;  margin:0px 0px 0px 5px;}
#header #welcome{ width:400px; height:65px; margin:2px 0px 0px 10px;}
#head{ width:700px;}
.pro{ margin:0px; padding:0px; width:200px; float:right;}
.pro ul{ margin:0px; padding:0px;}
.pro ul li{ list-style:none; text-align:center; height:20px; width:100px;}
/******	main_menu ******/
#header .main_menu{ background:url(images/title_bg.png); height:20px;}
.main_menu ul{ margin:0px; padding:0px;}
.main_menu ul li{ float:left; margin:0px; padding:2px 20px; list-style:none; border-left:1px solid #CCC;  text-shadow:-1px -1px #666; color:#FFFFFF; display:block;  }
.main_menu .library{ background:url(images/menu_current.jpg); font-weight:bold; text-shadow:-1px -1px #000; }
/******	Left_menu ******/
#left_menu{height:490px; float:left; background:#5496CE; width:175px;}
#left_menu .menul{ margin:10px 0px 10px 1px; padding:0px; }
#left_menu .menul li{list-style:none; border-bottom:1px solid #6EA3CE; border-left:1px solid #6EA3CE; margin:0px; padding:0px; height:25px; line-height:25px; text-align:left; padding-left:7px; font-weight:bold; text-shadow:-1px -1px #505050; color:#FFFFFF; cursor:default; text-decoration:none; text-transform:uppercase; font-size:11px;}
#left_menu .menul a{color:#FFFFFF; cursor:default; text-decoration:none; text-transform:uppercase;}
#left_menu .menul a:hover{ cursor:pointer;}
#left_menu .menul li:hover{ border-bottom:1px solid #FFFFFF; border-left:1px solid #FFFFFF; background:#4084BC;	}
#left_menu .menul li:active{ border-bottom:1px solid #FFFFFF; border-left:1px solid #FFFFFF; background:#B0CDE4;}
#left_menu .menul .menuli_frist{ border-top:1px solid #6EA3CE; }
/***** footer  ******/
#footer{ height:20px; width:100%; background:url(images/title_bg.png) repeat-x; float:left; height:20px;}
#footer .clocktextbox{ background:none; border:none; margin:0px; padding:0px; height:19px; color:#FFFFFF; text-shadow:0px 1px #333; font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight:normal; margin-left:10px; float:left;}

.text5 a{ color:#FFFFFF; text-decoration:none; text-shadow:1px 1px #666; font-size:11px;}
.text5 a:hover{ text-decoration:underline;}
.line{ color:#ccc;}
.star{ color:#0080FF; vertical-align:top; padding-left:4px;}
.nav_box{ background-color:#FFF; border:1px solid #CCC; }
.nav_box a{text-decoration:none; color:#264F70; text-shadow:0px 1px #F1F1F1;  font-size:11px; text-transform:uppercase;}
.nav_box:hover{ background-color:#F8FBFD; border:1px solid #000; cursor:pointer;}
.heading{ background:url(images/title_bg.png); height:20px; color:#FFFFFF; font-size:12px; font-weight:bold;}
.tdhover{ cursor:pointer;}
  .tabsborder2{ border-left:solid 1px #CCC;
             border-right:solid 1px #CCC;
			 border-top:solid 1px #CCC;
			 border-bottom:solid 1px #CCC;
}
.odd_tr{ border-top:1px solid #CCC; border-bottom:1px solid #CCC;}
.calendarDateInput[title="year"]{ width:15px;}
.uline{ border-bottom:1px solid #CCC; margin-bottom:5px; padding-bottom:7px; font-size:18px; color:#666;}
#print_issue{ font-size:12px;}

#mem_main{ width:400px; height:190px; border:1px solid #CCC; font-family:Verdana, Geneva, sans-serif; background-color:#FFFFFF; background-image:url(images/ssb1.jpg); background-position:center; background-repeat:no-repeat;  }
#mem_details{ font-size:11px; float:right; width:280px; height:auto;  margin:5px; color:#666; }
#mem_img{ height:100px; width:90px; border:1px solid #F1F1F1; margin:5px;}
.lib_head{ font-size:17px; font-weight:bold; border-bottom:1px solid #f1f1f1; height:30px; text-align:center; line-height:1.6em; background-color:#CCC; color:#669; text-shadow:1px 1px #FFF;}
#rec{ font-size:13px;  font-family:Verdana, Geneva, sans-serif; color:#666; width:750px;}
.txt_login{ background:none; border:1px solid #CCC; width:140px; height:18px;}
.sorry{ color:#F63; font-size:13px; margin:20px;}