:focus {outline:none}

body {color:#333333; margin:0 0 25px 0; padding:0; text-align:center}

div.body-home {background:url(/asset/image/background/body-home.jpg) right top no-repeat}

div.container {clear:both; margin:0 auto; position:relative; text-align:left; width:982px}

#Header {background:url(/asset/image/background/header.png) left bottom repeat-x; height:155px; margin-top:15px; position:relative}
#Header div.container {height:155px}
#Header img.logo {left:16px; position:absolute; top:15px}
#Header p {display:none}

#Main {background:url(/asset/image/background/body.jpg) right top no-repeat; min-height:205px; padding:15px 290px 15px 15px}
#Main div.gallery h2 {font-size:125%; margin:5px 0 10px 0 !important; text-align:center; width:208px}
#Main div.gallery h2 a {color:#333333; text-decoration:none}
#Main div.gallery p {clear:both; margin:0 !important; padding:0 !important}
#Main div.gallery ul.gallery li {height:236px !important}

#Map {border:1px solid #ccc; height:350px; margin-top:20px}
    
#Navigation {bottom:0; height:34px; left:6px; list-style:none; margin:0; padding:0; position:absolute}
#Navigation li {float:left; margin:0}
#Navigation li a {background:url(/asset/image/tile/navigation.png) left top no-repeat; display:block; height:34px; overflow:hidden; text-indent:999px; white-space:nowrap; color:#fff}
#Navigation li.home a {width:55px}
#Navigation li.home a:hover {background-position:0 -34px}
#Navigation li.home a.down {background-position:0 -68px}
#Navigation li.about a {background-position:-55px 0; width:72px}
#Navigation li.about a:hover {background-position:-55px -34px}
#Navigation li.about a.down {background-position:-55px -68px}
#Navigation li.gallery a {background-position:-127px 0; width:63px}
#Navigation li.gallery a:hover {background-position:-127px -34px}
#Navigation li.gallery a.down {background-position:-127px -68px}
#Navigation li.news a {background-position:-190px 0; width:53px}
#Navigation li.news a:hover {background-position:-190px -34px}
#Navigation li.news a.down {background-position:-190px -68px}
#Navigation li.members a {background-position:-243px 0; width:75px}
#Navigation li.members a:hover {background-position:-243px -34px}
#Navigation li.members a.down {background-position:-243px -68px}
#Navigation li.join a {background-position:-318px 0; width:45px}
#Navigation li.join a:hover {background-position:-318px -34px}
#Navigation li.join a.down {background-position:-318px -68px}
#Navigation li.contact a {background-position:-363px 0; width:65px}
#Navigation li.contact a:hover {background-position:-363px -34px}
#Navigation li.contact a.down {background-position:-363px -68px}

#News {margin-top:10px}
#News dl {margin:0; padding:0}
#News dl dd {background-color:#f0f0f0; margin:0; padding:8px}
#News dl dt {background-color:#f0f0f0; border-top:1px dotted #ccc; color:#4D4D4D; font-size:130%; font-weight:bold; margin:0; padding:8px 8px 0 8px}
#News dl dt a {color:#4D4D4D; text-decoration:none}

#Partner {position:absolute; right:0; top:-11px}
#Partner ul {list-style:none; margin:0; padding:0}
#Partner ul li {float:left; margin-left:15px}

p.more {margin:8px 0 0 0; padding:0; text-align:right}
p.more a {background:url(/asset/image/button/read-more.png) right top no-repeat; display:inline-block; height:24px; overflow:hidden; text-indent:999px; white-space:nowrap; width:93px}
p.more a:hover {background-position:right -24px}

#Social {position:absolute; right:0; top:71px}
#Social ul {list-style:none; margin:0; padding:0}
#Social ul li {float:left; margin-left:15px}

ul.gallery {list-style:none; margin:0; padding:0; width:687px}
ul.gallery li {background-color:#fff; float:left; height:157px; margin:21px 21px 0 0; padding:0; width:208px}
ul.gallery li.last {margin-right:0}
ul.gallery img {border:1px solid #f0f0f0; padding:2px}