/* CSS Document */

html { background: #ffffff url(images/bg.gif) repeat-x; }
body{ 
	background: transparent url(images/shindgen_topbg.gif) no-repeat center top;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	margin: 0;
	padding: 0;
	color: #585c36 }


/********************     Genetic Setting    **********************************************/
td, input, textarea { font-size: 100%;color: #585c36; }
input, textarea { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; }
p {	padding: 8px;}
a:link,a:visited, a:active  { text-decoration: none; color: #7d7c03; }
a:hover { border-bottom: 1px dashed #999900;}

.left { float: left; }
.clear { clear: both;}

/********************     End of Genetic Setting    **********************************************/

#top {}
#wrapper {
	border:0;
	width: 800px;
	margin: 0px auto;
	padding: 0;
	text-align: left;
	background: transparent url(images/shindgen_bottombg.gif) no-repeat center bottom;
	padding-bottom: 60px;
	 }

#HomeLink a:link {text-decoration: none;}
#HomeLink a:hover {border-bottom: none;}
	

h1.title {
	font-size: 300%; 
	font-family: "Times New Roman", Times, serif; 
	letter-spacing:-1px; 
	color: #c6a478; 
	text-align:left;
	margin:0;
	padding: 20px 0 10px 10px;}
h2 {
	font-size: 110%;
	font-family: "Times New Roman", Times, serif;
	color: #9A5527; }
p.item1 {
	width: 120px;
	line-height: 100%;
	font-size: 110%;
	text-align:center;
	border:1px solid #c9bc72;
	background-color: #e8e4cb; }
p.item2 { 
	font-size: 100%;
	line-height:60%; 
	font-family: Tahoma;
	color: #585c36;
	border-bottom:1px dashed #c9bc72;
	margin-bottom: -6px; }
	

#C1 {
	width: 300px;
	text-align: left;
	top: 0px;
	padding: 160px 0 0 40px;;
	margin-left: 40px; }

#HomeImg { 
	width: 200px; 
	margin-top: 320px;}

#Para {}
#Para .p1 {
	width: 280px;
	text-align: justify;
	line-height: 260%;}
#Para .p2 {
	width: 580px;
	text-align: justify;
	line-height: 200%;}	

.ParaList ul {width: 600px;}
.ParaList li {
	float: left;
	width: 180px;
    display: inline;
	line-height: 110%;
	padding: 8px;
}	

.Subbtn {
	padding: 4px;
	background-color: #585c36;
	border: 1px solid #333300;
	color: #ffffff;
	font-size: 100%; }

#List { 
	position: absolute;
	margin-left: 400px;
	font-size: 100%;
	left:auto; 
	right:auto;
	top: 140px;
	width: 400px;
	padding-left: 30px;
	}
#List .current {text-decoration: underline; }	
#List ul {
	text-align: left;
	list-style: none;
	margin: 0;
	padding: 0;}
#List ul li{
	display: inline;
	margin: 0;
	font-weight: bold;
	line-height: 300%;
	padding: 3px 16px 20px 25px;
	background: transparent url(images/leaf.gif) no-repeat 0 -2px; }
#List ul li a[rel]:after{ /*HTML to indicate drop down link*/
content: "";
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}	
/*#HomeNav { font-size: 100%;}*/
#ImgList a:hover { border-bottom: 0px;}
#ImgList img {border: 0px solid #006633; text-decoration: none;}	
#ImgList ul li { display: inline;}
#ImgList ul { width: 700px;; margin:0 ; padding 0; list-style: none;}
#ImgList li{
	width: 20%;
	border:0px dashed #FF0000;
	line-height: 12em;
	margin: 0;
	padding: 3px 30px 40px 0px;
	 }
.balloon {
	position:absolute;
	top: -500px;
	font-size: 100%;
	line-height: 160%;
	background-color: #fbf0e4;
	padding: 6px;
	border: 1px dashed #efcfaf; 
	left: 0;
	visibility: hidden;
	z-index: 100;
	text-align: left;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);}

#Footer { 
	text-align:center;
	width: 100%;
	margin-top: 30px;
	margin-bottom: 0px;
	color:#CCCCCC;
	 }

.ShowButton{	
	overflow:hidden;
	cursor:pointer; }
.Hide {
	visibility:hidden;
	height:0px;
	line-height:200%; 
	width: 580px;
	overflow:hidden;
	position:relative; }
.Hide_Content{	
	padding:1px;
	position:relative; }	

.dropmenudiv{
position:absolute;
background-color: #eaeabe;
margin-top: 10px;
line-height:18px;
z-index:100;
width: 100px;
visibility: hidden;
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #fafaf0; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
color: #555555;
}

* html .dropmenudiv a{ width: 100%; } /*IE only hack*/
.dropmenudiv a:hover{ background-color: #f0f0cf;} /*THEME CHANGE HERE*/

/* Photo viewer - Light Box section*/
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 100%;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; padding: 0.4em; }
#keyboardMsg{ font-size: 90%; float: right; }
#closeButton{ top: 10px; right: 10px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(portfolio/Misc/images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="portfolio/Misc/images/overlay.png", sizingMethod="scale");
	}
/* End of Light Box section */