/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
body {
 margin: 0 0 0 0;
 font-family: "Monotype Corsiva",
 "Apple Chancery",
 "URW Chancery L",
 cursive;
 font-size: 1.2em;
 text-align: center;
 background-color: #000000;
 color: #FFFFFF;
}
P {
 margin-bottom: 0in;
 direction: ltr;
font-size: 1.2em;
 color: #C0FFFF;
 widows: 2;
 orphans: 2;
}


P.western {
 font-family: "Monotype Corsiva", cursive;
 font-size: 1.2em;
 font-weight: bold;
}


.details {
 font-size: 1.0em;
 width: 200px;
 float: right;
}

.mainpageleft {
 font-size: 1.2em;
 padding: 1.5cm 0.2cm;
 width: 200px;
 float: left;
}
.price {
 font-size: 1.0em;
 padding: 1.5cm 0.2cm;
 width: 200px;
 float: left;
}

.aboutitem {
 position: relative;
 text-align: center;
 width: 80%;
 left: -0px;
}

.aboutieitem {
 position: relative;
 text-align: center;
 margin-right: 200px;
 width: 80%;
 left: -0px;
}


.aboutitem h1 {
 font-size: 130%;
 text-align: center;
}

.aboutieitem h1 {
 font-size: 130%;
 text-align: center;
}

.artist {
 float: left;
 width: 49%;
 background-color: #150301;
 text-align: left;
}


.artist h2 {
 font-size: 110%;
}


.artist a {
 font-size: 80%;
 float: right;
 color: #cf3912;
}


.artistcenter {
 width: 49%;
 background-color: #150301;
 text-align: left;
}


.culture {
 float: right;
 width: 49%;
 background-color: #091B02;
 text-align: left;
}


.culture a {
 font-size: 80%;
 float: right;
 color: #cf3912;
}


.culture h2 {
 font-size: 110%;
}


.culturecenter {
 width: 49%;
 background-color: #091B02;
 text-align: left;
 color: #cf3912;
}


.category {
 display:block;
 font-size:1.0em;
 text-decoration:none;
 color:#fff;
 width:150px;
 border:0px solid #fff;
 border-width:0px 0px 0 0;
}


.category a {
 display:block;
 font-size:1.0em;
 text-decoration:none;
 color:#fff;
 width:150px;
 border:0px solid #fff;
 border-width:0px 0px 0 0;
}


.small {
 font-size: 0.8em;
}


.fancy table {
 width: 90%;
}


.fancy tbody tr.row0 td {
 background-color: #150301;
 text-align: center;
}


.fancy tbody tr.row1 td {
 background-color: #091B02;
 text-align: center;
}


input.maroon {
 background-color: #800000;
 font-weight: bold;
 font-size: 12px;
 color: white;
}


input.green {
 background-color: #067E04;
 font-weight: bold;
 font-size: 12px;
 color: white;
}


hr {
 color: #505050;
}


h3 {
 color: #FFFFFF;
}


h1 {
 font-size:6.0em;
 color: #FFFFFF;
}
.noline
 {
 line-height: 0.0;
 }

.thumbnail {
 z-index: 0;
}
.banner {
 text-align: center;
 font-size:2.0em;
 color: #C0FFFF;
}
.subbanner {
 text-align: center;
 font-size:1.5em;
 color: #FFFFFF;
}

.thumbnail:hover {
 background-color: transparent;
 z-index: 50;
}


.thumbnail span {
 /*CSS for enlarged image*/position: absolute;
 background-color: #FFFF99;
 padding: 5px;
 /*left: -1000px;*/
 border: 1px dashed gray;
 visibility: hidden;
 color: black;
 text-decoration: none;
}


.thumbnail span img {
 /*CSS for enlarged image*/border-width: 0;
 padding: 0px;
}


.thumbnail:hover span {
 /*CSS for enlarged image on hover*/visibility: visible;
 top: 0;
 left: 0px;
 /*position where enlarged image should offset horizontally */;
}
.totem {
 background-image: url('../images/totemwithoutline.jpg');
 background-repeat: repeat-y;
}
td {
 background-color: black;
 color: white;
}
tr {
 background-color: black;
 color: white;
}
ul {
text-align: left;
}
a {
 background-color: black;
 color: #C0FFFF;
}



.mainimage {
 text-align: center;
 margin: 0 auto;
}

.main {
 background-color: black;
 height: 100%;
 min-height: 100%;
}

.basket {
   position: absolute;
        left: 0px;
        top: 0px;
        width: 90px;
         background-image: url(thumbs/tn_Handled_Whaler_Basket0.gif);
    	background-repeat: no-repeat;
        z-index: 5;
        }
.menu {
width: 100%;
font-size:1em;
position:relative;
z-index:100;
min-width:850px;
}
#wrapper {width: 100%; min-width:820px; }
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
width: 100%;
text-align: center;
white-space: nowrap;
padding:0;
margin:0;
list-style-type:none;
}
.menu ul ul {
white-space: nowrap;
width:135px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
width:135px;
position:relative;
}
/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
font-size:1em;
text-decoration:none; 
color:#fff; 
width:135px; 
height:30px; 
border:1px solid #fff; 
border-width:1px 0 1px 0; 
background:#758279; 
padding-left:10px; 
line-height:29px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width:135px;
w\idth:139px;
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background:#d4d8bd url(../../graphics/drop.gif) bottom right no-repeat;

}
/* style the second level hover */
.menu ul ul a.drop:hover{
background:#c9ba65 url(../../graphics/drop.gif) bottom right no-repeat;
}
.menu ul ul :hover > a.drop {
background:#c9ba65 url(../../graphics/drop.gif) bottom right no-repeat;
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
background:#e2dfa8;
}
/* style the third level hover */
.menu ul ul ul a:hover {
background:#b2ab9b;
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:31px;
left:0; 
width:135px;
}
/* another hack for IE5.5 */
* html .menu ul ul {
top:30px;
t\op:31px;
}

/* position the third level flyout menu */
.menu ul ul ul{
left:135px; 
top:0;
width:135px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-135px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background:#d4d8bd; 
color:#000; 
height:auto; 
line-height:1em; 
padding:5px 10px; 
width: 135px
/* yet another hack for IE5.5 */
}
* html .menu ul ul a{
width: 135px;
w\idth:129px;
}


/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
color:#fff; 
background:#949e7c;
}
.menu :hover > a, .menu ul ul :hover > a {
color:#fff;
background:#949e7c;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}

.homeimage {
margin-top: 5%;
margin-left: -20Px;
}

a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center}

dt {
 color: #C0FFFF;
 text-align: left;
 font-size: 1.4em;
 margin-top: 6px;
 margin-bottom: 6px;
}
dd {
 color: #FFFFFF;
 text-align: left;
 font-family: serif;
 font-size: 1.0em;
 margin-top: 6px;
 margin-bottom: 6px;
}