/* individual element styles */
#outer { width: 730px; margin: auto; padding: 24px 0 24px 0; }
#inner { width: 100%; }

#header { height: 93px; background: transparent url("../images/header_bg.gif") no-repeat; }
#main { background: white; padding-left: 4px; height: 320px; }
#addon { background: white; padding-left: 4px; }
#footnote { background: white; padding: 8px 16px 8px 16px; }
#footer { height: 70px; }

#footer table img { vertical-align: middle; margin-top: 8px; }

#sidebar { width: 170px; background: #E6E6FF url("../images/nav_botcorner.gif") no-repeat left bottom; border-right: 4px solid white; }
#pagebar { width: 720px; }
#content { width: 720px; background: #FFFFFF url("../images/cmainbg.gif") repeat-y top right; }
#shrtbar { width: 170px; border-right: 4px solid white; }
#widebar { width: 548px; }

#nav { position: relative; width: 170px; background: #E6E6FF url("../images/nav_topcorner.gif") no-repeat left top; }

#menu           { width: 158px; margin-left: 6px; }
#menu ul        { margin: 0; padding: 0; list-style: none outside none; }
#menu ul li     { position: relative; font-size: 0px; margin: 0; padding: 4px 0 3px 0; float: left; }
#menu ul li.hr  { background: url("../images/nav_dottedline.gif") no-repeat left bottom; }
#menu ul li a   { display: block; width: 158px;  }
#menu ul li img { margin: 2px 0 2px 16px; }
#menu ul li a img.icon { margin: 0; position: absolute; width: 10px; height: 11px; left: 0; top: 4px; display: none; }
#menu ul li a.selected img.icon { display: block; }

#title { position: relative; width: 720px; height: 70px; background: white url("../images/title.gif") no-repeat; }
#title img { position: absolute; left: 34px ; bottom: 28px; }
#splash { position: relative; width: 548px; height: 159px; background: white url("../images/splashes/splash_default.jpg") no-repeat; }
#data { position: relative; width: 488px; margin: 30px; }

#newsblock table.title td { height: 24px; padding-left: 20px; }
#newsblock table.table { margin-top: 16px; }
#newsblock table.table td { padding: 2px 10px; width: 33%; vertical-align: top; color: white; }

.block { position: relative; width: 238px; height: 128px;   }
.block .text { position: absolute; left: 36px; top: 10px; color: white; }
.block .head { position: absolute; left: 0; top: 0; }
.block .head img { width: 238px; height: 33px; }
.block .outer { position: absolute; left: 0; top: 20px; width: 238px; height: 106px; }
.block .inner { margin-left: 5px; width: 229px; height: 101px; overflow: hidden; }
.block .inner a.whole { display: block; width: 229px; height: 101px; }

div.pagination table { border-collapse: separate;  }
div.pagination table td { border: 1px solid #333399; width: 3.25ex; text-align: center; }
div.pagination table td a { display: block; border: 1px solid white; padding: 1px; background: #CC3366 no-repeat 50% 50%; }
div.pagination table td a span { color: white; text-decoration: none; }

#explore a { display: block; width: 164px; height: 48px; background: url("../images/explore.jpg") no-repeat left top; }
#explore a:hover { background-position: 0 -48px; }

#stats a { color: #9091E4; text-decoration: none; }

.pad10 { position: relative; margin-bottom:  9px; padding-bottom: 1px; }
.pad20 { position: relative; margin-bottom: 19px; padding-bottom: 1px; }
.pad30 { position: relative; margin-bottom: 29px; padding-bottom: 1px; }
.pad40 { position: relative; margin-bottom: 39px; padding-bottom: 1px; }