body { background:url(images/sob_bg.jpg) repeat-x fixed; 
margin:30px 0px; 
padding:0px;
text-align:center;
}


#top {margin:0px auto; background:url(images/sob_top.jpg); width:900px; height:170px; z-index:10;}

#nav {margin:0px auto; background:#000000; width:900px; height:26px; position:relative}

#nav a:link { color:#00ff00; font-family:arial black, arial, helvetica, verdana; font-size:16px; font-weight:bold; padding-left:20px; padding-right:20px;text-decoration:none;}
#nav a:visited { color:#00ff00; font-family:arial black, arial, helvetica, verdana; font-size:16px; font-weight:bold; padding-left:20px; padding-right:20px;text-decoration:none;}
#nav a:hover { color:#009900; font-family:arial black, arial, helvetica, verdana; font-size:16px; font-weight:bold; padding-left:20px; padding-right:20px;text-decoration:none;}

#content {
background:#ffffff; 
width:900px; 
opacity:1.0;
filter:alpha(opacity=100);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
margin:0px auto;
text-align:left;
}

#left_col{background:#ffffff; color:#111111; font-family:helvetica, verdana, arial; font-size:12px; text-align:left; line-height:16px;width:550px; padding:15px; float:left;}
#right_col{background:#ffffff;  color:#111111; font-family:helvetica, verdana, arial; font-size:12px; text-align:left; line-height:16px;width:305px; padding-right:15px; float:right;}

#story{background:#ffffff; color:#111111; font-family:helvetica, verdana, arial; font-size:12px; text-align:left; line-height:16px;width:870px; padding:15px; float:left;}

td,p { color:#111111; font-family:helvetica, verdana, arial; font-size:12px; text-align:left; line-height:16px;}
li { color:#111111; font-family:helvetica, verdana, arial;;font-size:12px; text-align:left; line-height:14px;}

#left_col .footer { color:#999999; font-family:helvetica, verdana, arial; font-size:10px; text-align:left; line-height:14px;}

.hdr { color:#111111; font-family:arial black, arial, helvetica, verdana; font-size:18px; font-weight:bold;text-align:left; line-height:19px;}
.red { color:#990000; font-family:arial black, arial, helvetica, verdana; font-size:16px; font-weight:bold;text-align:center; line-height:19px;}
.event { color:#ffffff; font-family:arial black, arial, helvetica, verdana; font-size:16px; background:#000000; font-weight:bold; text-align:left; padding:2px 5px 2px 9px; width:520px;}

a:link { color:#009900; font-family:helvetica, verdana, arial; text-decoration:underline;}
a:visited { color:#009900; font-family:helvetica, verdana, arial; text-decoration:underline;}
a:hover { color:#00ff00; font-family:helvetica, verdana, arial; text-decoration:none;}
.title { color:#111111; font-family:helvetica, verdana, arial; font-style:bold; font-size:12px;}
.studio { color:#ffffff; background:#990000; padding:2px; font-family:helvetica, verdana, arial; font-size:11px;}
.photolinks { text-align:center;}

#left_col #slideshow {list-style:none; color:#fff}
#left_col #slideshow span {display:none}
#left_col #wrapper {width:550px; margin:50px auto; display:none}
#left_col #wrapper * {margin:0; padding:0}
#left_col #fullsize {position:relative; width:500px; height:300px; padding:2px; border:0px solid #ccc; background:#000}
#left_col #information {position:absolute; bottom:0; width:500px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#left_col #information h3 {padding:4px 8px 3px; font-size:14px}
#left_col #information p {padding:0 8px 8px; color:#ffffff;}
#left_col #image {width:500px}
#left_col #image img {position:absolute; z-index:25; width:auto}
#left_col .imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#left_col #imgprev {left:0; background:url(images/left.gif) left center no-repeat}
#left_col #imgnext {right:0; background:url(images/right.gif) right center no-repeat}
#left_col #imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
#left_col .linkhover {background:url(images/link.gif) center center no-repeat}
#left_col #thumbnails {margin-top:15px; display:none;}
#left_col #slideleft {float:left; width:20px; height:81px; background:url(images/scroll-left.gif) center center no-repeat; background-color:#222}
#left_col #slideleft:hover {background-color:#333}
#left_col #slideright {float:right; width:20px; height:81px; background:#222 url(images/scroll-right.gif) center center no-repeat}
#left_col #slideright:hover {background-color:#333}
#left_col #slidearea {float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden}
#left_col #slider {position:absolute; left:0; height:81px}
#left_col #slider img {cursor:pointer; border:1px solid #666; padding:2px}

#story #slideshow {list-style:none; color:#fff}
#story #slideshow span {display:none}
#story #wrapper {width:550px; margin:50px auto; display:none}
#story #wrapper * {margin:0; padding:0}
#story #fullsize {position:relative; width:500px; height:300px; padding:2px; border:0px solid #ccc; background:#000}
#story #information {position:absolute; bottom:0; width:500px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#story #information h3 {padding:4px 8px 3px; font-size:14px}
#story #information p {padding:0 8px 8px; color:#ffffff;}
#story #image {width:500px}
#story #image img {position:absolute; z-index:25; width:auto}
#story .imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#story #imgprev {left:0; background:url(images/left.gif) left center no-repeat}
#story #imgnext {right:0; background:url(images/right.gif) right center no-repeat}
#story #imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
#story .linkhover {background:url(images/link.gif) center center no-repeat}
#story #thumbnails {margin-top:15px; display:none;}
#story #slideleft {float:left; width:20px; height:81px; background:url(images/scroll-left.gif) center center no-repeat; background-color:#222}
#story #slideleft:hover {background-color:#333}
#story #slideright {float:right; width:20px; height:81px; background:#222 url(images/scroll-right.gif) center center no-repeat}
#story #slideright:hover {background-color:#333}
#story #slidearea {float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden}
#story #slider {position:absolute; left:0; height:81px}
#story #slider img {cursor:pointer; border:1px solid #666; padding:2px}