@charset "UTF-8";
/* CSS Document */


/* Default values */
body, html, table, tr {
	border: 0;
	height: 100%;
	margin: 0;
	width: 100%;
	background-color: #000;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #999;
}
A:link {
	color: #666; 
	text-decoration: none;
}

A:visited {
	color: #666;
	text-decoration: none;
}
	
A:active {
	color: #666;
	text-decoration: none;
}
	
A:hover {
	text-decoration: overline; 
	color: #CCC;
}

div, td {
color: #888;
}
h1, h2, h3, h4, h5, h6 {
font-size: 12px;
font-weight: normal;
margin: 0;
}
h3, h4, h5 {
color: #000;
margin: 0 0 9px 0;
}
img {
border: 0;
}
li {
float: left;
margin: 0 12px 0 0;
}
p {
margin: 0 0 9px 0;
}
td {
vertical-align: top;
}
ul {
clear: left;
margin: 0;
list-style: none;
padding: 0;
}

/* Dimensions and layout */
.bottom, .top {
height: 12px;
}
.buffer {
height: 9px;
}
.caption {
width: 192px;
}
.caption #narrow {
height: 100%;
margin: 0 24px 0 12px;
}
.copyright {
width: 192px;
}
.copyright div {
margin: 0 24px 0 0;
width: 168px;
}

.header div {
	position: absolute;
    top: 70px;
    right: 35px;
    width: 600px;
    height: 18px;
	text-align: right;
}
#submenu {
	position: absolute;
    bottom: 20px;
    left: 70px;
    width: 600px;
    height: 18px;
	text-align: left;
}
.footer div {
 	position: relative;
    bottom: 0px;
    left: 0px;
    width: 500px;
    height: 58px;
	background-color: #000;
}
.link {
background-color: #ccc;
height: 18px;
margin: 0 0 7px 0;
padding: 2px 4px 2px 4px;
}
.name {
width: 233px;
}
.name div {
margin: 0px;
width: 233px;
}
#full {
height: 100%;
width: 100%;
}
#full p {
margin: 0 24px 7px 24px;
width: 168px;
}
#image {
margin: 0 0 12px 0;
}
#image, #text {
bottom: 0;
position: absolute;
}
#items {
margin: 0 12px 0 24px;
position: relative;
}
#large {
height: 468px;
}
#large, #small {
float: left;
margin: 0 12px 12px 0;
position: relative;
}
#narrow {
height: 228px;
width: 168px;
}
#narrow, #tall, #wide {
float: left;
margin: 0 12px 0 0;
position: relative;
}
#small, #wide {
height: 228px;
}
#tall {
height: 468px;
width: 348px;
}
#title {
width: 756px;
}
#title h1, #title h2 {
display: none;
}
#wide {
height: 228px;
width: 348px;
}
#wideread {
margin: 0 24px 0 24px;
width: 348px;
}
#narrowread {
margin: 0 24px 0 24px;
width: 168px;
}

/* Forms */
hidden {
display: none;
}
input {
border: 1px solid #888;
color: #888;
font-family: helvetica, arial, sans-serif;
font-size: 12px;
height: 14px;
line-height: 14px;
margin: 0 0 6px 0;
padding: 1px 2px 1px 2px;
width: 162px;
}
label {
display: block;
padding: 2px 0 4px 0;
}
textarea {
border: 1px solid #888;
color: #888;
font-family: helvetica, arial, sans-serif;
font-size: 12px;
height: 108px;
line-height: 14px;
margin: 0 0 6px 0;
padding: 2px 0 2px 0;
width: 166px;
}
select {
display: inline;
height: 18px;
margin: 0 0 6px 0;
}
.button {
border: 0;
background-color: #ccc;
cursor: pointer;
display: block;
height: 18px;
margin: 6px 0 0 0;
padding: 3px 4px 3px 4px;
width: auto;
}
.button:hover {
color: #000;
}
.button:active {
color: #888;
}
.help p {
margin: 3px 0 4px 0;
}


#image h3 {
visibility: hidden;
}
#image:hover h3 a {
visibility: visible;
color: #000;
}
#image:active h3 a {
color: #888;
}

/* Navigation */

.separator {
margin: 0;
text-align: center;
width: 12px;
}
.trail {
margin: 0;
}