/*
  TJP Styles
*/

html {
 height: 100%;
 margin: 0px;
 padding: 0px;
}

body {
 background: #001200 url('./images/banner_bg.png') repeat-x 50% 0px;
 text-align: center;
 height: 100%;
 margin: 0px;
 padding: 0px;
 font-family: verdana, arial, sans-serif;
 font-size: 1em;
}

#container {
 background: transparent url('./images/bg_pluckers.png') no-repeat 50% 255px;
 width: 100%;
 height: 100%;
 margin: 0px;
 padding: 0px;
 text-align: center;
}

#banner {
 width: 960px;
 margin: 0px auto 0px auto;
 padding: 225px 0px 0px 0px;
 background: transparent url('./images/banner.png') no-repeat 50% 0px;
}

#banner h1 {
 display: none;
}

#navigation {
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 height: 30px;
}

#main {
 width: 960px;
 margin: 0px auto 0px auto;
 padding: 0px 0px 0px 0px;
}

#sidebar {
 width: 320px;
 float: right;
}

#content {
 margin: 1.6em 0px 0px 0px;
 text-align: left;
}

#main.sidebar #content {
 padding: 0px 320px 0px 0px;
}

#footer {
 width: 960px;
 clear: both;
 margin: 0px auto 0px auto;
 height: 44px;
 border-top: 1px solid #a2a5a2;
}

div.box20 {
 height: 2.5em;
}

div.leftBox {
 float: left;
}

div.rightBox {
 float: right;
}

div.contentBlock {
 margin: 0px 0px 2em 0px;
}

div.cd {
 width: 320px;
 text-align: center;
 font-size: .9em;
}

div.cd img {
 border: 1px solid #a2a5a2;
}

div.infobox {
 width: 288px;
 font-size: .9em;
 margin: 0px auto 0px auto;
 border-top: 1px solid #a2a5a2;
 padding-top: .9em;
}

div.photoRight {
 padding: 9px;
 float: right;
 width: 340px;
 font-size: .9em;
 text-align: center;
}

div.photoLeft {
 padding: 9px;
 float: left;
 font-size: .9em;
 text-align: center;
}

/* Navigation */

#navigation ul {
 display: block;
 height: 30px;
 margin: 0px;
 padding: 0px;
 list-style-type: none;
}

#navigation ul ul {
 display: none;
 position: absolute;
 left: 0px;
 top: 20px;
 width: 210px;
 height: auto;
 background: #001900;
 border: 1px solid #a2a5a2;
}

#navigation li {
 display: block;
 position: relative;
 float: left;
 width: 159px;
 margin: 2px 0px 2px 0px;
 padding: 0px 0px 0px 0px;
 text-align: center;
 border-right: 1px solid #3f3f3f;
}

#navigation ul ul li {
 float: none;
 width: 208px;
 margin: 0px 0px;
 border-right: 0px;
 border-top: 1px solid #3f3f3f;
 padding: 0px;
 z-index: 10;
 text-align: left;
}

#navigation a, #navigation a:visited, #navigation a:link {
 display: block;
 height: 26px;
 line-height: 13px;
 color: #cfafc5;
 text-decoration: none;
 font-size: 15px;
}

#navigation a.selected, #navigation a.selected:visited, #navigation a.selected:link {
 color: #ffffff;
 font-weight: bold;
}

#navigation a:hover {
 color: #ffffff;
}

#navigation ul ul a {
 display: block;
 width: 208px;
 padding: 0px;
 font-size: 15px;
}

#navigation ul ul a:hover {
 background-color: #095f09;
}

#navigation span.arrow {
 float: right;
}

#navigation ul span {
 display: block;
 padding: 5px 0px 5px 5px;
}

/* Pagination Controls */

div.pgnctrl {
 float: left;
}

.pc_buttons {
 display: inline-block;
 width: 10px;
 height: 9px;
 margin: 4px 1px 0px 1px;
 overflow: hidden;
}

.pc_text {
 display: inline-block;
 text-align: center;
 width: 200px;
 font-size: .75em;
 color: #ffdfff;
}

.pc_first {
 background: transparent url('./images/pagination.gif') no-repeat 0px -9px;
}

.pc_prev {
 background: transparent url('./images/pagination.gif') no-repeat -10px -9px;
}

.pc_next {
 background: transparent url('./images/pagination.gif') no-repeat -20px -9px;
}

.pc_last {
 background: transparent url('./images/pagination.gif') no-repeat -30px -9px;
}

span.pc_first {
 background-position: 0px 0px;
}

span.pc_prev {
 background-position: -10px 0px;
}

span.pc_next {
 background-position: -20px 0px;
}

span.pc_last {
 background-position: -30px 0px;
}

.pc_buttons span {
 display: none;
}

/* Pagination Buttons */

div.pagination {
 text-align: right;
 font-size: .75em;
 line-height: 140%;
 height: 1.5em;
 margin: 2px 0px 2px 0px;
}

#main div.pagination a {
 display: inline-block;
 color: #ffdfff;
 background: #006600;
 border: 1px solid #ffdfff;
 font-weight: bold;
 text-decoration: none;
 text-align: center;
 vertical-align: top;
 padding: 0px;
 margin: 0px 0px .1em 0px;
 width: 1.5em;
 height: 1.4em;
 -moz-border-radius: .4em;
 -webkit-border-radius: .4em;
}

#main div.pagination a:link, #main div.pagination a:visited, #main div.pagination a:active {
 color: #ffdfff;
}

#main div.pagination a.current {
 background: #dfffdf;
 color: #000000;
}

#main div.pagination a:hover {
 background: #ffef7f;
 color: #000000;
}

#main div.pagination a:hover.current {
 background: #dfffdf;
}

span.paginationMore {
 position: relative;
}

span.paginationTitle {
 display: inline-block;
 margin: 0px 4px 0px 4px;
 color: #ffdfff;
}

span.paginationMore div {
 display: none;
 width: 8.3em;
 position: absolute;
 top: .3em;
 left: 0px;
 margin-left: -1px;
 padding: 2px 0px 0px 2px;
 background: #6f6f8f;
 border: 1px solid #ffffff;
}

span.paginationMore div a {
 float: left;
}

span:hover.paginationMore div {
 display: block;
}

/* Text Styles */

#main h1 {
 font-size: 1.2em;
 font-weight: bold;
 color: #dfffdf;
 border-bottom: 1px solid #a2a5a2;
 margin: 0px 0px 1em 0px;
}

#main h1 span.subHead {
 font-size: 0.8em;
 font-weight: bold;
 color: #af8faf;
}

#main h2 {
 font-size: 1.1em;
 font-weight: bold;
 color: #dfffdf;
 margin: 0px 0px .9em 0px;
}

#main h3 {
 font-size: 1em;
 font-weight: bold;
 color: #dfffdf;
 margin: 0px 0px .9em 0px;
}

#main p {
 color: #ffdfff;
 margin: 0px 0px 1em 0px;
 padding: 0px;
}

#main p b, #main p strong {
 color: #ff9f9f;
}

#main em {
 font-style: italic;
 color: #ffffff;
}

#main a, #content a:visited, #content a:link {
 color: #8fafff;
 text-decoration: none;
}

#main a:hover {
 color: #ffffff;
 text-decoration: underline;
}

#main li {
 color: #ffdfff;
}

p.copy {
 font-size: .85em;
 color: #af8faf;
}