* {
z-index:0;
}

html
{
height: 100%;
width:100%;
margin:0px;
padding:0px;
border:0px;
font-family: Verdana;
}
A:link img {border:0px;}
A:visited img {border:0px;}
A:link {color:#EB6C3A;}
A:visited {color:#EB6C3A;}

body {
text-align: center;
background-color:#DFDCCC;
font-family:verdana;
font-size:12px;
height:100%;
width:100%;
margin:0px;
padding:0px;
border:0px;
}

img {
border:0px;
}

div {
}

table{
margin:0px;
padding:0px;
border:0px;
}

#contable {
margin:0px;
padding:0px;
border:0px;
width:100%;
height:100%;
}

#conrow {
margin:0px;
padding:0px;
border:0px;
width:100%;
height:100%;
}

#concell {
margin:0px;
padding:0px;
border:0px;
width:100%;
height:100%;
}

#prime {
width: 727px;
height: 560px;
margin-left: auto;
margin-right: auto;
text-align:left;
margin-top: auto;
margin-bottom: auto;
background-color:white;
}

#header {
width: 727px;
height: 47px;
text-align:left;
background-color:#DFDCCC;
position:absolute;
}

#headbar {
width: 727px;
height: 27px;
text-align:left;
background-color:#B9B7A9;
position:absolute;
left:0px;
}

#logodiv {
width: 295px;
height: 32px;
position: relative;
text-align:left;
background-color:#B9B7A9;
margin:0px;
margin-left: -23px;
padding:0px;
border:0px;
z-index:25;
}

.tinyicon {
float: right;
height:27px;
width:33px;
}

#cancentral {
width: 727px;
height: 243px;
position:relative;
top:72px; /* 47 for top menu, 25 for nav menu */
}

#cheese {
width: 727px;
height: 195px;
/*overflow:hidden;*/
}

#mapcontainer {
width: 330px;
height: 195px;
}

#map {
}

#cheesemargin {
width: 67px;
height: 195px;
}

#description {
width: 330px;
height: 195px;
padding-right: 15px;
padding-top:10px;
padding-bottom:10px;
padding-left:0px;
}

#desccon {
max-height: 175px;
text-align:left;
font-size:9px;
color:#8D8B80;
overflow:hidden;
}

#desccon a {
font-weight: bold;
text-decoration:none;
}

#splash {
width: 727px;
height:270px;
white-space: nowrap;
}

#splash A:link {text-decoration: none;}
#splash A:visited {text-decoration: none;}

#splashlink {

}

#leftsplash {
width:320px;
height:270px;
float:left;

font-variant: small-caps;
font-family: bookman, times, times new;
font-size: 18px;
font-weight:bold;
text-decoration: none;
}

#titletext {
position:relative;
height: 20px;
width: 180px;
top: 58px;
left: 140px;
}

#storytext {
position:relative;
width: 170px;
height:80px;
top:88px;
left:150px;
white-space: normal;
color:#8D8B80;
}

#footer {
width: 727px;
height: 28px;
text-align:center;
background-color:#DFDCCC;
color:#8D8B80;
font-size:9px;
}
#footer A:link {color:#8D8B80;}
#footer A:visited {color:#8D8B80;}

#footbar {
width: 727px;
height: 14px;
padding: 0px;
margin:auto;
text-align:center;
background-color:white;
color:#8D8B80;
font-size:9px;
}
#footbar A:link {color:#EB6C3A;}
#footbar A:visited {color:#EB6C3A;}

/* menu CSS below */
#menu {
position:absolute;
text-align:left;
top: -25px;
height: 25px;
width:727px;
}

#menuborder {
position:relative;
float:right;
height: 25px;
width: 382px;
padding: 0px 0px 0px 0px;
border-left-style: solid; 
border-left-color: #DFDCCC; 
border-left-width: 1px; 
border-bottom-style: solid; 
border-bottom-color: #DFDCCC; 
border-bottom-width: 1px;
}

