body 
{
   background: #fff;
   color: #000000;
   font: normal 1em Arial, Helvetica, sans-serif;
   margin: 0;
   padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  /* Remove margins and padding from the h1.
   * Browsers add different amount of padding above (around) an h1.
   * It is easiest to remove all margins and padding from the h1,
   * so I provide them myself to keep control over the margin/paddings.
   */ 
  margin: 0;
  padding: 0;  
}

a
{
   outline-style: none;
   text-decoration: none !important;
   font-weight: bold;
   color: #696969 !important;
}

form
{
   margin: 0;
   padding: 0;
}

img 
{/* border style for all images */
   border: 0;
}

div
{
   text-align: left;
}

#wrapper 
{
   width: 58em;
   height: auto;
   margin-right: auto;
   margin-left: auto;
}

#header
{
   display: block;
   width: 58em;
   height: 5.3em;
}

#left
{
   display: block;
   float: left;
   width: 16em;
   height: 29em;
}

#middle
{
   display: block;
   float: left;
   width: 24em; /* was 17 */
   height: 29em;
}

#right 
{
   display: block;
   float: left;
   width: 18em;
   height: 29em;
}
#top
{
   position: absolute;
}
#header
{
   position: relative;
}
div#breadcrumb
{
   position: absolute;
}
#header
{
   z-index: 100;
}
#top
{
   top: 0;
   width: 58em;
   height: 2.8em;
}
/* header */

#header .left
{
   display: block;
   float: left;
   width: 40em; /* was 33 */
   height: 2.8em;
}

#header .right
{
   display: block;
   float: left;
   width: 18em;
   height: 2.8em;
}

#headerlogo
{
   width: 640px;
   height: 44px;
}
/*
#nmr
{
   font: bold 1.5em Arial, Helvetica, sans-serif;
   text-transform: uppercase;
   white-space: nowrap;
   width: 32.1em;
   height: 1.1em;
   line-height: 1.1em;
   background: inherit;
   color: #649518; 
   width: auto;
}

#nmr a
{
   background: inherit;
   color: #649518 !important;
}

#nmr a:hover
{ 
   color: #000000 !important;
   background: inherit;
}

#address
{
   display: block;
   height: 1.9em;
   line-height: 1.9em;
   background: inherit;
   color: #5A4436;
   font: normal 0.6em Arial, Helvetica, sans-serif;
   vertical-align: middle;
   width: auto;
}

#address a
{
   background: inherit;
   color: #5A4436 !important;
}

#address a:hover
{
   color: #629315 !important;
   background: inherit;
}
*/
#bsr
{
   display: block; 
   width: auto;
   height: 1.1em;
   line-height: 1.1em;
   color: #649518;
   font: bold 1.4em Arial, Helvetica, sans-serif;
   float: right;
}

#bsr a
{
   color: #649518 !important;
   background: inherit;
}

#bsr a:hover
{
   color: #000000 !important;
   background: inherit;
}

#corner
{
   display: block;
   width: auto;
   height: auto;
   clear: both;
}

#corner .left
{
   display: block;
   background: url('../images/bg_corner.jpg') no-repeat right bottom;
   width: 4em;
   height: 1.2em;
   float: left;
}

#corner .right
{
   display: block;
   width: 14em;
   height: 1.2em;
   float: left;
   background: url('../images/bg_search_gradient.jpg') repeat-x bottom right;
}

#headerSearchForm 
{
   display: block;
   float: left;
   height: 1.2em;
   width: auto;
}

#searchTerm 
{
   background: #fff url('../images/bg_input.jpg') repeat-x;
   border: 1px solid #A1A1A1;
   display: block;
   width: 8.5em;
   display: block;
   float: left;
   text-align: left;
   font: normal 0.8em Arial, Helvetica, sans-serif;
}

#corner input.button,
#right input.button
{
   background: #584332 url('../images/bg_search.jpg') repeat-x bottom left;
   color: #fff;
   width: 4.6em;
   height: 1.66em;
   text-transform: uppercase;
   text-align: center;
   float: left;
   border: 0;
   padding: 0 0 0.1em 0;
   margin: 0 0.2em 0 0.2em;
   font: normal 0.7em Arial, Helvetica, sans-serif;
}

