/***********************************************/
/* 3col_leftNav.css                             */
/* Use with template 3col_leftNav.html          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body {
    font-family: Arial,sans-serif;
	/*background-color: #FFFFFF;*/
	/*background-image: url(/kid/page_bg.gif) ;*/
	background-repeat: repeat-x;
	background-attachment: fixed;
	background-position: center top;

	color: #333333;
	line-height: 120%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}
html{
	 scrollbar-3dlight-color:#00CCFF;
	 scrollbar-darkshadow-color:#00CCFF;
	 
     scrollbar-arrow-color:#FFFFFF;
     scrollbar-base-color:#FFFFFF;
     
     scrollbar-face-color:#0099CC;
     scrollbar-highlight-color:#FFFFFF;
     scrollbar-shadow-color:#00CCFF;
	 }

a:link { 
	color: #333333;
	text-decoration: none;}
a:visited { 
	text-decoration: none;
	color: #009100;}
a:hover {  
	text-decoration: none;
	color: #CC0000;}
a:active {  
	text-decoration: none;
	}


h1{
text-align:left;
 font-size: 140%;
 color: #5C3816;
 margin: 2px 5px 2px 0px;
 /*background-image:url(/kid/icon1.png) ;*/
 background-repeat: no-repeat;
 padding: 22px 0px 23px 80px;
 border-bottom:solid 1px #CCCCCC;
}

h2{
 font-family: Arial,sans-serif;
 font-size: 120%;
 color: #FF9933;
 margin: 0px;
 padding: 0px;
 padding-top: 12px;
}

h3{
 font-family: Arial,sans-serif;
 font-size: 98%;
 color: #006699;
 margin: 0px;
 padding: 0px;
}

h4{
 font-family: Arial,sans-serif;
 font-size: 80%;
 font-weight: normal;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #334d55;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/
.acctop  {
	clear: both;          /*取消文繞圖*/
	position: absolute;   /*與下列重疊*/
}
.acctop a:link, .acctop a:visited		{ text-decoration: none; color: #6BCCFB; }
.acctop a:hover 		   		{ font-weight: bold;	text-decoration: none;	color: #FF0000; }
.accleft  {
	clear: both;          /*取消文繞圖*/
	position: absolute;   /*與下列重疊*/
}
.accleft a:link, .accleft a:visited		{ text-decoration: none; color: #3D5295; }
.accleft a:hover 		   		{ font-weight: bold;	text-decoration: none;	color: #FF0000; }
.acccontect  {
	clear: both;          /*取消文繞圖*/
	position: absolute;   /*與下列重疊*/
}
.acccontect a:link, .acccontect a:visited	{ text-decoration: none;  color: #FFFFFF; }
.acccontect a:hover 		    { font-weight: bold;	text-decoration: none;	color: #FF0000; }

/***************************start HTML**************************/
#masthead{
	clear: both;          /*取消文繞圖*/
	margin: 0px;
	background-color: #FFFFFF;
	background-image: url(/kid/bgg.gif);
	/*background-attachment: fixed;*/
	/*background-position: center top;*/
	background-repeat: x-repeat;

}
#masthome{
	clear: both;          /*取消文繞圖*/
	margin: 0px;
	background-color: #FFFFFF;
	background-image: url(/kid/bgh.gif);
	/*background-attachment: fixed;*/
	/*background-position: center top;*/
	background-repeat: x-repeat;

}
#top{
 clear: both;          /*取消文繞圖*/
 margin: auto;
 height:230px;
}

#content{
 clear: both;          /*取消文繞圖*/
 margin: auto;
 /*padding-left:15%;*/
 text-align:center;
 /*background-image: url(/kid/page_bg.gif) ;*/
 
}
#sitedown{
 clear: both;          /*取消文繞圖*/
 margin: auto;
 height:164px;
 /*background-image: url(images/page_bg.gif) ;*/
 
}
/************** #advert styles **************/

#advert{
	background-repeat: no-repeat;
}

#advert p{
	float:right;
	padding-right:5%;
	font-size:75%;
}
#advert img{
	display: block;
}

/************* #siteInfo styles ***************/
#siteInfo1{
	clear: both;
	padding-left:10%;

	/*border: 1px solid #cccccc;*/
	font-size: 80%;
	color: #333333;
	background-color:#FFFFFF;
	line-height: 120%;
	padding-top:8px;
	margin-right: auto;
	margin-left: auto;

}

