/**
 * HTML elements
 */
 
html {
    height: 100%;
}
body {
    font-family: Georgia, "Times New Roman", serif;
    color: #EEE;
    background: #333;
    height: 100%;
}

/* Headers */
h1 {
    font-size: 167%;
    padding: 1em;
    line-height: 3em;
    vertical-align: middle;
}
h1 img {
    vertical-align: middle;
}
h2 {
    font-size: 138.5%;
}
h2,h3 {
	margin:1em 0;
}
h3 {
    font-size: 116%;
    color: #69c;
}
h1,h2,h3,h4,h5,h6,strong {
	font-weight:bold; 
}
h1, h2, h3 {
    font-variant: small-caps;
    letter-spacing: 0.2em;
}
h1 {
    letter-spacing: 0.4em;
}

/* Lists */
ul ul {
    margin-left: 1em;
}
ol li {
    display: list-item;
    list-style: decimal inside;
}

dt {
    font-weight: bold;
}
dd {
    margin-left: 2em;
}

/* Forms */
fieldset {
    padding: 0.5em;
    overflow:hidden;
    border: 1px solid #CCC;
}
input[type="checkbox"], input[type="radio"] {
    border-style: none;
}
select, textarea, input {
    padding: 0.1em;
    border: 1px solid #CCC;
}
textarea {
    font-family: Tahoma, Geneva, Arial, helvetica, sans-serif;
    overflow: auto;
}
form div * {
}
form div label {
    float: left;
    width: 11em;
    margin-left: 0;
}
form div {
    clear: left;
    padding-bottom: 1ex;
}
/* Other tags */
p {
    line-height: 1.5;
    margin-bottom: 1em;
}
hr {
    margin: 2em 0em 1em 0em;
}
a, a:link {
    text-decoration: none;
    position: relative;
    color: #69c;
}
a:hover {
    text-decoration: underline;
}
blockquote {
    margin-left: 1ex;
    padding-left: 1ex;
    border-left: thick #246 solid;
    font-style: italic;
    line-height: 1.5em;
}
blockquote em {
    font-style: normal;
}
sup {
    font-size: 65%;
    vertical-align: 0.5em;
}
sub {
    font-size: 75%;
    vertical-align: -0.5em;
}

/**
 * Structural Elements 
 */
#doc, #doc2, #doc3, #doc4 {
    margin-top: 1em;
    margin-bottom: 1em;
    border: 0.31em solid #123;
    background: #000 url(/images/bg4.jpg) no-repeat top right;
}

@media print, screen {
    #skipToContent { display: none; }
}

@media print {
    #sidebar { float:none !important; display: none; width: 1%; }
}

/* Container */
#container {
}

/* Header */
#hd {
}

/* Status bar */
#status {
    height: 2em;
    line-height: 25px;
    font-family: Tahoma, Arial, sans-serif;
    font-weight: bolder;
    text-align: right;
    margin-right: 8em;
}
head:first-child+body #status span.outer {
    background: url(/images/status-left.png) no-repeat left top;
}
head:first-child+body #status span.inner {
    background: url(/images/status-right.png) no-repeat right top;
}
#status span.outer {
    float: right;
    display: block;
    margin-right: 0.08em;
}
#status span.outer {
    line-height: 1.92em;
    height: 1.92em;
    padding-left: 11px;
    padding-right: 11px;
}
#status span.inner {
    display: block;
    line-height: 25px;
    height: 25px;
    padding-right: 11px;
}
#status a, #status a:link {
    color: #fff;
    text-decoration: none;
}
#status a:hover {
    text-decoration: underline;
}

/* Nav */
#nav ul ul {
    margin-left: 0;
}
#nav ul ul ul {
    margin-left: 1em;
}
/* Body */
#bd {
    font-size: 108%;
}
#bd-debug {
    margin-bottom: 11.5em;
}
#bd .tartanTrim {
    background: url(/images/tartan-edge.jpg) repeat-y top left;
    padding-left: 6em;
}
#yui-main .yui-b {
    background: #123;
}
#bg, #plainBg, #homeBg {
    border: 1px solid #123;
    padding-top: 2em;
    padding-bottom: 2em;
    padding-right: 2em;
}
#bg {
    padding-bottom: 9em;
    background: url(/images/bicentenial.jpg) no-repeat bottom right;
}
#plainBg {
    padding-right: 2em;
}
#homeBg {
    background: url(/images/welcome-text.gif) no-repeat 0em 2em;
}
#homeBg h2 {
    visibility: hidden;
}
#yui-main ul, #yui-main ol, #yui-main dl {
    line-height: 1.5;
}
#yui-main ul li {
    list-style: outside disc;
    margin-left: 1em;
}
#yui-main .summary .first-letter {
    font-size: 324%;
    font-weight: bold;
    float: left;
    line-height: 0.75em;
    padding-top: 0;
    margin-top: 0.1em;
    overflow: visible;
    text-transform: uppercase;
}
#yui-main em {
    font-style: italic;
}

