body {background: #fff; margin: 0px; padding: 0px; color: #359; font: 12px helvetica, arial; text-shadow: #fff 0px 0px 1px;}
td {color: #359;}
a {color: #3c3;}
img {border: none}
h1 {margin: 5px 0 30px 7px; color: #9bd; font: 28px arial; letter-spacing: -1px}
h2 {margin: 25px 0; font-weight: normal; font-size: 18px; letter-spacing: -1px}
h3 {margin: 5px 0; font-weight: normal; font-size: 18px; letter-spacing: -1px}
h3 a {color: #359; text-shadow: #fff 0px 0px 1px;}
h3 a:hover {color: #3c3}
blockquote {padding: 0 25px; border-left: #ddd 2px solid}
strong {font-weight: normal;}

.products {margin-top: -20px;}
.products td {vertical-align: top;}

#box {width: 84%; background: url("/img/bgr_bottom.gif") repeat-x bottom; margin: 0 0 0 8%;}
#top {height: 37px; background: url("/img/top.gif") no-repeat right bottom;}
#header {background: url("/img/bgr_top.gif") repeat-x; vertical-align: top;}
#left {width: 102px; background: url("/img/bg-left.gif") repeat-y; vertical-align: top}
#content {padding: 24px 40px 0 35px; background: url("/img/bgr_right.gif") #fff repeat-y right; vertical-align: top;}
#bottom {padding: 0 0 25px 25px; background: url("/img/bgr_bottom_right.gif") no-repeat right bottom; font: 11px arial; vertical-align: bottom}
#bottom a {color: #fff;}
#bottom a:hover {color: #359;}
#bottom-left {height: 130px; background: url("/img/bgr_bottom_left.gif") no-repeat left bottom}
.copy {margin: 40px 12%;}
.text {margin: 0 10px;}
.friends {float: right; margin: -20px 12% 40px 12%;}

ul li {list-style-image: url('/img/arraw.gif'); padding: 1px 0;}

/* Menu */
#block {padding: 0 1px 2px 0; margin: 17px 0 20px 0; border: #eaeff7 6px solid}
#menu {padding: 5px 0; background: url("/img/bgr_menu.gif") #fff repeat-x bottom; font-size: 11px; border-top: #57b 1px solid; border-left: #57b 1px solid; border-right: #57b 1px solid; border-bottom: #fff 0px solid}
#menu a {padding: 4px 9px; color: #359; text-decoration: none; border-top: #fff 1px solid; border-left: #fff 1px solid; border-right: #57b 2px solid; border-bottom: #57b 1px solid}
#menu a:hover {padding: 4px 9px 4px 10px; border: #57b 1px solid}
#menu a.current {background: url("/img/bgr_menu_current.gif") repeat-x}
#menu span {padding: 4px 9px; border-left: #fff 1px solid}
a.current {color: #359; text-decoration: none}

.detail {width: 100%; border-collapse: collapse; border-bottom: #9bd 2px solid;}
.detail td {padding: 6px; border: #cde 1px solid; font: 11px arial;}
.detail td.item {background: #eaeff7; font-weight: bold; border-bottom: #9bd 2px solid;}
.detail td.space {background: #ffe; border-bottom: #9bd 2px solid;}
.detail td.head {background: #ffe;}
.detail th {padding: 6px; background: #eaeff7; border: #9bd 1px solid; border-bottom: #9bd 2px solid; text-align: left;}

.latest-news {width: 100%;}
.latest-news td {vertical-align: top; padding: 10px;}
.latest-news td.date {width: 15%;}
.latest-news td.date span {background: #9bd; padding: 3px 6px; font: bold 11px arial; color: #fff;}

.pages {margin: 0; padding: 18px 5px 15px 5px; font-family: arial, tahoma; font-size: 11px; border-top: #bbb 2px solid;}
.pages a {padding: 2px 5px; border: #ccc 1px solid; text-decoration: none}
.pages a.last {padding: 2px 5px; border: #000 1px solid}
.pages a:hover {background: #fff; color: #000}
.pages a.last:hover {background: #ccc; color: #000}
.pages span {padding: 2px 5px; background: #7c9; border: #7c9 1px solid; color: #fff; font-weight: bold}