#siteInfo1 img{
	padding: 4px 4px 4px 10px;
	vertical-align: middle;
}
#siteInfo1 a:link, #siteInfo1 a:visited {	color: #333333;
	font-size: 90%;}
#siteInfo{
	clear: both;
	padding-left:10%;
	display:none;
	/*border: 1px solid #cccccc;*/
	font-size: 80%;
	color: #333333;
	background-image:url(images/page_bottom.gif);
	background-repeat: no-repeat;
	line-height: 120%;
	margin-right: auto;
	margin-left: auto;

}

#siteInfo img{
	padding: 4px 4px 4px 10px;
	vertical-align: middle;
}
#siteInfo a:link, #siteInfo a:visited {	color: #333333;
	font-size: 90%;}
/************* #siteInfo end ***************/	
#bottom {
	float: right;
	clear: both;
	font-size: small;
}	
#bottom .backprevious {
	background-image: url(images/backhome.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 16px;
	padding-right: 10px;
	display: inline;
}
#bottom .backtop {
	background-image: url(images/backtop.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 15px;
	padding-right: 10px;
	padding-top: 1px;
	display: inline;
}
#bottom .print {
	background-image: url(images/print_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 16px;
	padding-top: 1px;
	padding-right: 20px;
	display: inline;
}
/***************************end HTML**************************/
 div#photoList{
  width:100%;
 /*border:1px solid;*/
 /*padding:20px;*/
 margin:0px auto auto 0px;}
 div#photoList img{
   padding: 0px
 }
 .imagesbox{
 float:left;
 padding:7px;}
 .imagesbox p{  
  clear: both;
  /*width:100px;*/
  padding: 0px 0px 0px 30px;
	/*border:1px solid;*/
}
/************** .story styles *****************/

.story{
	clear: both;
	padding: 0% 2.5% 0% 2.5%;
	line-height: 150%;
	
}

.story p{
	padding: 0px 0px 0px 0px;
		/*line-height: 150%;*/
}
.story ul a:link, #story ul a:visited {display: block;}
.story ul {list-style: none; margin: 0; padding: 0;}
.story ol { margin: 1px ;margin-left: 25px; padding: 0px;}
/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
.story li{
	padding-left: 20px ;
	padding-bottom: 2px ;
	background-image:url(../images/ican_1.jpg);
background-repeat: no-repeat;
border-bottom: 1px dotted #EEE;

}
.story li.icon  {
	padding-left: 20px ;
	padding-bottom: 5px ;
    /*list-style-image:url(../images/ican_01.jpg);*/
	background-repeat: no-repeat;
	padding-top: 10px ;
	border-bottom: 1px solid #EEE;
}

.story li.last {

  padding: 0px;
  border-bottom: 1px solid #FFF;
  }
 
#sweb{margin: 0;
width:98%;
	font-size:small;
	padding: 5px 20px 5px 0px;
	background-color:#FFFFFF;
	background-image: url(/kid/bgh1.gif);} 
.Bg_td{padding-left: 20px ;
	padding-bottom: 2px ;
	background-image:url(../images/ican_1.jpg);
background-repeat: no-repeat;
border-bottom: 1px dotted #EEE;}a.top:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
}
a.top:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
}
a.top:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-variant: normal;
	color: #FFFF00;
	text-decoration: none;
}
.font11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}
.tab_3 {
	width: 540px;
	height: 25px;
}
.tom_1 {
	height: 385px;
}
.tom_2 {
	width: 159px;
	height: 100px;
}
.tom_3 {
	height: 100px;
	width: 697px;
}
.tom_main {
	height: 493px;
	width: 1000px;
	background-repeat: no-repeat;
	background-position: left top;
}
.top {
	height: 81px;
}
.font13 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 20px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}
.font22 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14.5px;
	line-height: 20px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}
.noloop {
	background-repeat: no-repeat;
	background-position: left top;
	height: 81px;
	text-align: right;
	vertical-align: middle;
}
.tab_1 {
	width: 126px;
	height: 25px;
}
.tab_2 {
	width: 22px;
	height: 25px;
}
.imp {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
#gamee {
margin-left:20px;/*padding-left: 20px ;*/
/*text-align:center;*/
/*background-color:#FFFFCC;*/
border: 5px solid #3399FF;}