/* Footer */
#ft-debug {
    position: relative;
    margin-top: -8.5em;
}
#ft {
    background: #123;
    clear: both;
    text-align: center;
    padding: 1em 0em;
    margin-top: 2.6em;
    height: 6.5em;
    border-top: 1px dotted #333;
}
#ft ul {
    margin-bottom: 1em;
}
#ft ul li{
    display: inline;
}

/* Navigation */
#nav {
    padding: 1em;
    background: #123;
}
#nav li a, #nav li strong {
    display: block;
    padding: 0.5ex 0 0.5ex 1ex;
    text-decoration: none;
}
#nav li a:hover {
    background: url(/images/nav-bg.jpg) repeat-x 0 0;
    color: #9cf;
}
/* Gallery pop up */
#galleryContainer {
    font-family: Tahoma, Arial, sans-serif;
    text-align: center;
    margin: 0 auto;
    font-size: 70%;
}
#galleryContainer p {
    margin: 0.5em;
    line-height: 1;
}

/**
 * General purpose selectors
 */
head:first-child+body .transparent {
  background: url(/images/main-bg.png);
}
.error {
    background-color: #f99;
    color: #000;
    font-weight: bolder;
    padding: 1em;
    margin: 0 0 1ex 0;
    text-align: center;
    clear: left;
}
.notice {
    background-color: #ffc;
    color: #333;
    font-weight: bolder;
    padding: 1em;
    margin: 0 0 1ex 0;
    text-align: center;
    clear: left;
}
.weak {
    color: #369;
}
.legalese, .weak {
    font-size: 77%;
}

/* Thumbnails */
ul.thumbnails {
    color: #fff;
}
ul.thumbnails li {
    display: block;
    float: left;
    margin-top: 1ex;
    margin-left: 1ex;
    padding: 1ex;
    width: 105px;
    height: 160px;
    text-align: center;
}
ul.thumbnails img.thumb {
    display: inline;
    padding: 0 5px 5px 0;
    background: url(/images/drop_shadow.png) no-repeat bottom right;
    outline-style: none;
}
ul.thumbnails img.thumb:hover {
    background: url(/images/drop_shadow.png) no-repeat 97% 97%;
    padding: 0;
    margin: 0 5px 5px 0;
    outline: #234 solid 1px;
}
ul.thumbnails img:hover {
    cursor: pointer;
}
ul.thumbnails img {
    margin: auto;
    display: block;
}
ul.thumbnails p {
    font-family: Tahoma, Arial, sans-serif;
    font-size: 77%;
    color: #48C;
    margin: 0;
}
.thumbnails a:link, .thumbnails a {
    text-decoration: none;
}
img.news_thumb {
    float: left;
    margin: 0 1em 0.5em 0;
}
.hide_contents * {
    display: none;
}
.hide_contents legend {
    display: block;
}
.hideable legend:hover, .hide_contents legend:hover {
    text-decoration: underline;
}
.hide_contents legend:before {
    content: "\25B6 ";
}
.hideable legend:before {
    content: "\25BC ";
}
table.cds {
    width: 100%;
}
table.cds td, table.cds th {
    font-family: tahoma;
    padding: 0.1em;
    vertical-align: top;
}
.cds h3 {
    font-family: georgia, "Times New Roman", serif;
}
.cd-image {
    width: 105px; 
    float: left; 
    margin: 1ex; 
    text-align: center;
}
.cd-image img {
    border: 1px gray solid;
}
.separator {
    width: 100%;
    background: url(/images/dotted.gif) center repeat-x;
    margin: 0.5em 0;
    height: 3px;
    clear: both;
}
#yui-main ul.pagination li {
    list-style-type: none;
    float: right;
    width: 1em;
    margin: 0 1ex;
}
ul.pagination a {
    color: #666;    
}
ul.pagination .current_page {
    font-weight: bolder;
    color: #69F;
}
.listen {
    margin: 0 0.5em;
    background: url(/images/listen-bg.gif) no-repeat top right;
}
.cds .listen {
    float: right;
}
.listen:hover {
    background: url(/images/listen-hover.gif) no-repeat top right;
}
.listen img {
    vertical-align: middle;
}
ul h4 {
    display: inline;
    font-variant: normal;
    letter-spacing: normal;
}
.e-junkie {
    font-family: Verdana;
}
#hd img.logo {
    background: url(/images/rjm-pin.png) top left no-repeat;
}
.banner_ad {
    text-align: center;
    font-size: 77%;
    color: #369;
}
.banner_ad * {
    margin: 0;
}
.subscribe-link {
    font-weight: normal;
    font-variant: normal;
    letter-spacing: normal;
    font-size: 65%;
    float: right;
}
.subscribe-link img {
    vertical-align: middle;
}