#locales
{
   display: block;
   float: left;
   width: 3em;
   height: 1.2em;
   padding: 0 0.1em 0 0.1em;
}

#locales img
{
   border: 1px #000000 solid; /* exception to em */
   width: 1.17em;
   height: 0.65em;
   margin: 0.3em 0 0 0;
}

#locales img:hover
{
  border: 1px #fff solid; /* exception to em */
}

#locales ul
{
   list-style: none;
   margin: 0;
   padding: 0;
   display: block;
   width: 3em;
}

#locales li
{
   display: block;
   width: 1.17em;
   float: left;
   margin: 0 0.3em 0 0;
}
/* left */
#current 
{
   background: #FFAA57;
   color: #fff;
   clear: both;
   display: block;
   width: 16em;
   height: 11em; /*was 10*/
   overflow: hidden;
}

#current img
{
   width: 16em;
   height: 10em;
   z-index: -1;
}

#current .content
{
   display: block;
   width: 16em;
   height: 10em;
   position: relative;
   top: -10.21em;
}

/* the styles for all link styles within current */
#current a
{
   background: transparent;
   color: #fff !important;
   font: bold 0.75em Arial, Helvetica, sans-serif;
}

#current a:hover 
{
   background: transparent;
   color: #000000 !important;
}

#current .header a
{
   color: #fff !important; 
   background: transparent;
   display: block;
   font: bold 1.6em Arial, Helvetica, sans-serif;
   text-transform: lowercase;
   width: auto;
   padding: 0 0 0 0.45em;
   white-space: nowrap;
   width: auto;
   height: 1.56em; /* 40px * 0.0626 = 2.5 and then Who's your Daddy? 2.5 / 1.6 = 1.56 */
   line-height: 1.56em;
}

#current .header a:hover
{
   color: #000000 !important;
   background: transparent;
}


#current .itemlist
{
   padding: 0.52em 0 0.52em 0.72em;
   display: block;
   width: auto;
}

#current .item
{
   background: transparent url('../images/icon_arrow.gif') no-repeat 0 0.4em;
   display: block;
   padding: 0 0 0 0.72em;
   height: 1.1em;
   line-height: 1.1em;
}

#current .item:hover
{
   background: url('../images/icon_arrow_selected.gif') no-repeat 0 0.4em;
}

#current .more
{
   padding: 0 0.72em 0 0.72em;
   background: url('../images/icon_more.gif') no-repeat 0.7em 0.45em;
}

#current .more a
{
   padding: 0 0 0 1.5em;
}


/* left */
#logo 
{
   background: url('../images/logo.jpg') no-repeat;
   width: 16em;
   height: 7em; /* little bit smaller than 123px --> 8em is too big*/
   display: block;
   overflow: hidden;
}

#logo a
{
   width: 16em;
   height: 7em;
   display: block;
   border: 0px;
}

#logo img
{
   width: 16em;
   height: 7em;
}

/* left */
#tour 
{
   width: 16em;
   height: 11em;
   display: block;
   /*background: url('../images/tour.jpg') no-repeat;*/
   overflow: hidden;
}

#tour img
{
   width: 16em;
   height: 11em;
   z-index: -1;
}

/* not used yet, can be used for the displaying of an arrow as img tag */
#tour .arrow
{
   width: 16em;
   height: 11em;
}

/* middle */
#main 
{
   width: 24em; /* was 17 */ 
   height: 20em; 
   display: block;
   /*background: url(../images/home.jpg);    */
   overflow: hidden;
}

#main img
{
   width: 24em; /* was 17 */
   height: 20em;
}

/* middle */
#links 
{
   width: 24em; /* was 17 */
   height: 9em; /* was 8 */
   display: block;
   overflow: hidden;
   position: relative;
}

#links img
{
   width: 24em; /* was 17 */
   height: 9em; /* was 8 */
/*
   position: absolute;
   bottom: 0;
*/
}

/* right */
#related 
{
   background: #EAE5E1;
   color: #000000;
   width: 18em;
   height: 13em; /* was 12 */
   display: block;
   overflow: hidden;
}

