* {margin: 0; padding: 0}
body {font-family:  verdana, arial, sans-serif; font-size: 70%; line-height: 130%; color: #404040}
a {color: #3B6989; text-decoration: underline}
a:hover {text-decoration: none}
small {font-size: 90%;}
img {border: 0}
h1 {font-size: 22px; font-weight: normal; margin: 10px 0; color: #2D5E81;}
h2 {font-size: 110%; color: #2D5E81;}
h3 {font-size: 110%; color: #2D5E81; text-align: right; margin: -10px 3px 5px 0}

p {margin-bottom: 1em}

#all {min-width: 1000px; width: expression((documentElement.clientWidth) < 1024 ? "1003px" : "100%");}

#header {background: url(hb.jpg) repeat-x; height: 182px;}
#logo {position: absolute; top:0; left:0; background: url(logo.jpg) repeat-x; width: 632px; height: 182px;}
#hmenu {float: right; width: 300px; height: 179px; background: url(hright.jpg) top right no-repeat;}
#hmenu ul {padding: 12px 10px 0 0}
#hmenu ul li{text-align: right; list-style: none; line-height: 33px}
#hmenu a {font-size: 12px; font-weight: bold; color: #3B6989; text-decoration: none}
#hmenu a:hover {text-decoration: underline}

table {border: 0; border-collapse: collapse; width: 100%}
table td {vertical-align: top; padding: 0}

#inside {background: url(font.jpg) repeat-x;}
#cblock {width: 880px; margin-left: auto; margin-right: auto; margin-bottom: 30px;}
.citem {background: url(fonc.gif)  0 66px repeat-x; margin-bottom: 30px}
.ñsubitem { padding: 100px 20px 20px 260px}
.ctext {position: relative; top: -20px; height: 322px;}

#slideshow {width:794px; height: 119px; overflow:hidden; white-space:nowrap; position:relative;} 
#slideshow div {float: left}
#scroller {float: left; padding: 13px 11px; position:relative; display:inline; }
#scroller img {border: 1px solid #3B6989; margin-right: 24px}
#sl {background: url(sl.gif); cursor: pointer;}
#sl img {margin: 57px 28px 0 8px;}
#sr {background: url(sr.gif); cursor: pointer;}
#sr img {margin: 57px 8px 0 28px;}
#sb {background: url(sb.gif);}

#leftside {width: 250px}
#l1 {background: #D5E1EC url(l11.jpg) no-repeat; margin-bottom: 20px}
#l1sub {background: url(l12.jpg) left bottom no-repeat; padding: 160px 10px 100px 50px; font-size: 105%; color: #1E5378}

#l2 {background: #E4CFA2 url(l21.jpg) no-repeat;}
#l2sub {background: url(l22.jpg) left bottom no-repeat; padding: 110px 10px 100px 50px;}
#l2sub a {color: #404040; line-height: 140%}

#rightside {width: 245px}
#r1 {background: #D5E1EC url(r11.jpg) no-repeat; margin-bottom: 20px}
#r1sub {background: url(r12.jpg) left bottom no-repeat; padding: 160px 20px 100px 20px; font-size: 105%; line-height: 130%; color: #2D5E81;}
#r1sub img {margin: 10px 0}
#r2 {background: #E4CFA2 url(r21.jpg) no-repeat; margin-bottom: 20px}
#r2sub {background: url(r22.jpg) left bottom no-repeat; padding: 170px 20px 160px 30px; font-size: 105%; line-height: 130%;}
#r2sub div  {margin-left: auto; margin-right: auto; width: 188px; margin-bottom: 0.5em}
#r2sub a {color: #B8632B}

#center {padding: 5px 3% 25px 3%; background: url(bl2.gif) left bottom no-repeat}

.item {background: url(item_b.jpg) left bottom repeat-x;}
.subitem {height: 250px; padding: 0 20px 0 190px}
.subitem p {padding-top: 5px; line-height: 16px}

#bl {width: 250px; background: url(bl.jpg) top right no-repeat}
#bc {background: url(bb.jpg) repeat-x}
#br {width: 245px; background: url(br.jpg) no-repeat}
#copy {background: url(bl1.jpg) no-repeat; padding: 15px 0 25px 30px}

.slist {list-style: none; padding: 10px 0 0 10px;}
.slist li {display: block; margin-bottom: 12px; line-height: 13px}

.news {margin-bottom: 1em}
.date {margin-bottom: 5px; color: #B8632B; font-weight: bold;}
.ntext {margin-bottom: 10px; line-height: 120%}

.songs {width: auto; margin-bottom: 3px}
.songs td {padding: 2px 4px}