/* CSS Document */
html,body{margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#000;width:100%;}
body{/*background:#dcdcdc;*/}
a{color:#000;text-decoration:none;outline:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:underline;color:#c12a2f;}
a:focus{outline:0;}
a:active{text-decoration:none;}
p{margin:0;padding:0;line-height:150%;}
input,font,select,option,textarea,button,fieldset,legend{font-family:Arial, Helvetica, sans-serif;color:#666;font-size:1em;line-height:120%;}
img{border:none;}
ul,li,form{margin:0;padding:0;list-style:none;}
div,td{word-wrap:break-word;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight:normal;}
h1,h2{font-size:18px;}
h3{ font-size:1em;}

.clear{clear:both;height:0;width:0;margin:0 auto;font-size:0;}
.hidden{display:none;}
.pos{width:1000px;margin:0 auto; background:#FFF;}

.content{ position:relative; width:951px; margin:0 auto; background:url(R_TheSouthernmost21.jpg) no-repeat;}

.top{ margin:0px; padding:0px;}
.logo{ float:left;width:145px; height:37px; display:inline-block;  margin:10px 0 0 50px;}
.topnav{ float:right; display:block; display:inline; margin:20px 40px 0 0; color:#FFF;}
.topnav a{ color:#FFF; margin:0 5px 0 5px;}
.topnav a:hover{ color:#B21D23;}

.main{ width:951px; padding:341px 0 0 0;}
.pngbg{ width:882px; padding:0 ; margin:0 auto;  }
.side{ width:312px; padding:50px 0 0 27px;}
.side p{ margin:10px 0 10px 0; color:#FFF;}
h2{ color:#8CC63F;}

.sidefoot{ margin:0 0 0 1px; padding:20px 0 0 27px; width:855px; height:204px; background:#4F4A0E;}
.sidefoot h5{float:left; background:url(R_TheSouthernmost04.png) no-repeat; height:19px; font-size:14px; padding:0 0 0 30px;color:#8CC63F;}
.sidefoot a{ float:left; display:block; display:inline; margin:0 0 0 150px; background:url(R_TheSouthernmost05.png) 30px -7px no-repeat; width:50px; color:#CCCCCC;}
.sidefoot a:hover{ color:#B21D23;}
.sidefoot img{ margin:5px 0 0 0;}
.tip{ float:left; display:inline; background:url(R_TheSouthernmost11.jpg) no-repeat; height:265px; width:582px;  color:#606060; padding:20px 0 5px 0; margin:10px 0 0 50px;}
.tip h6{ font-size:15px; margin:0 0 0 105px;}
.tip p.tipp{ margin:7px 0 0 105px; width:220px; line-height:15px;}
.tip .scroll{ overflow-y:scroll;  overflow:hidden;margin:10px 0 0 21px; width:300px; height:120px; color:#82A143;}

.rightbg{ float:left; margin:0 0 0 239px; width:46px; height:280px; background:#cfcfce; }
.pages{position:absolute; left:400px; top:390px;width:492px;    }
.page{width:492px; /*height:1253px; */background:#FFF;padding:30px 0 10px 0;}
.title{ height:31px; }
.title ul li{ float:left; background:#CCCCCC; width:246px; height:31px;}
.title ul li.topic{ float:left; background:#85B507; font-size:16px; color:#FFF; font-weight:bold; line-height:30px; text-align:center;}

.page img{ margin:20px  35px;}
.page h5{float:left; background:url(R_TheSouthernmost04.png) no-repeat; height:19px; font-size:14px; padding:0 0 0 30px;color:#8CC63F; margin:0 0 0 30px;}
.page a{ color:#666666;float:left; display:block; display:inline; margin:0 0 0 20px; background:url(R_TheSouthernmost05.png) 90px -7px no-repeat; width:150px;}
.page a:hover{color:#B21D23;}
.page p{ padding:0px 30px 10px 35px; color:#426300; }

.scroll{3dlight-color:#82A143;　 overflow-y:scroll; width:357px; height:147px;}

.pngfoot{ background:url(R_TheSouthernmost18.jpg) no-repeat; width:492px; height:11px;}

.contents{ background:url(R_TheSouthernmost20.jpg) no-repeat; width:951px; height:1620px; margin:0 auto;}

.mains{ position:relative;}

.topbar{ position:absolute; right:26px; top:365px; width:319px;}
.topbar li{ float:left; background:#CCCCCC; width:154px; height:31px;}
.topbar li b{ background:url(R_TheSouthernmost21.png) 125px 8px no-repeat; display:block;font-size:16px; color:#FFF; font-weight:bold; line-height:30px; text-align:center;}
.topbar li.active{float:left; background:#85B507; }
.topbar li.active b{background:url(R_TheSouthernmost04.png) 5px 5px no-repeat; }

.text1{ width:222px;  position:absolute; left:80px; top:525px;}
.text1 p{ line-height:15px; color:#FFF;}

.text2{width:222px;position:absolute; left:250px; top:685px;}
.text2 p{ line-height:15px; color:#FFF;}

.text3{width:222px;position:absolute; left:685px; top:650px;}
.text3 p{ line-height:15px; color:#FFF;}

.text4{width:222px; position:absolute; left:80px; top:812px;}
.text4 p{ line-height:15px; color:#FFF;}

.text5{width:222px; position:absolute; left:685px; top:820px;}
.text5 p{ line-height:15px; color:#FFF;}

.text6{width:222px;position:absolute; left:80px; top:978px;}
.text6 p{ line-height:15px; color:#FFF;}

.text7{width:222px; position:absolute; left:685px; top:968px;}
.text7 p{ line-height:15px; color:#FFF;}

.text8{width:282px; position:absolute; left:608px; top:1015px;}
.text8 p{ line-height:13px; color:#FFF;}

.text9{width:382px;position:absolute; left:510px; top:1149px;}
.text9 p{ line-height:13px; color:#FFF;}

.text10{width:302px; position:absolute; left:405px; top:1284px;}
.text10 p{ line-height:13px; color:#FFF;}

.author{ position:absolute; left:45px; top:1465px; }
.author p{line-height:13px; color:#FFF;}

.trip{ width:152px; position:absolute; left:655px; top:1442px;}
.trip a{ font-size:16px; display:block; background:url(R_TheSouthernmost05.png) 40px -5px no-repeat;  color:#CCCCCC;}
.trip a:hover{color:#B21D23;}

.foots{ position:absolute; left:550px; top:1554px; text-align:center; color:#666666;}
.foots a{ color:#666666;}
.foots a:hover{color:#B21D23;}

.foot{ margin:40px auto; text-align:center;}