html { font-family:sans-serif; color:#CCCCFF;}

#container { width:958px; margin:20px auto; }

#header { padding:10px; background:white;}

h2 { color:#fff; margin:20px 0 4px 8px; clear:left; font-family:"Trebuchet MS"; }

body { background-image: url(back.jpg); background-repeat: repeat-x; padding: 0; margin: 0; background-color: #3a565d; }
	
.icon { border:none; margin:10px 10px 0 16px; float:left; width:82px; height:82px; }
.gs { display:block; border:none; margin:9px auto; width:100px; height:82px; }
.sn { display:block; color:darkblue; font-size:22px; margin:10px 0 2px 0; }
.st { color:#000; }

a { color:#CCCC66; text-decoration:none; }
a:hover { color:#FFFF99; }

.albu { display:block; float:left; width:310px; height:100px; margin:0 14px 4px 0; padding:0; background-image: url(panelb.gif); color:#000; }
.albu:hover { background-position:-310px 0; cursor:pointer; }

.albs { display:block; float:left; width:148px; height:100px; margin:0 14px 4px 0; padding:0; background-image: url(panels.gif); color:#000; }
.albs:hover { background-position:-148px 0; cursor:pointer; }

.albs2 { display:block; float:left; width:148px; height:100px; margin:6px 14px 4px 0; padding:0; background-image: url(panels.gif); color:#000; }
.albs2:hover { background-position:-148px 0; cursor:pointer; }