body {
padding:15px 0;
/*background-color:#BABABA;*/
background-image:url(/spp/page_bg.jpg);
background-size:100% auto;
background-repeat:repeat;
background-position:0 -100px;
background-attachment:fixed;
}
.container {
/*width:800px;*/
background-color:#E8E9F0;
padding:0;
mar
}

#centerdiv {
margin:10px;
/*background-color:#FFB;*/
background-color:#FFF;
width:auto;

}

dl {
margin:0 7px 7px 7px;
padding:0 5px 5px 5px;
/*background-color:#F4F4BF;*/
/*border:#999 solid 1px;*/
}
dt {
font:18px bold Arial, Helvetica, sans-serif;
padding:15px 10px 3px 7px;
margin:0;
}
dd {
margin:0;
padding:0 0 0 35px;
}


.navtable {
text-align:center;
margin:5px 0 5px 0;
width:100%;
background:linear-gradient(to bottom, #486591 0%,#123b69 99%);
}
.navtable td {
min-width:14%;
}
.navtable a {
display:block;
border:#B9B9B9 solid;
border-width:0 1px 0 0;
padding:6px 4px;
font-size:18px;
color:#FEFEFE;
}
.navtable a:hover {
background-color:#EC9;
}
.navtable tbody tr td:last-child a {
border-width:0;
}



#photodiv hr {
margin:0;
padding:0;
}
.event {
border-bottom:#CCC solid 1px;
display:block;
}
.event .photoleft, .event .photoright {
position:relative;
width:auto;
}
.event .photoleft {
float:left;
margin:0 5px 0 0;
}
.event .photoright {
float:right;
margin:0 0 0 5px;
}
.photoleft img, .photoright img, img.photoleft, img.photoright {
border:#666 solid 1px;
margin-bottom:5px;
}
.photoleft img:hover, .photoright img:hover, img.photoleft:hover, img.photoright:hover {
border:#06E solid 1px;
}
.photoleft a, .photoleft a:visited, .photoright a, .photoright a:visited {
position:absolute;
left:1px;
bottom:11px;
padding:2px 3px 0 3px;
/*IE background style */background-color:#96C8C8;filter:Alpha(opacity=60);/*------*/
background:rgba(150, 200, 200, 0.5);
z-index:200;
}
.photoleft a img, .photoleft a img:hover, .photoright a img, .photoright a img:hover {
border:0;
margin:0;
}
.photoleft strong, .photoright strong {
position:absolute;
padding:1px 5px 2px 4px;
right:1px;
bottom:11px;
font-size:10px;
color:#000;
white-space:nowrap;
/*IE background style */background-color:#96C8C8;filter:Alpha(opacity=60);/*------*/
background:rgba(150, 200, 200, 0.5);
z-index:200;
}
.photoleft a:hover, .photoright a:hover, .photoleft strong:hover, .photoright strong:hover {
filter:Alpha(opacity=100);
background:rgba(150, 200, 200, 1.0);
}

#eventnav {
display:table;
margin:15px 0;
width:100%;
}
#eventnav a {
display:table-cell;
padding:5px;
/*margin:0 .5% 0 0 ;*/
border:#666 solid;
border-width:1px 1px 1px 0;
width:14.2%;
overflow:auto;
text-align:center;
}
.navtable a.select, #eventnav a.select {
background-color:#CE9;
}
#eventnav a:hover {
background-color:#EC9;
border:#393 solid;
border-width:1px 1px 1px 0;
}
#eventnav a:last-child {
border-width:1px 0;
}

.event {
/*background-color:#F0F0E0;*/
border:#666 solid;
border-width:0 0 1px 0;
margin:0 1% 1% 1%;
overflow:auto;
}
.event h2 {
color:#222;
padding:5px;
text-align:left
}
.event h4 {
text-align:center;
}
.event p {
overflow:auto;
margin:0;
padding:5px;
}
.event .p-left {
text-align:left;
clear:left;
}
.event .p-right {
text-align:right;
clear:right;
}
.event .caption {
display:block;
padding:3px;
/*font-size:14px;*/
}
.event a {
display:block;
overflow:auto;
}
.event img {
display:block;
width:100%;
margin:0 auto;
}

.annivDiv {
overflow:auto;
text-align:left;
border:#AAA solid 1px;
margin:10px 12px 15px 12px;
background-color:rgba(255,255,200,0.7);
-moz-border-radius:8px;
-webkit-border-radius:8px;
-khtml-border-radius:8px;
border-radius:8px;
-moz-box-shadow:3px 3px 6px #666;   
-webkit-box-shadow:3px 3px 6px #666;
box-shadow:3px 3px 6px #666;
}

.cutline {
display:block;
text-align:center;
font:normal 13px Arial, Helvetica, sans-serif;
}

.byline {
padding-left:15px;
color:#666;
}

.cutblock {
color:#003;
font-size:11px;
padding:0 5px;
}

.leaderdiv {
border:#666 solid 1px;
background-color:#C0C0F0;
margin:0 auto 5% auto;
overflow:auto;
min-height:126px;
}

.leaderdiv a {
/*float:right;
overflow:auto;
padding-left:4px;*/
}
.leaderdiv a img {
display:block;
width:180px;
}


/********* Home page scroller *********/
.scrol {
overflow:auto;
/*background-color:#084476;*/
background:linear-gradient(to bottom, #486591 0%,#123b69 99%);
margin:5px;
height:500px;
}
.scrol .scrolInner {
position:relative;
height:100%;
overflow:hidden;
}
.scrol .scrolInner .controls {
position:absolute;
top:10px;
right:5px;
z-index:100;
width:30px;
}
.scrol .scrolInner .controls img {
height:25px;
}
.scrol .scrolInner .scrolPic {
position:absolute;
top:5px;
right:5px;
bottom:5px;
left:5px;
z-index:5;
}
.scrol .scrolInner .scrolPic img {
display:block;
max-height:100%;
max-width:100%;
}
.scrol .scrolInner .scrolPic .title {
background-color:#FFF;
text-align:center;
padding-right:35px;
min-height:60px;
}
.scrol .scrolInner .scrolPic .desc {
position:absolute;
bottom:0;
display:block;
border:#999 solid;
border-width:1px 0 0 0;
background-color:#DDD;
padding:3px 5px 5px 5px;
font-size:13px;
}