/* the styles for all link styles within related */
#related a
{
   background: transparent;
   color: #696969 !important;
   font-weight: bold;
}

#related a:hover 
{
   background: transparent;
   color: #000000 !important;
}

#related .header
{
   background: #D6CCC3;
   color: #fff;
   font: bold 1.5em Arial, Helvetica, sans-serif;
   display: block;
   padding: 0 0 0 0.45em;
   text-transform: lowercase;
   white-space: nowrap;
   width: auto;
   height: 1.56em; /* 40px * 0.0626 = 2.5 and then Who's your Daddy? 2.5 / 1.6 = 1.56 */
   line-height: 1.56em;
}

#related .content
{
   display: block;
   padding: 1em 1em 1em 1em;
   font: normal 0.75em Arial, Helvetica, sans-serif;
   width: auto;
   overflow: hidden;
   height: 10em; /* was 9 */
}

#related .more
{
   background: url('../images/icon_more.jpg') no-repeat 1em 0.2em;
   padding: 0 1.2em 0 1.4em;
   font: 0.75em Arial, Helvetica, sans-serif;
}

#related .more a
{
   padding: 0 0 0 0.9em;
}

/* right */
#expos 
{
   display: block;
   width: 18em;
   height: 11em; 
   overflow: hidden;
}

/* link for expos header */
#expos .header a
{
   display: block;
   padding: 0.20em 0 0 0.45em;
   text-transform: lowercase;
   white-space: nowrap;
   width: auto;
   height: 1.56em;
   line-height: 1.56em;
   background: inherit;
   color: #5A4436 !important;
   font: bold 1.6em Arial, Helvetica, sans-serif;
}

#expos .header a:hover
{
   color: #629315 !important;
   background: inherit;
}


#expos img
{
   width: 0.8em;
   height: 0.6em;
}

#expos .itemlist
{
   padding: 0 0 0.52em 0.72em;
   display: block;
   width: auto;
}

/* link styles for expos */
#expos .itemlist a
{
   background: transparent;
   color: #000000 !important;
   font-weight: bold;
   font: bold .8em Arial, Helvetica, sans-serif;
}

#expos .itemlist a:hover
{
   color: #629315 !important;
   background: transparent;
}

#expos .item
{
   background: url('../images/icon_arrow_expo.gif') no-repeat 0 0.4em;
   display: block;
   padding: 0 0 0 0.72em;
   height: 1.1em;
   line-height: 1.1em;
}

#expos .item:hover
{
   background: url('../images/icon_arrow_expo_selected.gif') no-repeat 0 0.4em;
}


/* right */
#collection 
{
   width: 18em;
   height: 5em;
   display: block;
   /*background: url('../images/collection.jpg') no-repeat;*/
   overflow: hidden;
}

#collection img
{
   width: 18em;
   height: 5em;
   z-index: -1;
}

#footer 
{
   background: #629315;
   color: #fff;
   border-top: 0.01em solid #FFFDCA;
   border-bottom: 0.01em solid #FFFDCA;
   clear: both;
   display: block;
   width: 58em;
   height: 1.2em;
   line-height: 1.2em;
   text-align: center;
}

#footer .content 
{
   display: block;
   width: auto;
   font: normal 0.7em Arial, Helvetica, sans-serif;  
   padding: 0.3em 0 0 0;
}

/* link styles for footer */
#footer a
{
   color: #fff !important;
   background: inherit;
   font-weight: normal;
   text-transform: lowercase;
}

#footer a:hover
{
   color: #F0ED82 !important;
   background: inherit;
}

/* styles for the fckeditor */
.Normal
{
   font: normal 1em Arial, Helvetica, sans-serif;
   text-decoration: none;
   color: #000000;
   white-space: normal;
}

.Formatted
{
   font: normal 1em "Courier New",Courier, monospace;
}

div#breadcrumb
{
   width: 58em;
   height: .5em;
   background: #F0ED82;
   color: #fff;
   border-bottom: 0.09em solid #fff;
   bottom:0;
}
#headerlogo
{
   width: 40.064em;
   height: 2.7544em;
}