body
{
background-color:#000000;
margin:0;
padding:0;
font-family:verdana,arial,helvetica,sans-serif;
font-size:100%;
color:#666666;
}


.full {position: absolute; top: 0; width: 100%; text-align: center; z-index:0;}

.shell0 {position: relative; top: 0px; width: 1000px; margin-left: auto; margin-right: auto; z-index:0; }

.shell1 {position: relative; float:left; top: 0px; width: 1000px; margin-left: auto; margin-right: auto; z-index:0; }

.shell1200 {position: relative; float:left; top: 0px; width: 1200px; margin-left: auto; margin-right: auto; z-index:0; }

.containercollections1 { position:relative; float:left; width:600px; margin-left: auto; margin-right: auto; z-index:1; }

.containercollections2 { position:relative; float:left; width:380px; margin-left: auto; margin-right: auto; text-align: left; z-index:1; }

.rail1 {text-align:left; position:relative; float:left; width:200px; margin-left:20px; background-color: #000000; z-index: 3; }

.collectionthumbs { position:relative; float:left; width:1000px; margin-left: auto; margin-right: auto; text-align:left; z-index:1; }

.footer { position:absolute; width: 1000px; text-align: center; z-index:2;}

.container
{
text-align:center;
}

.center1100
{
margin-left:auto;
margin-right:auto;
width:1100px;
text-align:center;
}

.center1000
{
margin-left:auto;
margin-right:auto;
width:1000px;
text-align:center;
}

.center800
{
margin-left:auto;
margin-right:auto;
width:800px;
text-align:center;
}

.center600
{
margin-left:auto;
margin-right:auto;
width:600px;
text-align:center;
}

.center
{
margin-left:auto;
margin-right:auto;
width:960px;
text-align:left;
}

.newslist 
{ text-align:left; font-size:12px; margin-left:100px; 
}
.newslist a:link{color:#777777; text-decoration:none;font-weight:lighter;}
.newslist a:visited{color:#777777; text-decoration:none;font-weight:lighter;}
.newslist a:hover{color:#799; text-decoration:none;font-weight:lighter;}

.press 
{ text-align:left; font-size:12px; margin-left:0px; 
}
.press h1
{ color:#777777; text-align:left; font-size:14px; margin-left:0px; 
}

.currentpresslink
{
text-align:center;
font-size:12px;
}


/****  Start Top Nav ****/
nav
{
font-family:arial,helvetica,sans-serif;
font-weight:lighter;
color:#dff;
letter-spacing:3px;
text-align:center;
font-size:11px;
z-index:2000;
}

nav ul {
  list-style-type: none;
  margin: 0;
  padding:  0 10px;
  position: relative;
  display: inline-table;
} 

nav ul:after {
  content: ""; clear: both; display: block;
}

nav li {
  display: inline;
}

nav ul ul {
  display: none;
  position: absolute; top: 100%;
  z-index:2000;
}

nav ul li {
  float: left;
  z-index:2000;
}

nav ul li:hover {
  background: #333333; 
}

nav ul li a {
  display: block; padding: 5px 10px;
}

nav ul li:hover > ul {
  display: block;
}

nav ul ul li {
  float: none; 
  border-top: 1px solid #6b727c;
  border-bottom: 1px solid #575f6a;
  position: relative;
  background: #555555;
  text-align:left;
  z-index:2000;
}

nav ul ul li a {
  padding: 5px 10px;
  color: #dff;
  background: #555555;
  z-index:2000;
}	

nav ul ul li a:hover {
  background: #333333;
}
/****  End Top Nav ****/

.nav1
{
font-family:arial,helvetica,sans-serif;
font-weight:lighter;
color:#315555;
letter-spacing:3px;
text-align:center;
font-size:11px;
}
.nav2
{
font-family:arial,helvetica,sans-serif;
color:#315555;
text-align:center;
font-size:10px;
}
.fadeSlideShowMain
{
margin-left:auto;
margin-right:auto;
border:0px;
}
.fadeSlideShow1
{
margin:0px 0px 0px 10px;
border:0px;
}

.photo_catalog
{
width:100%;
}
.photo_catalog td
{
/*  valign:center;  */
text-align:center;
}
.photo_catalog img
{
cursor:pointer;
}
.photo_table
{
width:100%;
}
.photo_table td
{
/*  valign:center;  */
text-align:center;
font-size:12px;
}
.t_head
{
color:#777777;
font-size:12px;
}
.t_data
{
color:#bbbbbb;
font-size:12px;
}

.catatable
{
text-align:left; font-size:12px; margin-left:0px
}
.catahead
{
text-align:left; font-size:12px; margin-left:0px
}

.tfapop {
background: #000000; /* red background */
width: 930px;
height: 500px;
position: absolute;
z-index: 5; 
visibility:hidden;
display:none;
border:3px solid #666666;
border-radius:25px;
}

.tfapop2 {
background: #000000; /* red background */
width: 900px;
height: 570px;
position: absolute;
z-index: 5; 
visibility:hidden;
display:none;
border:3px solid #666666;
border-radius:25px;

padding-top:10px;
padding-right:10px;
padding-left:10px;
}

.tfapop3 {
background: #000000; /* red background */
width: 1000px;
height: 580px;
position: absolute;
z-index: 5; 
visibility:hidden;
display:none;
border:3px solid #666666;
border-radius:25px;

padding-top:10px;
padding-right:10px;
padding-left:10px;
}

.tfa_edition_pop {
background: #000000; /* red background */
width: 400px;
height: 350px;
position: absolute;
z-index: 5; 
visibility:hidden;
display:none;
border:3px solid #666666;
border-radius:10px;
color:#777777;
font-size:12px
}



img.expando{ /*sample CSS for expando images. Not required but recommended*/
border: none;
vertical-align: top; /*top aligns image, so mouse has less of a change of moving out of image while image is expanding*/
}

input.btn
{
background-color:#777777;
}
h1
{
font-size:20px;
}
a:link{color:#dff; text-decoration:none;font-weight:lighter;}
a:visited{color:#dff; text-decoration:none;font-weight:lighter;}
a:hover{color:#799; text-decoration:none;font-weight:lighter;}

/**********************  captcha  ***************************/
 .recaptchatable .recaptcha_image_cell, #recaptcha_table {
   background-color:#009900 !important; /*reCaptcha widget background color*/
 }
 
 #recaptcha_table {
   border-color: #990000 !important; /*reCaptcha widget border color*/
 }
 
 #recaptcha_response_field {
   border-color: #777777 !important; /*Text input field border color*/
   background-color:#666666 !important; /*Text input field background color*/
 }


/**********************  Rail windowshade  ***************************/

.applemenu{
margin: 5px 0;
padding: 0;
width: 250px; /*width of menu*/
/***border: 1px solid #9A9A9A;**/
}

.applemenu div.silverheader{
/**background: black url(darkgradient.gif) repeat-x center left;**/
font: normal 16px verdana,arial,helvetica,sans-serif;
color: #999999;
letter-spacing:2px;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 5px 0;
padding-left: 8px;
text-decoration: none;
}


.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active{
color: white;
}


.applemenu div.selected a, .applemenu div.silverheader a:hover{
background-image: url(silvergradientover.gif);
color: white;
}

.applemenu div.submenu{ /*DIV that contains each sub menu*/
/***background: white;***/
font: normal 100% Verdana, Arial, Helvetica, sans-serif;
padding: 5px;
/**Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"**/
height: 350px; 
}


/**********************  Body windowshade  ***************************/

.applemenubody{
margin: 5px 0;
padding: 0;
width: 800px; /*width of menu*/
text-align:left;
/***border: 1px solid #9A9A9A;**/
}

.applemenubody div.silverheader{
background: black url(darkgradient.gif) repeat-x center left;
font: normal 16px Arial, Helvetica, sans-serif;
color: #999999;
letter-spacing:2px;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 5px 0;
padding-left: 8px;
text-decoration: none;
}


.applemenubody div.silverheader a:visited, .applemenu div.silverheader a:active{
color: white;
}


.applemenubody div.selected a, .applemenu div.silverheader a:hover{
background-image: url(silvergradientover.gif);
color: white;
}

.applemenubody div.submenu{ /*DIV that contains each sub menu*/
background: #222222;
font: normal 12px Verdana, Arial, Helvetica, sans-serif;
padding: 5px;
/* height: 450px; Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}


/**********************  Body 2 windowshade Begin ***************************/

.applemenubody2{
margin: 5px 0;
padding: 0;
width: 800px; /*width of menu*/
text-align:left;
}

.applemenubody2 div.silverheader{
/**background: black url(darkgradient.gif) repeat-x center left;**/
font: normal 16px verdana,arial,helvetica,sans-serif;
color: #999999;
letter-spacing:2px;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 5px 0;
padding-left: 8px;
text-decoration: none;
}


.applemenubody2 div.silverheader a:visited, .applemenu div.silverheader a:active{
color: white;
}


.applemenubody2 div.selected a, .applemenu div.silverheader a:hover{
background-image: url(silvergradientover.gif);
color: white;
}

.applemenubody2 div.submenu{ /*DIV that contains each sub menu*/
/***background: white;***/
font: normal 13px Verdana, Arial, Helvetica, sans-serif;
padding: 5px;
/**Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"**/
height: 350px; 
}

/**********************  Body 2 windowshade End  ***************************/


.social {
font-size: 1px;
color:#777777;
}
 
/* This gets Facebook to fall into place */
.social iframe {
vertical-align: middle;
}
 
/* Set an optional width for your button wrappers */
.social span {
display: inline-block;
width: 110px;
}
 
/* Adjust the widths individually if you like */
.social .google {
width: 75px;
}