@charset "utf-8";

body {
	background-image: url(imgs/bgnd.gif);
	background-position: left top;
	margin:0px;
	font-family:calibri;
	color:#006633;
}

table {
	border-collapse:collapse;
}
  
div#c_top {
	background-image: url(imgs/c_top.gif);
	background-repeat: no-repeat;
	background-position: center top;
	width: 810px;
	height:220px;
}

div#c_mid {
	background-image: url(imgs/c_mid.gif);
	background-repeat: repeat-y;
	background-position: center center;
	width: 810px; 
}

div#c_bottom {
	background-image: url(imgs/c_bottom.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 810px; 
	height:16px;
}


div#logo {
	background-image:url(imgs/header.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	margin-left:20px;
	height:160px;
	width:800px;
}

div#menu {
	position:absolute; 
	top:150px;
	margin-left:260px;
}

#menu ul {
	margin:0;
	list-style:none;
 	}
	
#menu li {
	color:#006600;
	display:inline;
	margin:0;
	padding: 5px; 
	font-size:1.0em;
 	font-family:Calibri;
	font-weight:bold;
	cursor:pointer;
	border-bottom:#006600 solid thin;	
	border-right:#006600 solid thin;	
	border-top:#FFFFFF solid thin;	
	border-left:#FFFFFF solid thin;	
	}

#menu li:hover, #menu li.sel {
 	border-top:#666666 solid thin;	
	border-left:#666666 solid thin;	
	border-bottom:#FFFFFF solid thin;	
	border-right:#FFFFFF solid thin;
	background-image:url(imgs/bgnd.gif);
	color:#FFFFFF;
	background-position:center;
}

div#container {
	padding-left:30px;
	padding-right:30px;
}

.page_title {
	font-size:1.5em;
	font-weight:bold;
}

div#copyright {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	padding:20px;
}

div#about_ching {
	background-image:url(imgs/about_ching.jpg);
	background-repeat:no-repeat;
	background-position: left top;
	height: 448px;
	width: 350px;
	float: right;
	margin-left:10px;
}

div#contact_ching {
	background-image:url(imgs/contact_ching.jpg);
	background-repeat:no-repeat;
	background-position: left top;
	height: 610px;
	width: 300px;
	float: right;
	margin-left:10px;
}

input, select, textarea {
	width:100%;
	border:#CCCCCC solid 1px;
	font-family:Calibri;
	font-size:1em;
}

input:hover, select:hover, textarea:hover, input:focus, select:focus, textarea:focus {
	width:100%;
	background-color:#CCFFFF;
}

div#class_title {
	font-size:1.75em;
}

div#class {
	padding: 20px 5px 5px 0px;  /* no pad on left */
}

div#sub_class_title{
	font-size:1.5em;
}

div#sub_class {
	padding: 20px 15px 15px 20px;  /* no pad on left */
	background-image: url(imgs/sub_class.jpg);
	background-repeat: repeat-y;
	background-position: left;
	margin-top:10px;
	margin-bottom:10px;
}

div#item_box {
	float:left;
	height:150px;
	width:150px;
	font-size:13px;
	text-align:center;
	margin:15px 15px 15px 0px;
}

div#item_pic {
	height:140px;
	background-repeat:no-repeat;
	background-position:center top;
	background-image:url(imgs/catalog/11.jpg);
	cursor:pointer;
}

div .item_sizes {
	display:none;
}

div .item_sizes_show {
	display:block;
	background-color: #FFFFCC;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-top-color: #006600;
	border-right-color: #FF0000;
	border-bottom-color: #00CC66;
	border-left-color: #FF0000;
	position: absolute;
	z-index: 1;
	width:inherit;
	border-top-style: solid;
	border-bottom-style: double;
	text-align:left;
}

div#viewer {
	float:right; 
	width:500px;
	background-repeat:no-repeat;
	background-position:center center;
	text-align:center;
}

div#thumbnail { 
	border:#CCCCCC solid 1px;  
	text-align:center;
	padding:1px;	
	margin:2px;
	width:15px;
	float:left;
	cursor:pointer;
	font-size:12px;
}

div#thumbnail_box {
	float:right; 
	text-align:right; 
	color:#666666; 
	min-width: 10px; 
}

div#img_index {
	font-size:70px;
	font-weight:bold;
	font-family:"Times New Roman", Times, serif;
	float:left; 
	position:absolute;
	z-index:1;
	color:#999999;
/*	padding-top:-30px; */
}

div#caption {
	padding-top:20px;
	padding-left:70px;
	color:#666666;
	font-size:16px;
	float:right;
	z-index:2;
	width:400px;
/*	background-attachment: fixed;
	background-image: url(imgs/caption.jpg);
	background-repeat: repeat-y;
	background-position: right top;
*/}

div#visit_counter {
	border:#CCCCCC solid 1px; 
	float:left; 
	font-size:13px; 
	position:fixed; 
	z-index:1; 
	left: 2px; 
	bottom: 2px; 
	text-align:center;
	padding:10px;
	
}