/* 'son of suckerfish' code found at: http://www.htmldog.com/articles/suckerfish/dropdowns/ */

#nav, #nav ul { 
/* all lists */
padding: 0;
margin: 0;
list-style: none;
line-height: 1;
/* mine below */
/* width:auto; */
float:right; /* DEBUG: */
/* DEBUG: should float over right-hand side of layout when hovered. */
white-space: nowrap;
}

#nav a {
display: block;
/*width: 10em;*/
/* mine below */
text-decoration: none;
width:auto;
}

#nav a:hover {
background: #EB6C3A;
color: white;
}

#nav li { 
/* all list items */
/*float: left; */      /* DEBUG: */
/*width: 10em; */ /* width needed or else Opera goes nuts */

/* mine below */
float: right;  /* DEBUG: */
padding: 2px 1px 0px 1px;
margin:  0px 0px 0px 0px;
font: bold 9px verdana;
line-height: 23px;
color:#8D8B80;
width:auto;
/* DEBUG: should float over right-hand side of layout when hovered. */
z-index:15;
white-space: nowrap;
}

#nav li ul { 
/* second-level lists */
position: absolute;
/*width: 10em;*/
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
/* mine below */
width:auto;
color: #EB6C3A;
margin: 0px;
text-decoration: none;
border-top-width: 1px;
border-right-width: 1px;
border-left-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-left-style: solid;
border-bottom-style: solid;
border-color: #DFDCCC;
background: #f9f8f2;
}

#nav li ul li{ 
/* second-level list items */
float: left;
/*width: 10em; *//* width needed or else Opera goes nuts */
/* mine below */
position:relative;
margin: 0px;
width:auto;
clear:both;
line-height: 9px;
padding: 3px 4px 3px 4px;
}

#nav li ul li a{ 
color: #464646;
}

#nav li ul li a:hover{ 
background: #f9f8f2;
color: #EB6C3A;
}

#nav li:hover ul, #nav li.sfhover ul { 
/* lists nested under hovered list items */
left: auto;
}

/* gallery display */

#maingaltable
{
width:727px;
height:460px;
}

#mediumspot
{
width:380px;
height:420px;
padding-top:20px;
padding-left:20px;
padding-right:20px;
padding-bottom:0px;
vertical-align:top;
text-align:center;
}

#undermed
{
text-align:left;
position:relative;
width:240px;
height:27px;
margin:auto;
padding:0px;
border:0px;
}

#magnify
{
position:absolute;
left:12px;
}

#medleft
{
position:absolute;
left:175px;
top:8px;
}

#medright
{
position:absolute;
left:210px;
top:8px;
}

#mediumdescription
{
text-align:center;
color:#8D8B80;
font-size:9px;
overflow:hidden;
width:350px;
height:18px;
max-height:18px;
margin:auto;
}

#gridspot
{
width: 260px;
vertical-align:top;
text-align:center;
}

#mediumspacer
{
height:19px;
}

#storytitle
{
height:37px;
line-height:37px;
font-variant: small-caps;
font-family: bookman, times, times new;
font-size: 18px;
/*font-weight:bold;*/
text-decoration: none;
color:#EB6C3A;
}

#pagearrows
{
height: 10px;
}

#galrack {
padding:0px;
border:0px;
margin:auto;
}

.rack {
height:62px;
margin:0px;
padding:0px;
border:0px;
}

.thumb {
height:58px;
min-height:58px;
max-height:58px;
width:40px;
min-width:40px;
margin:0px;
padding:2px;
border:0px;
}

.nail {
margin:0px;
padding:0px;
border:0px;
float:left;
filter:alpha(opacity=25);
opacity:.25;
background:#DFDCCC;
}

.nailbright {
margin:0px;
padding:0px;
border:0px;
float:left;
filter:alpha(opacity=100);
opacity:1.0;
}

/*
notes:

background
#DFDCCC

dark brown
#B9B7A9

menu tan
#f9f8f2

orange
#EB6C3A

lighter gray, for font
#8D8B80

font color, dark gray
#464646
*/