/* CSS Document */
body{padding:0px; margin-top:10px; background:#fff; color:#000;}
div, p, ul, h2, h3, h4, h5, form, img{padding:0px; margin:0px;}
h1{line-height:25px;font-size:25px;}
h3{line-height:20px;padding-bottom:10px;}
ul{list-style-type:none;}
a img{border:0;color:white;}
a{color:black;text-decoration:none;}
a:hover{color:#d9c594}

/*toppan*/

#topPan{width:1024px; height:186px; position:relative; margin:0 auto;font:12px/14px Verdana, Helvetica, sans-serif;}
#topPan a{font-weight:bold;text-decoration:none;color:#c0975f;}
#topPan a:hover{font-weight:bold;color:#fff;}
.topPanAdmin{width:866px !important; height:20px !important; position:relative; margin:0 auto;}

#topPan01{width:1024px;height:28px;background:url(/img/_toppan01.jpg) 0 0 repeat-x #fff;float:left;}
#topPan02{width:16px;height:28px;background:url(/img/_toppan02.jpg) 0 0 repeat-x #fff;float:left;}
#topPan03{width:310px;height:28px;background:url(/img/_toppan03.jpg) 0 0 repeat-x #fff;float:left;}
#topPan04{float:left;}
#topPan05{float:left;}
#topPan06{width:1024px;height:38px;background:url(/img/_toppan06.jpg) 0 0 repeat-x #fff;float:left;}
#topPan07{width:310px;height:30px;background:url(/img/_toppan07.jpg) 0 0 repeat-x #fff;float:left;}

.topmenu{margin-top:5px;padding-left:100px;}
.topsearch{margin-top:8px;padding-left:100px;}

#searchfield{height:15px;width:140px;border:1px solid #c89e6c;margin-top:4px;margin-left:10px;}
#searchbutton{height:20px;width:50px;border:1px solid #000;background-color:#d9c594;margin-top:4px;}

.ablock{display:block;}
.aselected{color:#fff !important;font-weight:bold;}
#sound{margin-top:8px;float:right;}

/*body*/

#bodyPan{width:1024px; position:relative; margin:0 auto;background:url(/img/_background.jpg) 0 0 repeat-y #fff;background-repeat: repeat-y;overflow:hidden;}
#bodyPanPost{width:1024px; position:relative; margin:0 auto;background:#fecbae;overflow:hidden;}

.bodyPanAdmin{width:866px !important; background:#fecbae !important; position:relative; margin:0 auto;padding-bottom:30px;font:12px/14px Verdana, Helvetica, sans-serif;}
.myfont{font:12px/14px Verdana, Helvetica, sans-serif;}

#leftPanPost{width:1024px; float:left; margin:10px;}
#leftPan p{text-align:justify;}

/*Main menu*/
#mainMenu{width:162px; float:left;background:#fecbae;font:12px/14px Verdana, Helvetica, sans-serif;}
#mainMenu02{background:#fecbae;}
#mainMenu03{background:#fecbae;height:100px;} 
#mainMenu01{width:163px;height:148px;background:url(/img/_mainmenu01.jpg) 0 0 no-repeat;float:left;}


.menucontainer{background:#fecbae 0 0 repeat-y;}
.mainmenu{display:block;width:163px;height:26px;background-color:#000;margin-bottom:3px;#margin-bottom:0px;font:18px/14px Impact, Helvetica, sans-serif;}
.mainmenu a{display:block;width:150px;height:21px;color:white;text-decoration:none;position:relative;top:5px;left:15px;}
.mainmenu a:hover{color:#d9c594;}
.divider{display:block;width:163px;height:26px;padding-top:10px;}
.spacer{display:block;width:163px;height:26px;padding-top:10px;}

.submenu{padding-bottom:2px;}
.submenu a{color:black;font-weight:bold;padding-left:15px;}
.submenu a:hover{color:#d9c594;}
.active a{color:#d9c594 !important;}
.active a:hover{color:white !important;;}

/*middle content*/
#leftPan{width:715px; float:left;padding-left:2px;padding-right:3px;_padding-right:2px;border-top:2px solid black;line-height:auto;}
#content{margin:10px;#width:675px;}


/*museum bottom*/
#museumbottom{background-color:#fecbae;width:1024px; height:300px; position:relative; margin:0 auto;border-top:2px solid black;}
#museum01{width:292px;height:300px;float:left;}
#museum02{width:440px;height:300px;float:left;}
#museum03{width:292px;height:300px;float:left;}


/*right content*/
#rightPan{width:142px;float:left;background-color:#fecbae;font:12px/14px Verdana, Helvetica, sans-serif;}
.sidebaritem{}
.sidebarbone{text-align:center;}

.sidebaritem h4{display:block;height:22px;background-color:#000;margin-bottom:3px;#margin-bottom:0px;font:18px/14px Impact, Helvetica, sans-serif;color:white;padding-left:15px;padding-top:5px;}


#footer{width:1024px; height:20px;background-color:#000;color:#c0975f;margin:0px;padding:0px;position:relative;text-align:center;}
#footer a{text-decoration:none;color:#c0975f;}
#footer a:hover{color:#fff;}
#footerPan{width:1024px; height:50px; position:relative; margin:0 auto; clear:both;font:12px/14px Verdana, Helvetica, sans-serif;}
#footerPan p.copyright{position:absolute; top:48px; left:275px; font-size:12px;}

#copyright{width:1024px; height:40px;background-color:#fff;color:#000;margin:0px;text-align:center;}

.input100{font-size:20px;width:100px;}
.input200{font-size:20px;width:200px;border:1px solid black;}
.input300{font-size:20px;width:300px;border:1px solid black;}
.input300noborder{font-size:20px;width:300px;height:34px;margin-left:5px;}
.input400{font-size:20px;width:400px;border:1px solid black;}
.inputsmall{font-size:12px;width:200px;border:1px solid black;}
.textareas{border:1px solid black;width:300px;height:100px;font:12px/14px Verdana, Helvetica, sans-serif;}
.textareas2{border:1px solid black;width:400px;height:100px;font:12px/14px Verdana, Helvetica, sans-serif;}
.button1{font-size:20px; border:2px solid black; background-color:rgb(255,204,204);}

#topPan ul{width:900px; height:20px;}

#topPan ul li{width:101px; height:20px; float:left;}
.selected {color:black !important;background:white !important;}

#topPan ul li a{width:101px; height:20px; display:block; color:white;background:black; text-align:center; text-decoration:none;line-height:20px;}
#topPan ul li a:hover{color:black;background:white; text-decoration:none;}

.leftside{float:left;text-align:right;width:40%;padding:5px;}
.rightside{float:left;text-align:left;width:50%;padding:5px;}

.leftside2{float:left;text-align:right;width:20%;padding:5px;}
.rightside2{float:left;text-align:left;width:70%;padding:5px;}

.hcolumn75{float:left;text-align:center;width:75px;height:20px;padding:2px;margin-left:1px;border:1px solid black;background-color:rgb(212,208,200)}
.hcolumn150{float:left;text-align:center;width:150px;height:20px;padding:2px;margin-left:1px;border:1px solid black;background-color:rgb(212,208,200)}
.hcolumn400{float:left;text-align:center;width:400px;height:20px;padding:2px;margin-left:1px;border:1px solid black;background-color:rgb(212,208,200)}
.hcolumn500{float:left;text-align:center;width:500px;height:20px;padding:2px;margin-left:1px;border:1px solid black;background-color:rgb(212,208,200)}

.column75{float:left;text-align:center;width:75px;height:52px;padding:2px;margin-left:1px;border:1px solid black;}
.column150{float:left;width:150px;height:52px;padding:2px;margin-left:1px;border:1px solid black;}
.column400{float:left;width:400px;height:52px;padding:2px;margin-left:1px;border:1px solid black;}
.column500{float:left;width:500px;height:52px;padding:2px;margin-left:1px;border:1px solid black;}

.admupload{border:1px dashed black;width:250px;height:195px;float:left;}
.admimg{float:left;text-align:left;}
.admeditimg{float:right;width:500px;text-align:left;}

.maincat{background-color:rgb(82,201,91);}
.subcat{background-color:rgb(142,191,206);}


.caticon{width:100px;height:100px;float:left;padding-right:10px;}
.caticonlink{width:105px;height:105px;display:block;float:left;padding-right:10px;background: url(/img/_icon.jpg) 0 0 no-repeat;}
.catbox{padding:2px;margin:1px;border-bottom:1px dotted black;padding-bottom:30px;padding-top:10px;}
.catbox h3{font:20px/14px Impact, Helvetica, sans-serif;}
.matimage{padding:2px;border:1px solid black;background:#fff;}
.materialthumb{}
.readmore{display:block;margin-top:5px;padding-top:3px;padding-left:110px;background: url(/img/readmore.gif) 185px 0 no-repeat;#background: url(/img/readmore.gif) 75px 0 no-repeat;height:30px;width:250px;}

.navi{width:16px;height:16px;float:left;background: url(/img/nav.gif) 0 0 no-repeat;}
.navilink{float:left;height:16px;display:block;padding-right:5px;padding-left:5px;}

.materialthumb{}
.preview{line-height:160px;vertical-align:sub;display:block;}
.previewadmmin{}
.mat_thumbs{line-height:160px;vertical-align:middle;}