html, body {  margin:0; padding:0; height:100%; background-color: #e8b94f; background-image:url(all_bg.jpg); background-position:50% 0%; font-family:"Times New Roman", Times, serif; font-size:14px; color:#660000;}
img { border:none;}
form { margin:0; padding:0;}
a:link, a:active, a:visited { color:#336699; text-decoration:underline;}
a:hover { text-decoration:none;}
h1 { font-family:"Times New Roman", Times, serif;  font-size:24px; color:#6f3d19; font-weight:normal; margin:0; padding:0; margin-bottom:8px;}
h2 {}
h3 {}
#all { position:relative;  width:905px; height:100%; background-image:url(bg.jpg); background-repeat:no-repeat; background-position:0% 0%;}
#top { position:relative; height:369px; position:relative; float:none; clear:both;}
#center { position:relative; height:381px; width:698px; margin:0; padding:0; margin-left:100px; margin-top:7px;}


.left { position:relative; float:left; width:331px;}
.right { position:relative; float:right; width:331px;}

.text_pad { margin:0; padding:0; margin-bottom:40px; margin-top:6px; text-indent:27px; line-height:18px;}
.date { font-size:12px; color:#666666;}
.grey { color:#999999; font-size:12px;}
.comment { font-size:12px; margin-left:18px;}
.list { margin:0; padding:0; margin-top:4px; line-height:18px; margin-bottom:20px;}
.list li { list-style-type:none; background-image:url(bull.gif); background-repeat:no-repeat; background-position:0% 4px; padding-left:11px; margin-bottom:14px;}
.new_photo { position:relative; padding-top:7px; left:-3px;}
.new_photo img { padding:7px 8px 7px 6px; background-image:url(shade.png); background-repeat:no-repeat; background-position:0% 0%; }
.pad_r { margin-right:7px;}
.big_photo { padding:7px 8px 7px 6px; background-image: url(shade_b.png); background-repeat:no-repeat; background-position:0% 0%; margin-left:3px;}
.brown1 { margin-top:48px;}
.brown1 a{ font-size:16px; font-weight:bold;}
.size18 { font-size:18px; color:#6f3d19; padding-top:7px;}
.size18 p { margin:0; padding:0; margin-bottom:16px;}
.size18 .grey { font-size:18px;}
.photo { position:relative; padding-left:3px; margin-top:-3px;}
.photo img { margin-bottom:13px;}
.photo .pad_r { margin-right:13px;}
.marks { font-size:18px;} 
.marks  p { margin:0; padding:0; position:relative; margin-top:-10px;}
.marks a:link, .marks a:active, .marks a:visited { color:#6f3d19; text-decoration: none; margin-left:2px; margin-right:2px;}
.marks a:hover { text-decoration: underline;}
.a24 { font-size:24px; line-height:18px;}
.a30 { font-size:30px; line-height:20px;}
.a48 { font-size:48px; line-height:48px;}
.photo_f { margin-left:-3px;  margin-bottom:8px;}
.photo_f img { margin:0px 0px -2px 0px;  padding:7px 8px 7px 6px; background-image:url(shade.png); background-repeat:no-repeat; background-position:0% 0%;}
.role { position:relative; font-size:20px; color:#6f3d19; width:595px; margin-left:65px; margin-top:4px;}
.role td { vertical-align:top;}
.line_h { position:relative;  line-height:21px;}
.number { position:absolute; font-size:60px; color:#6f3d19; width:90px; left:-95px; top:-8px; text-align:right; line-height:normal;}
.datebl { position:absolute; color:#6f3d19; width:120px; left:-95px; top:-8px; text-align:center; line-height:normal;}
.role_img { vertical-align:top; text-align: right; width:109px;}
.role_img img { padding:7px 8px 7px 6px; background-image:url(shade.png); background-repeat:no-repeat; background-position:0% 0%;}
.line { background-image:url(line.png); background-repeat:no-repeat; background-position:50% 0%; height:24px; margin-bottom:7px; margin-top:-2px; }
#img_pad { margin-bottom:4px;}

#divContainer_1 {position:relative; width:698px; height:280px; overflow:hidden; }
#divContent_1 { position:absolute;}
#sliderDiv { height:38px; margin:0; padding:0;}
table.scroll td { padding-right:15px; vertical-align:top;}


#footer { height:65px; padding-top:25px; width:720px; margin-left:100px; text-align:right; line-height:19px; position:relative; float:none; clear:both; font-family:"Times New Roman", Times, serif; font-size:14px;}
#footer a:link, #footer a:active, #footer a:visited { color:#660000; text-decoration:none; }
#footer a:hover { text-decoration:underline;}

#gallery image popup
.zitem {
	width:125px;
	height:125px;	
	border:4px solid #222;	
	margin:5px 5px 5px 0;
	
	/* required to hide the image after resized */
	overflow:hidden;
	
	/* for child absolute position */
	position:relative;
	
	/* display div in line */
	float:left;
}

.zitem .left_arrow {
	width:125px;
	height:30px;
	background:#000;
	color:#fff;
		
	/* fix it at the bottom */
	position:absolute;
	bottom:-1px; /* fix IE issue */
	left:0;

	/* hide it by default */
	display:none;

	/* opacity setting */
	filter:alpha(opacity=70);    /* ie  */
	-moz-opacity:0.7;    /* old mozilla browser like netscape  */
	-khtml-opacity: 0.7;    /* for really really old safari */  
	opacity: 0.7;    /* css standard, currently it works in most modern browsers like firefox,  */

}

.zitem .left_arrow a, .zitem .right_arrow a{
	text-decoration:none;
	color:#fff;
	font-size:12px;	
	
	/* add spacing and make the whole row clickable*/
	padding:5px;
	display:block;
}

.zitem .right_arrow {
	width:125px;
	height:30px;
	background:#000;
	color:#fff;
		
	/* fix it at the bottom */
	position:absolute;
	bottom:-1px; /* fix IE issue */
	right:8px;

	/* hide it by default */
	display:none;

	/* opacity setting */
	filter:alpha(opacity=70);    /* ie  */
	-moz-opacity:0.7;    /* old mozilla browser like netscape  */
	-khtml-opacity: 0.7;    /* for really really old safari */  
	opacity: 0.7;    /* css standard, currently it works in most modern browsers like firefox,  */

}