/* --- MAJOR ELEMENTS --- */

body {
  background-color: #000000;
  font-family: arial, Verdana; 
  font-size: 12px; 
  color: white;
}

div {
  margin:0px;
  padding:0px;
}

table {
  border-collapse: collapse;
}

img {
  border: none;
}

h1 {
  font-family: Fantasy, "Cottonwood", Symbol, serif;
  color: navy;
  margin-left: 40px;
}

td a {display:block;}

.unselected img{
  border: 1px solid #cccccc;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  -moz-opacity: 0.7;
}
.unselected:hover img{
  border: 1px solid #ffffff;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  -moz-opacity: 1;
}
.unselected:hover{color: red; /* irrelevant definition to overcome IE bug */}



/* --- ID --- */

div#container {
  height: 100%;
}

/* Nav Bar */
div#bar {
  position:relative;
  width: 100%;
  color: white;
  background-color: #006699;
  border:1px solid #cccccc; 
  font-weight: bold;
  margin-bottom: 3px;
  margin-top: -10px;
  display:block;  
}

/* Left panel  */
div#left {
  float: left;
  width: 248px;
  height: 780px;
  border:1px solid #cccccc;
  overflow: auto;
  scrollbar-base-color: #333333;
  padding: 5px;
}

/* Main content */
div#content {
  text-align:center; 
  height: 780px;
  border:1px solid #cccccc;
  margin-left: 250px;
  overflow: auto;
  scrollbar-base-color: #333333;
}

/* Footer */
div#footer {
  text-align: right;
  clear:both;
}

/* Navigation */
div#nav {
  margin-top:3px;
  margin-left:3px;
  margin-right: 3px;
  overflow: auto;
  scrollbar-base-color: #333333;
}

/* Newsletters */
div#other {
  margin-top: 3px;
  height: 750px;
  width: 600px;
  text-align: left;
  scrollbar-base-color: #333333;
}

/* Thumbnail filmstrip */
div#filmstrip {
}

/* --- CLASS --- */
.title {
  float: left;
  z-index: 99;
}

.user_path {
  white-space:no-wrap;
  margin-top: 35px;
}

.right_align {
  position: absolute;
  align: right;
  text-align: right;
  display:block;
  right: 0px;
  margin-top: -50px;
  z-index: -1;
}

.left_header {
/*  background-color: #006699;*/
  width: 100%;
  color: #FFFF66;
  font-family: arial, Verdana; 
  font-size: 12px; 
  font-weight: bold;  
}

.info_box {
  margin-top: 5px;
  border: 1px solid #444444;
  text-align: center;
}

/*.info_box img {border: 1px solid white;}*/

.hold_frame {
  margin-top: 3px;
  margin-bottom: 3px;
}

.sized { 
  text-align:center;   
  font-family: arial, Verdana; 
  font-size: 12px; }
  
img#sized {border:2px solid #ffffff;}

a.album:link    {text-decoration: none; color: white;}
a.album:visited {text-decoration: none; color: white;}
a.album:hover   {text-decoration: none; color:#FFFF66;}
a.album:active  {text-decoration: none; color:#FFFF66;}

/* --- SPANS --- */

span.header {
  color: #FFFF66;
  font-weight: bold;    
}

span.date {
  color: #FFFF66;
  font-size: 75%;
}

/* FILMSTRIP specific */

#scroll {
  overflow: hidden;	
  z-index: 1; 
  height: 100px;
  border: 0px;
  display:inline;
}

#lyr1 {
  position: absolute; 
  visibility: hidden; 
  left: 0px; 
  top: 0px; 
  z-index: 1; 
  border: 0px;
}

#strip {
  background-image: url('film.gif');
  height: 100px;
}
#strip img {
  margin-left: 2px;
  margin-right: 1px;
}